砂塵の彼方

スマホでの表示は、これまで自分の好みで黒地に白文字にしていました。
が、この際、選べるようにしておこうかと。
ブラウザーのテーマ設定によって、ライトなら白地に黒文字、ダークなら黒字に白文字の表示に自動で切り替わるようにしました。

今回作業を行ったのは、以下の5か所です。
※印の3つは、パソコン表示もダークモードに対応させました。

• 時空の塔 https://www.simoom.net/
• 踊る金狼亭(※) https://www.simoom.net/cw/
• 砂塵の彼方 https://www.simoom.net/sj/
• simoom.net.BAK(※) http://hp.vector.co.jp/authors/VA054753/
• simoom.net.BAK2(※) https://simoomnet.web.fc2.com/

ライトの方は、スマホで見ると配色がいまいちな気がします。もう少し改善の余地がありそうです。いずれ調整するかもしれません。


（1/14追記）
ライト版の配色の調整を行いました。

（1/27追記）
時空の塔のパソコン表示を、ダークモードに対応させました。
元が基本的に黒地に白文字でしたので、「ダークモードでない時は白地に黒文字で表示できるようになった」が正しい気もします。
単純に白＆黒ではなかった部分は元の色や壁紙画像を残しているため、場所によって淡色に濃色文字／濃色に淡色文字の切り替えになることもあります。

（2/14追記）
砂塵の彼方（この場所）のパソコン表示を、ダークモードに対応させました。
元の茶系の色を残しつつの明暗切り替えです。

一年前の今日から始めた「レスポンシブ化っぽい何か（仮）」の、その後です。
踊る金狼亭（とそのほかのCardWirth関連ページ）について、全ての作業が完了しました。パソコン用ゲームの記事がスマートフォンで閲覧されることはなさそうですが、まあ、やっておけば何かの役に立つかもしれません。少なくとも、自分の勉強にはなりました。

今年2月6日に主な作業が終わり、本日までに最終的な調整と色の変更を行いました。色は、最初は白背景に黒文字にしていたのですが、閲覧テストの段階で疲れ目対策のために反転させて、黒背景に白文字としました。背景が白だとディスプレイの光で目が疲れてしまい、長時間見続けるのが辛かったのです。黒背景が見やすいかというと、それもまた微妙ではあるのですが、当面この色でいこうと思います。
（ついでと言っては何ですが、この不定期日記も、スマートフォン表示を黒背景に白文字に変更しました。）

これで、CardWirth関連の記事は、すべてスマートフォンでの表示に対応しました。
あっという間に1年が経ってしまい、時間の流れる速さに愕然としています。
今後は、時空の塔の方でも徐々に作業を進めていく予定です。

ほんの気の迷いで、レスポンシブ化しました。

と言っても、きちんと調整したのは、最も見辛いであろうトップページだけです。未調整のページも表示の横幅が一定以下になると小さい画面サイズ用の表示が適用されますが、ほとんどは横幅480pxで閲覧可能なように作ってあるので、だいたいのところ大丈夫ではないかと思いたい思います。調整が終わったところから等倍表示の設定をかけていく予定です。

作業の範囲は、「時空の塔」及び「踊る金狼亭」内の静的コンテンツを考えています。ただ、レスポンシブWebデザインを意識して作り直すところまでやるのは、手間を考えると無理そうです。元々あったパソコン用サイトはそのまま、スタイルシートだけ（＋場合によってはHTMLの方も少し）いじって、スマホなど指で操作する端末でもだいたいストレスなく使えるようにできればと思っています。これを、胸を張ってレスポンシブ化と言うのもアレで……レスポンシブ化っぽい何か、ぐらいでしょうか。終わっていないので、今のところ（仮）です。

現在パソコン用フリーゲームの記事がメインらしい構成で、レスポンシブ化して意味があるのかはさておき。

なお、この不定期日記は、パソコン・スマホ・ガラケー用にそれぞれテンプレートが存在し、適宜切り替えて表示しています。何かあるたびに膨大な数のファイルを微調整していく手間を考えたら、CMSを上手く使っていく方が楽ですかねぇ。
Firefoxはウェブ開発メニュー内に「レスポンシブデザインモード」というのがあって、作業を進めるにあたって、かなり助かっています。


（3/5追記）
CardWirth関連で作ったTwitterアプリ「cwNowUp」にも、レスポンシブ化っぽい何かを施しました。

自サイト内から他のサイトへのリンクが生きているのか、前回調査してから、もう3年ぐらいは経ちました。その間に無料ホームページサービスや無料ブログのサービス終了が相次ぎ、結構リンク切れが増えているのではないか……

ということで調べてみると、やはりかなり出てきました。
必要に応じて修正や削除など行っています。主な修正箇所は、以下の通りです。

• 踊る金狼亭：メモ箱＞ユーザー作成バリアントにCardWirth Extenderを導入する
• Extender関連ファイルの入手先が変わっていたため、リンクを修正。
• 今後入手ができなくなる可能性を考慮して、代替手段も追加。
• 踊る金狼亭：初めてカードワース＞見た目や宿のカスタマイズ
• エンジン差替え素材リンクを1件追加。閉鎖など4件削除。
• CW1.28用外観変更パッチ「でこぱち」配布サイトが消滅したため、「でこぱち」に関する記述を削除。
• 踊る金狼亭：ツール紹介
• 差し替え1、修正4
• リンク集
• 「時空の塔」修正6
• 「踊る金狼亭」追加1、修正4
• リンクミス（書き間違い）の修正。
• 踊る金狼亭、札楽亭内の関連日記ログに1か所。。。

※※※
【メモ】そこそこ最近（？）のサービス終了例
2010/10/31：infoseek isweb ライト
2011/06/30：COOL ONLINE
2012/05/21：infoseek isweb ベーシック
2014/11/30：OCNブログ人
2015/02/28：PageOn（OCN）
2016/03/31：フリーティケットシアター
2016/11/10：@homepage（Nifty）
2017/01/31：ZAQ BLOGari、WebSpace（J:COM）
2017/10/31：au one netホームページ公開代理サービス（旧DION）
2018/02/28：@PAGES

だいぶ前からそういう流れになってきてましたが、これまで費用面で諦めていました。特に重要な情報をやり取りするわけでもない個人の趣味サイトのために、そう高くはないとはいえ追加の出費をするのは、どうも躊躇われたのです。
ところが先月から、SAKURA InternetでLet's Encryptが使えるように。何と更新も自動でやってくれるありがたさです。

証明書の取得はワンクリックで終了、http://～へのアクセスをhttps://～に送る設定も難しくなく、簡単簡単と思っていたら、そこからが大変でした。長くやっている間にサイトの構成ファイルが結構な数になっていて、SSLを想定していないスクリプト類の更新、網の目のように張り巡らされたリンクの中から修正が必要なものを探す作業、そして最終的な確認と、それなりの時間を消費しました。
やはり、そんなに甘くは無かった……！

なお、1つだけ作業が終わっていない部分があります。
ガラケー向けの変換スクリプトが、これまでの設定では上手く動かなくなりました。自分で作っていないので、ゼロからの調査が必要です。今日明日の対応とはいかないかもしれません。
ガラケー派の方にはご迷惑おかけしますが、今しばらくお待ちください。
・この不定期日記は単体でガラケーでの表示に対応しているため、そのままご利用いただけます。
・連絡用掲示板など他にもいくつか影響を受けない部分がありますが、そもそも使われていないので（以下略）
※11/12 ガラケー表示、再稼働しました。
なお、証明書不一致による接続不能を避けるため、ガラケーでアクセスした場合にはHTTP接続となります。
HTTPSではアクセスできない端末もあるのでやむなく……。
ガラケーでご覧になる方は、セキュリティ対策がなされていないことにご注意ください。


（11/7追記）
その後、URL正規化の過程で不具合が起きることが分かりました。
サーバのデフォルトの仕様では、
http://simoom.net/
http://www.simoom.net/
のどちらを使ってもアクセスできるようになっているのですが、内容同じでURLが2つにならないように、wwwなしのアクセスはwwwありに書き換えて、URLを統一していました。
が！ SSL化後も同じことをやろうとすると、転送で無限ループが発生し、正常にアクセスできません。.htaccessの記述は間違っていないし、だいたい過去には問題無かった箇所です。

これは処理に使っている環境変数の方がおかしいのかもと一覧で出力してみたところ、HTTP_HOST（SERVER_NAMEも）値が面白いことになってました。

http://simoom.net/ にアクセス
→HTTP_HOST=simoom.net

http://www.simoom.net/ にアクセス
→HTTP_HOST=www.simoom.net

https://simoom.net/ にアクセス
→HTTP_HOST=simoom.net

https://www.simoom.net/ にアクセス
→HTTP_HOST=simoom.net（←！！？！）

HTTP_HOST=simoom.netならhttps://www.simoom.net/～に送るという操作をしていたので、ループするのは当然です。
SAKURA Internet、何故こんな仕様？？ 他に代用できる変数もなし、困った……

と思っていたら、ちゃんと解決している方がおられました。
上級者向け設定、そう言えばそんなのあったなぁ；
→さくらでURL正規化を正しく行うSSLの設定方法 - はるかのひとりごと

なお、上記記事は有料の証明書を使う時のやり方です。
無料SSLでは、そのままの手順は使えませんが、だいたい同じ方法で解決できます。

このブログはあくまで「時空の塔」と「踊る金狼亭」のオマケだと思っていたので、各種ご案内などにはほとんど気を遣ってきませんでしたが、この際、少し整備しておくことにしました。
迷った時分かり易くを目指して……

• このブログに、専用の「案内所」を設置しました。
• これまで各サイトに個別に掲載していた案内文のうち、直接連絡の対象になりそうなものを、連絡先まとめ内の事前説明「その他」に移動させました。

と、3つそれぞれに案内所を作ったところ、今度は情報の在り処がばらけて分かり辛いような気がしてきました。いずれ、サイト毎に置いている案内所やご利用条件の類を、一か所にまとめるかもしれません。

色々と試行錯誤中です。
そもそもCardWirthの記事を作った時、別館扱いにしたのが拙かったようにも思えます。
家庭用ゲーム攻略と同じ個人の趣味という括りで、時空の塔の一コーナーとして、まとめて管理しておけば良かったかも……（後の祭り

※※※
案内文を移動させて、少々懐かしい気分になりました。
元々本館用に書いたものですが、当時、こういう事を事前にお知らせしておいた方が親切と思える程度には、メールなどで直接連絡してくる方がいらっしゃいました。今から考えると信じられないぐらい頻繁に更新していた頃の話です。
今はもう、サイト自体がほぼ死んでいるような。返信する余裕も有ったり無かったり。。。

本日（2014/04/20）19:00頃より、踊る金狼亭の改装作業を実施しております。
作業終了予定は、本日22:00です。
突然ですみません。
お越しいただいた皆様、申し訳ありませんが作業終了までお待ちくださいm(_ _)m

【改装工事】
場所：踊る金狼亭 http://www.simoom.net/cw/
開始：2014/04/20 19:00頃
終了：2014/04/20 22:00（予定）

なお、事情によって終了時刻が予定より前後することがございます。
悪しからずご了承ください。
終わり次第、この場やお知らせ用Twitterでお知らせ致します。


（19:49追記）
更新と一通りの確認を終え、アクセス可能になりました。
これから最終確認に入ります。
万一リンク切れ等ありましたら、Web拍手やTwitterアカウント宛てにお知らせ下さい。

（23:15追記）
最終確認を終了し、全ての作業を完了しました。
作業終了が遅くなりまして申し訳ありませんでした。

本館・別館で別々に管理していた日記の類を統合しました。
対象は以下の3つです。

• 超不定期の何か。（不定期日記：時空の塔用）
• 踊る金狼亭・徒然（不定期日記：踊る金狼亭用）
• 翳の回廊 ver.2（らくがき置き場）

管理の手間を減らしたいというのが主な理由ですが、日記スクリプトを以前使っていたものの後継バージョンに変更する、たまにある内容かぶり解消等の目的も兼ねています。
前の所にブックマークやRSSの登録等されていた方は、お手数ですがこちらの方に変更をお願い致します。

今後は、ちょっとしたメモや日記的なものは、全てここ「砂塵の彼方」に投げ込みます。
その中でまとめてしっかりした記事にできるものがあれば、「時空の塔」や「踊る金狼亭」に反映させていく予定です。
落書きは、基本ここに隔離で。

※※※
以前との差は、落書きの更新がRSSに載らなくなった事ぐらいです。
あとは、テーマが混在するようになったために分かり辛くなった感が多少……。

※※※
日記のスクリプトにはfreoを使わせて頂いています。「創作サイト向けコンテンツ管理システム」と謳われていますが、ここのような雑記的な使い方にもとても便利です。スマートフォンにも本格対応しています。
前バージョンのWeb Diary ProfessionalやWeb Gallery Professionalも保守は続けられているようです。

（7/28追記）
統合前の各日記の記事は、全てこちらにコピーしました。
一部誤字脱字の修正やタイトルの整理などを行いましたが、文章内容の変更はありません。

サイト開設当初から使っていた茶系背景に白文字＆明茶色リンクから……

　↓
白系背景に黒文字＆青リンクへ。


長く使ってきた前の色には愛着もありましたが、最近は色に対する感覚が変わったのか白地に黒が一番見やすく感じます。
最近は、何か説明する記事が増えたせいもあるかもしれません。

前の方が、好みではあるんですが。
思い切って変更しました。

当サイトの記事は、大部分が1.29エンジン公開前に作成されました。そのため、文章中に「旧エンジン」または「新エンジン」という記述がある場合、特に注釈が無ければ、旧＝1.20エンジン、新＝1.28エンジンを指します。「新エンジン」が現在の最新バージョンを指していない事にご注意下さい。

1.29エンジン公開後に作成・修正した記事は新バージョンの出現に配慮した表現になっていますが、1.30エンジンに関してはノータッチです。多くの記事はそのまま使えると思いますが、1.30で追加・修正された部分に関わるものは正確でなくなっている恐れがあります。

（補足）
1.29 or 1.30エンジンの機能に対応していないものや、問題ないことが確認が出来ていないものは、一時的にトップからのリンクを外してあります。


（11/16追記）
11/15から11/16にかけての更新で、解決済みです。
内容の正確さや使える度合いがCW本体の仕様に依存する記事について、コーナーごと、または記事ごとに対応している本体バージョン等を明記する事にしました。 →■
また、それらがCW1.29やCW1.30の関連記事としても読めるよう内容の追加と修正を行いました。

現在、「旧エンジン」「新エンジン」の表記は、個別にバージョン指定があるものと、更新履歴のその時点での「新」または「旧」を表すものだけになっているはずです。
もし表現がおかしい所が残っていたら、拍手か何かでツッコミ入れて頂けると助かります。

※※※
確認が取れたもの、対応が済んだものから順にリンクを戻す予定にはしていますが、デザイン的には今の方がすっきりして見易いようにも。実際のところはどうなんでしょうか。
（対応済み分については、トップからのリンクを復活させました。：11/16）