自宅サーバーの脱線がすぎて、自分のウェブサイトのリニューアルをしていました。
パッと見はあんま変わってないのですが、Bootstrapを入れてレスポンシブ化しました。あとは、古いコンテンツを片付けたり、ミク絵の未追加分（10年分くらい…10年！？）を入れたり、8639.tkに別で書いていた各種リンクを入れたり、自己紹介をちょっとちゃんと書いたり、意外と様々やりました。
画像ビューアの書き直し
ミク絵のページとか写真のページに使っていた、自作のPHPスクリプト+lightbox2の画像ビューアを、JavaScript+baguetteBoxで置き換えました。前回の記事同様、PHPスクリプトを減らす一環ですね。そして、こちらもBootstrapでレスポンシブ化してあります。
画像の拡大表示に使用したbaguetteBoxは、スマホでのスワイプにも対応していい感じだったので気に入っていますね。モダンやん
画像リストファイルは、独自の書式からJSONに移行。これをJavaScriptでfetchしてHTMLを生成していますが、昔はAjaxでファイルを読み込むのがまあまあ大変で、それで知見のあるPHPにした記憶があるので、クライアントサイドで簡単にできるようになって良い時代だなあという感じです。
PHP版にあった写真アップロード機能は失われましたが、頻繁にアップロードすることはないし、リストファイルを手で書き足せばいいかということにしました。
このスクリプトがサイト内で5つくらい動いていたので、全部置き換えました。スクリプトは共通のjsファイルを使用するようにできたので、メンテナンス性も改善できました。
OSAkkieのサイトいじり
OSAkkieのサイトももう更新はしないものの、デザインが壊れたままなのもなんなので手入れ。ここでも画像のランダム表示にPHPが使われていたので、JavaScriptに置き換えました。左上の半透明の枠がPNGファイルで表現されており、CSSのborder-radiusに入れ替えましたが、これもまたいい時代やなあというか、懐かしいことしてたなあとか。
