赤穂屋本館

.htaccessで、https://から始まるアドレスに自動遷移させる設定を記述したらXAMPPがぶっ壊れてlocalhostが見れなくなってしまった
アンインストール→インストールしても解決せず。

もうおしまいだ、
おれのサイト弄り人生………


同盟は1つのhtmlだけで完結してるけど、他のサイト全部phpで構築してるのでXAMPPが壊れたら終わりです。

てか今日寒くない!?
アクスタの写真鉄道の写真 を更新しました!
アクスタは8枚、鉄道は10枚以上一気に追加しました。
鉄道の方は福岡旅行で撮った写真がたくさんあってお得です!京都の叡山電鉄も2枚。赤穂屋初の新幹線も1枚。
アクスタは推しパフェを作る会とか、友人とのクリスマスパーティーの写真があります。

あと、リニューアル前のサイトに置き去りにしていたキャプションも全て引き継ぎました。
これで前のサイトのデータが消えても安心!月末に契約が終わる予定だったので危なかった。

これは昨日からなのですが、全ての画像のピクセル数を1000台以下に調整したのでスーパー軽くなりました。
Fancyboxで見たときにスワイプの挙動がやたら重くなる画像があった(※iOS自機での検証)のは気付いてたんですけど、重くなる原因がピクセル数と気付いたので大きい画像を全て縮小しました。
路線図の写真なんかは視認性が下がってしまったのですが、まあ……元サイズの画像残してるしな……いいか……という気持ちで小さくしました。

■お世話になったツール


絵もサイズ縮小はせずともwebp変換はしたいな~。
オ〜 寒い

■サイトの細々した改修をしました!
↑でっかい文字を更にでっかくして大声感を上げました。(大声感って何?)
それ以外は細かいデザインの改修など。

あと絵のページとか鉄道・アクスタの写真ページで出てたエラーコードを出ないように修正しました。
以下細かい技術的な話。
このエラーコード、ブラウザ更新するとしばらく見えなくなるんですが、レンタルサーバーに置いてるファイルの名前とかを生で出してくるからヤバかった。
ヤバかったし認知もしてたんだけど直し方が分からなくて3週間放置してた……
前のWitchServerやlocalhostでは出てなかったから……。

結局、リトルサーバーのphp.iniをいじってエラーコードを出力しないようにしました。サーバーごとにエラーコードの出る・出ないの差が出たのもこのせいかも。
大元のPHPファイルを直したかったけどあんまり分からんかった。▲畳む


久しぶりにサイトいじったけど楽しかった〜
今の自分の知識でできることとできないことがあるのが面白い。
■静的サイト構築進捗
明けましておめでとう!(この記事書いてたら年明けた)
年内の仕事が終わったので、実家に帰ってから作業を進めた。

赤穂屋にもPHP(手打ち)を導入した
headerとfooterのインクルードパーツだけだけど。
あとは画像表示用のモーダルウィンドウの操作説明の文。文量としては全然手打ちしてもいいんだけど全部の作品ページに手打ちすると流石に変更するときにだるいので……。

写真とV3初見感想集とサイト構築メモの移植が終わった
画像モーダル→Fancybox v3 (リンクは恐らくv5)
写真集のページ→ずぼログ
V3感想集・サイト構築メモ→DreamViewer
で構成した。

Fancyboxはなぜかあまり見ない(日本語の情報が少ないから?)が、ピンチイン・アウトで拡大縮小できるし、上下にシュッとすると閉じられるのでかなりTwitterの挙動と似ており、ストレスの少ない仕様だと思っている。
Fancyboxはv5まで出ているけど、何故か5も4も上手く動作させられなかったし3で十分なので3を使っている。
v3.5.7以下ならCDNもある。

ずぼログは説明不要だと思う。デモページがタイル状の展示だけど、pixivみたいに縦一列の表示もできるので自分はそうしてる。
さっき上でFancyboxについてベラベラ話したけど、ずぼログを使うならわざわざ導入しなくてもずぼログ側でテンプレをfancybox.phpに設定したらFancyboxがすぐ使える。便利〜

DreamViewerは前にも話した名前変換スクリプトdream.php の拡張機能の一つ。
名前変換機能をdream.phpが、小説をブラウザ上で表示させる役割をDreamViewerが担っている感じ。
だけど、DreamViwerは単に文章を表示させるだけに使ってもかなり使いやすい。
前の作品/次の作品、ページ分け、閲覧注意表示モーダル、予約投稿の機能が標準で入ってるのでサイトでpixivっぽいことができると思う。
また普通にhtmlタグをベタ打ちすればhtmlの要素として読み込んでくれるので超便利!

でもDreamViewerの扱いは慣れるまで難しい!!もしこれを読んで使おう!という方がいたら根気よく触ってほしいです。

お正月休みはまだまだあるので、正月中に新しいサイト完成させたいな~と思います。
今年もよろしく~
WitchServerさんがサーバー移行されたタイミングで使ってたFFFTPが使えなくなったのでFileZillaに変えたけど便利な機能がいっぱいあるなぁ
サーバー側からダウンロードするのが簡単でびっくりした。。てがろぐとかのバックアップがすぐ取れた。

職場でFFFTP使ってるしFTPソフトと言えばこれでしょ!!と思っていたけど、FileZillaのほうがいい。。
自分はテキストエディタを吟味するのが面倒でずっとWindowsのメモ帳を使っているんだけど、これも改めたほうがいいかもしれない。
WitchServerさんのサーバー移行が終わったようです!
なんか表示が早くなった気がします やったー!

サーバー移行期間中ずっとlocalhostで遊んでました。
別サイトの方についにphpを導入しました。
ヘッダーとフッターをパーツ化して読み込むものだけですが。でもちゃんと動くと嬉しいですね!
■静的サイト構築進捗
はじめに と別館の年確ページは完全にできた。イェーイ
あとは作品ページに絵や小説を流し込むのと、日記用のてがろぐのカスタムだ。

以前に小説の作品展示はNPPでやりたいと書いたけど、導入してみたらかなり投稿プラットフォーム寄りと言うか、NPP内でサイトを完結させるのが目標な感じがしたからやめた。
自分の理想は「テキストを放り込めば作品ページを作ってくれる」だけで、タグ機能とかはいらないなーという感じだった。
サイトを持ちたいけどサイトを作るのはめんどいなぁという人には合ってると思う。

別サイトで名前変換スクリプトのdream.php を使っているのだけど、これがかなり良い。
指定したフォルダにtxtを入れると、事前に用意しておいたテンプレートに自動的に流し込んでページを生成してくれる。
改行は勝手にbrタグにしてくれるし、txtファイルにHTMLタグを直書きしておくとちゃんとHTMLタグとして読み込んでくれる。
小説本文のデータをtxtで管理できるのがいい。brがいっぱい入っている小説ファイルは扱いにくいから。

しかし先述した通りdream.phpは名前変換機能が肝なのでちょっとリソースを食ってしまう(知れてるけど……)ので却下。
名前変換機能なしの純粋な小説ページ生成プログラムもあったらいいなぁ……。自分が見つけてないだけであるのかもしれない(教えてクレメンス)。

という訳でこの日記用のてがろぐとは別に作品展示用のてがろぐを設置することにした。
てがろぐの柔軟さが本当に助かる……。プログラムとして既に完成しきっているのにまだまだ開発されそうな感じがするし。
スキン切り替えで対応できなくもないけど、日記用と作品用で切り離すことで記事の管理をしやすくすることにした。
あとアドレスの見た目の問題(memoディレクトリで作品が見れたらなんか嫌というだけ)

昨日の晩にXAMPPでてがろぐを見れるようにした。例によっててくてくさんの記事 を参考にした。
結構大変だったけどなんとかなった。いつもお世話になっております。

ついでにスマホからlocalhostを見れるように設定したんだけど、ローカルでHTMLもしくはCSSを保存した次の瞬間にはもう携帯でブラウザ更新すれば反映できるのがストレスフリーでいいですね。
今回のサイト構築が終わってもlocalhostで作業する習慣をつけたいな。作業のストレスが減って良きでした。

しばらくはヒーヒー言いながらてがろぐのCSSを整える期間が続きそうです。
■静的サイト楽しいが大変

赤穂屋を静的サイトに切り替えよう!と決意したのが昨日で、今日から早速構築を始めています。
テンプレートサイト様からテンプレを拝借して早速改変し(規約で原型を留めない改変も可と明記されています)、かなり今の赤穂屋っぽい骨組みは出来ました。

今回イラストの展示にdo様のずぼログ 、小説(感想集、サイト構築メモも)の展示にNovel Post Personal とどちらもPHPを利用したかったのと、まだ移転先のサーバーを借りてないので初めてXAMPPでlocalhost環境を構築しました。
また静的サイトができたらサイト構築メモ書くね。

いや~静的サイトの構築大変ですね。
なんかイラスト描いてて隙間の1px塗り忘れちゃった~まあいいや の1pxを無限に修正するみたいな感覚です。
このたとえが現実だったらめっちゃ嫌だな……

でも、これ完成したらFTPで一気にアップロードするだけでいいんだよな……と思うとワクワクしますね。
アップロードする瞬間嬉しすぎて高笑いしちゃうかも。

今回はお正月休みがなんか分からないですけどめちゃめちゃあるので、来年のお正月は部屋で一人でサイト構築で決まりですね!!

20231217123625-admin.pngめっちゃ可愛いよ~😊
■サーバーを移転したいの巻

度々ここで書いているが、使わせていただいているWitchServerさんの公式が動いていないのが気になる(問い合わせ対応はされているが、いつも爆速だったてがろぐのアプデがまだされていない)のでサーバーを移転しようと思う。

サイトを開設したときから年齢制限のある作品を置きたかったので、当初から「アダルト レンタルサーバー」で検索しまくっていた。
アダルトのサーバーはどうしても高くなってしまう中WitchServerさんは破格の条件だったのだが、最初に書いたのが不安材料になって移転することを決めた。

というか、ずっとアダルト不可だと思い込んで契約を見送っていたリトルサーバーがアダルト可だと気付いたので、普通に今より条件が良くなる。

赤穂屋のサーバーはロリポップ→WitchServerと来ているのだけど、ロリポップに関してはむしろ逆の「アダルト可だと思い込んで契約したらアダルト不可だった」ので1年契約したけど1ヶ月で使わなくなった。
ロリポップで高い勉強料を払ったが故に新しくサーバーを契約するのに二の足を踏んでいた(というかもう損したくなかった)のだ。

今回で気付いたけど自分はどうも利用規約とかよくある質問を読むのが苦手っぽい。
「このサーバーはアダルト可(不可)だろうなぁ」という思い込みありきで文章を読んでしまうので正しく読み取れてないっぽい。
シンプルに人生のもっと大事なところで損しそうな性質な気がするので趣味の出費で気付けたのは良かった!!

それで、サイトを移転するのにWordPressを引っ越すのがしんどすぎるので(ロリポップ→WitchServerのとき、構築から1ヶ月も経ってなかったのにきつすぎた)せっかくだしと思って赤穂屋を静的サイトで構築し直してます。
作品ページも何もかも作ってから公開したいのでしばらくはWordPress製なんですが……。

やっぱりHTMLタグ手打ちはたのし〜〜〜!!!
今のサイトを静的サイト化するために色々デザインを見てたんですが、今のサイトのデザインが一番良いな……になりました。
好きなデザインは色々ありますが、使うとなるとシンプルなのが飽きが来づらくていいと思います。
そういえば自分の携帯のホーム画面もずっと真っ白い背景だったというのを思い出しました。

イラストや小説のページは時間かかりそうですがトップやはじめになどの構築はすぐできそうなので暇なときにぼちぼちやりたいです。
でもメニューとかの用意はすごく面倒くさそうだなぁ……でも今の右下(※スマホの場合)のメニューいいよね……。

サイト作り始めたらすっかり趣味の一つになってて面白い。これ同じくサイト作りが面白いと思ってる人しか興味ないんじゃない?まあいいか。