静的サイトの再利用を検討する

Contents

ブログのセキュリティと表示速度高速化

ブログのセキュリティと表示速度高速化

5月に入って本格的に暖かくなったのはいいのですが、天敵の花粉飛来がやってきています。薬飲んで、マスクしていますが、なかなかつらい状況です。

ブログサイトの移行

私ごとですが渡米してから長いこと日記、最近はブログをつけています。時代の流れから言えばもっと写真や動画をやればいいのですが、それらを編集する時間がないことと、想定する読者が親なので、基本文字で記録をつけ続けています。

最初は日記サイト「エンピツ」、その後so-netのブログ（のちにシーサーブログに移譲）を長いこと無料でお借りしていました。サーバそのものはどちらも安定していて問題ありませんでしたが、時代の流れでワードプレスの便利さに触れてみたいと思い、2020年よりドメインとサーバを有償で借りて運用するようにしました。

過去の日記・ブログを1つの場所で保管したいと思い、別に無料でお借りしているサイトに集約することにしました。アーカイブという特性上ファイルを軽くすべく、エディタでhtmlをべた打ちして移行してきました。ずいぶんと時間はかかりましたが、最近になってようやく20年近く書いたブログすべてを1つのサイト（いわゆる個人のホームページ）に集約することが出来ました。他の人には伝わらないと思いますが、個人的にはすごい達成感があります。

NO PAYNE NO GAIN

最近の傾向として情報の古いサイトに価値はあまりないようですが、私にとっては昔の出来事を思い出すには助けになります。もしかしたら少数の人には役に立つことも書き残しているかも知れません。そんな独りよがりな思いでいまだに個人のホームページを維持しています。

静的サイトジェネレータ

ワードプレスでブログを書くことに不満はないのですが、表示となると別。ロリポップでサーバを借りていて、その中でも速いはずの「ハイスピードプラン」を利用していますが、静的サイト（アーカイブ）の表示と比べるとその差は歴然でした。バックアップも静的サイトは軽く、遥かに保存が楽です。一般にセキュリティーも静的サイトの方が安全でしょう。

ただ問題がありました。AI（Copilot）に聞くと、私のアーカイブサイトは昔のフォーマット（HTML4）で作られていて非推奨のタグが多く含まれているとのこと。要は古くてよろしくないとのことでした。昔風の見た目を残したかったのですが、スマホ画面にうまく対応していないなど確かに問題があります。配布されたテンプレートを基に改良したサイトをすべて手打ちのHTMLで直すのは面倒そうなので、多少デザインが変わってもいいから、効率良く出来るものがないか検討しました。

すると「静的サイトジェネレータ（Static Site Generator = SSG）」というのが出てきました。複数の記事を読みました。聞き慣れない用語もあり、使いこなすまでには多少の時間がかかりそうですが、確かに良さそうです。その中でもシンプルで柔軟性の高いEleventy（11ty）を試してみることにしました。

今後VS CodeやNode.jsをPCにインストールして、少しずつ進めていこうと考えています。また報告します。