ウェブデザイナーの問題解決メモ

 Dreamweaverでhtmlを作成していると、プログラマーの人に渡した時に「タブスペースや改行がくずれる」という現象が起きる。 というのも、Dreamweaverでタグをエンター改行すると、インデント分の空白が勝手にタブで入ったりしてしまうのだ。 今まではその都度手作業でスペース入れたりしていたのだが、ちょっとdiv増やしたりするともうスペースの入れ直し！！ …というのが一発で解消する方法を知ったので、設定を含めてメモ。 まずは上部メニューの「Dreamweaver」→「環境設定」を開く その中にある「コードフォーマット」で、上記設定をしておく。 ・インデント：☑を使用「2」「スペース」 ・タブサイズ：「２」☑スペースとして挿入 ・TDタグ：□TDタグ内に改行を含めない コード画面左側にある「ソースコードのフォーマット」をクリック その中にメニューとして「コードフォーマット設定」があるので、それを選ぶ。 タグごとに細かな設定ができるので、自分が一番見やすいように修正する。 自分の場合は「a」「div」「head」「button」を修正。 aタグの設定 改行：タグの前後 コンテンツ：フォーマットおよびびインデントあり divの設定 改行：前、中間、後 コンテンツ：フォーマットおよびびインデントあり buttonの設定 改行：前、中間、後 コンテンツ：フォーマットおよびインデントあり headの設定 改行：前、中間、後 コンテンツ：フォーマット及びインデントあり 最後に、「ソースフォーマットの適用」 ソース画面左の「ソースコードのフォーマット」アイコンを押して、「ソースフォーマットの適用」を選択すると、開いているソースの中身が整形されます。 ざっと見直して問題なければこれで完了！

 個人的趣味でティラノビルダーを使い、何年か前からノベルゲームを制作しています。 初制作ながら、この「ティラノビルダー」という素晴らしいソフトに出会えたおかげで、ゲームを作り上げる喜びを感じることができ、本当に感謝です。 さて、本題ですが、マルチエンディングのゲームを作成するときは、「どのエンディングに到達したか」という事が結構重要になってくると思います。 今回もざっくり説明すると「ノーマルエンド」「グッドエンド」「トゥルーエンド」というものを作り、それぞれに到達したらエンディングを振り返るような仕組みを実装しました。 キャラクターとの好感度やイベントフラグなどは、ゲームを始めからプレイする度にリセットされるのが当然ですが、エンディングの状態は常に記憶された状態にしたい。 そんなときに利用するのが「システム変数」になります。 ティラノビルダーでいうところの、「プロジェクト」→「変数管理」で変数を追加する際、「システム変数」のところにチェックを入れると作成できます。 しかし、これが実は初期値「０」を入力しても、実際に変数の中身を参照すると「undefined」という文字列が入っている…。 よくあるフラグの「０」ならクリアしてない、「１」ならクリアしてる、という概念で条件分岐をしようとすると期待した結果が返ってこないのだ…。 仕方ないので、title_screen.ksの中で０を代入して初期化するしかない。 ■具体的には以下のようになります。 コンポーネント「ジャンプ」「変数設定」「ラベル」を配置↓ ■ジャンプ A「end_normal」 B「定数」「１」 フラグ判定用の式「実行条件を指定する」にチェック 条件「AとBが同じ場合」 ターゲット「ノーマルエンドクリア」 ■変数設定 変数「end_normal」 操作「代入」 オペランド「定数」「０」 ■ラベル ラベル名「ノーマルエンドクリア」 end_normalに１が入ってたらスルー。 end_normalが１じゃなかったら０を代入。 という感じ。

 bootstrap5の基本classには、fs-1、fs-2、のように数字のみ指定してフォントサイズを変更する方法があるが、カラムを指定する時のような、col-sm-1、col-md-2、のように画面サイズによってフォントサイズを可変にする指定が無い。 そこで、以下ファイルに１行追加することにより、それが実現する！ scss/_utilities.scss 434行目くらいにある"font-size"のところ。 "font-size": (       rfs: true,       property: font-size,       class: fs,       values: $font-sizes,       responsive: true　←これを追加     ), 日本語サイトだとなかなか実装している人が居なかったので英語検索して見つけ、色々いじった結果、これを追加するだけで行けることが判明した！ 助かる！

 最近１ページもののHPが増えているが、ページ内リンクしたときに、スクロールした飛び先のコンテンツがヘッダーに隠れてしまう現象に悩まされてた。 その度に、目的のエリアよりも上にわざわざaタグを置いて対処していたが、CSSで対応できることが判明！ html {   scroll-padding-top: 100px; /* 固定ヘッダの高さ分 */ } これだけ！素敵！ スマホや大体のPCブラウザに対応しているみたいです。

 Wordpressのテーマ「Lightning」を使用するにあたり、以下の問題にぶち当たって解決！ 1.コピーライトが消せない 2.１ページものでページ内リンク（アンカー）した時に、グローバルナビゲーションに下線がついてしまう ※但し、これらの解決方法はかなり強引なので、オススメはしない。 まず「１」コピーライトが消せない いろんなサイトを調べてみると、子テーマで簡単に消せるような記述があるけど、どういう訳か子テーマをいじっても消せなかったので、親テーマをいじってやる。 wp-content/themes/lightning/_g3/inc/template-tags.php 251行目あたりの //Powered. から下３行くらいを、/* */ で囲ってコメントアウト！

 タイトルの通り、wordpressのテーマ「twenty-seventeen」を使用したサイトにて、投稿（お知らせ）記事の「この投稿を先頭に固定する」にチェックを入れた所、「お知らせ」ページ内では上部固定されるが、トップページでは固定されない現象がありました。 色々調べた所、以下のソースを変更することで解決しました！ wp-content > themes > twentyseventeen-child(ここは子テーマ) > template-parts > page > content-front-page-panels.php 63行目 'ignore_sticky_posts' => true, を 'ignore_sticky_posts' => false, に変更 先頭固定表示にする記事は「sticky」というclassがつくようになっていて、 つまり「ignore」＝「除外する」　「sticky_posts」＝「固定記事」　「true」＝はい 「固定記事という設定を無視しまーす」 という指定になっていました。 いやいや、日本語サイトもそうですが、海外で記事を漁ってもなかなか出てこず、手こずりました。

modxのフォーラム管理人であるyama様に紹介して頂いた、modx evolution用のサイト内検索スニペット。 https://github.com/yama/evo-content-search ドキュメントが無いですが、という事でしたが、 ・ajaxsearchと比べて、チャンクやテンプレート変数を展開した状態のテキストも建託対象に含めてくれる ・含まれる文字列の割合に応じて上位表示が出来る ということで、こちらを設置してみることにしました。 １．まずgithubからデータを一式ダウンロード。 ２．modxの「assets＞snippets」のフォルダ内に、解凍した「ContentSearch」フォルダをアップロード ３．modx管理画面のスニペットを新規作成し、 　スニペット名[ContentSearch] 　スニペットコードの内容に以下を記載 return require MODX_BASE_PATH.'assets/snippets/ContentSearch/bootstrap.php'; ４．検索ボックスを表示したいリソースに以下を記載 　[!ContentSearch!]  完了！！ 最初に検索ボックスを設置したページを開く際、インデックス登録が走るので少し時間がかかるが、無事検索＆結果表示出来るようになりました！ ＋α 個人的に色々いじっている部分の関係で修正した部分としては、 １．pagetitleにbrタグを入れているので、リソース内に表示する際のpagetitleを[*pagetitle:strip_tags:hanzen*]と表記していたので、以下のファイルを修正 ■core>config>template>result.html [+pagetitle+]の部分を[+pagetitle:strip_tags:hanzen+]に修正 ２．更新日＆ページURLの表示は消したいので、同ファイルの5行目〜7行目をコメントアウト <!--<div> [ 更新日：[+publishden:date(Y-m-d)+] ] [(site_url)][~[+id+]~] </div>--> という感じです。 ただ、これも日本語コメントが記載されているスタイルシートの中身まで検索対象...

●modx公式サイトのページ https://modx.jp/docs/extras/snippets/ajaxsearch/ ●githubのページ（1.12.1） https://github.com/extras-evolution/ajaxSearch/tree/master/assets/snippets/ajaxSearch ●ロシアのサイト？パラメータが詳しく載っているサイト http://i--gu.ru/asearch MODXでサイト内検索を調べていた所、「ajaxsearch」が現状で主流な感じのプラグインだったため導入、しかしサンプル通りに記述しても検索結果が表示されない事象に会う。 サンプルでは、[!Ajaxsearch!]と書けば良い。とのことだったが…。 googleサイト内検索を導入したところ、「広告が出るのが嫌だ」と言われ… 色々とエラー内容を調べても最初はわかりませんでした。 ■リソース内容 [!AjaxSearch? config=`` // &asId=`as2` &ajaxSearch=`1` &tplResult=`search-result-item` &debug=`1` !]  ■エラー内容 Uncaught TypeError: as.so.setStyle is not a function at activateAsInstance (ajaxSearch.js:formatted:72:18) at activateSearch (ajaxSearch.js:formatted:28:9) at g (mootools.js:3:7528) at mootools.js:3:7706 at mootools.js:3:21359 at Array.forEach (<anonymous>) at fireEvent (mootools.js:3:21299) at mootools.js:3:27550 at Function.<anonymous> (mootools.js:3:27703) at g (mootools.js:3:7528) エラー内容を調...

 タイトルのままですが、元々別サーバーで管理していたwordpressをxserverにデータ移行し、ドメイン移管前だったのでhostsをいじって管理画面にログインしました。 元々SSLがかかっていたサイトなので、一時的に設定のURLを「https」から「http」へ変更したが、なぜか管理画面メニューの「固定ページ」をクリックした時だけhttpsのページへ移動し、かつxserverの「無効なURLです。」が表示されてしまった。 URLからsを削除してアクセスしても勝手にhttpsになってしまい、どうしたものか、と思っていたが、chromeのブラウザキャッシュを削除したところ、問題なくアクセスできるようになった。