以下の内容はhttps://akkiesoft.hatenablog.jp/entry/20250214/1739459215より取得しました。


自分のウェブサイトのリニューアル

自宅サーバーの脱線がすぎて、自分のウェブサイトのリニューアルをしていました。

パッと見はあんま変わってないのですが、Bootstrapを入れてレスポンシブ化しました。あとは、古いコンテンツを片付けたり、ミク絵の未追加分(10年分くらい…10年!?)を入れたり、8639.tkに別で書いていた各種リンクを入れたり、自己紹介をちょっとちゃんと書いたり、意外と様々やりました。

shrimp.marokun.net

画像ビューアの書き直し

ミク絵のページとか写真のページに使っていた、自作のPHPスクリプト+lightbox2の画像ビューアを、JavaScript+baguetteBoxで置き換えました。前回の記事同様、PHPスクリプトを減らす一環ですね。そして、こちらもBootstrapでレスポンシブ化してあります。

画像の拡大表示に使用したbaguetteBoxは、スマホでのスワイプにも対応していい感じだったので気に入っていますね。モダンやん

baguetteBox.js | Demo

画像リストファイルは、独自の書式からJSONに移行。これをJavaScriptでfetchしてHTMLを生成していますが、昔はAjaxでファイルを読み込むのがまあまあ大変で、それで知見のあるPHPにした記憶があるので、クライアントサイドで簡単にできるようになって良い時代だなあという感じです。

PHP版にあった写真アップロード機能は失われましたが、頻繁にアップロードすることはないし、リストファイルを手で書き足せばいいかということにしました。

このスクリプトがサイト内で5つくらい動いていたので、全部置き換えました。スクリプトは共通のjsファイルを使用するようにできたので、メンテナンス性も改善できました。

OSAkkieのサイトいじり

OSAkkieのサイトももう更新はしないものの、デザインが壊れたままなのもなんなので手入れ。ここでも画像のランダム表示にPHPが使われていたので、JavaScriptに置き換えました。左上の半透明の枠がPNGファイルで表現されており、CSSのborder-radiusに入れ替えましたが、これもまたいい時代やなあというか、懐かしいことしてたなあとか。


次はPukiWiki……

Ubuntu24.04に移行後も動かそうと思っていたPukiWikiが、実は作業量として重いっぽく。パッチファイルでの適用ではうまくバージョンが上がらないことをなんとなく確認したので、新規インストールにデータとかカスタマイズを流していくのが良さそうとみています。

PukiWikiもサーバー内に4〜5個は動いているので、静的化するか、違うCMSにするか、バージョン上げるかは適宜決めようかなと考えているところです。3つは確実に静的化していいんだよな……でも、それはそれで面倒だなあとも。。




以上の内容はhttps://akkiesoft.hatenablog.jp/entry/20250214/1739459215より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14