こんにちは、鈴木俊吾（すずしん）です。
これまで、私のブログは、WordPressを使って運営してきました。
ですが、この度、ブログを大幅にリニューアルしまして…。
Astro製のブログとして、デザインも一新し生まれ変わりました。
新しいブログは2026年10月14日に本番移行しています。
単にブログの見た目だけでなく、公開の仕組みにも変更を加えました。
この変更で、アクセス数や収益にどれほどの変化が起きるかはまだ分かりませんが、心機一転気分を新たに頑張っていきたいと思います。
今回の記事では、リニューアルした理由や、移行の過程を振り返ります。
スズシンラボをリニューアルしました
以前のブログでは、一般的によく使われているCMSであるWordPressを利用していました。
テーマは、Cocoonという無料のものです。
無料とは言え、様々な機能があって扱いやすくとても便利でした。
今回のブログは、Astroという静的サイトジェネレーター（SSG）と呼ばれる技術を使い、表示速度を重視した静的サイトとしてブログを構築しました。
WordPressでは、基本的にはアクセスのたびにページを生成する仕組みですが、キャッシュを利用する場合もあります。
それに対して、Astroではあらかじめページを生成しておいて、実際にはそれらを単に配信するだけという仕組みになっています。
新しいブログのデザインは以下のようになります。
シンプルながらも親しみやすいデザインを心がけました。
個人的には、ミニマリスト的なものが好きなので結構気に入っています。
私のブログでは、ブログ記事の他、アプリ開発の一環で作成したウェブアプリも掲載できるようにしています。
いつものブログとしての読み物集、そして、作品集としても機能するようにしました。
なぜWordPressからAstroへ移行したのか
ところで、あなたはこう思うかもしれません。
「なぜ、WordPressからAstroに移行したの？」と。
実は、以前のブログでも、記事の管理はマークダウンファイルで行っていました。
WordPressでは、そのマークダウンファイルをHTMLに変換して、ただ公開しているだけという形になっていたんです。
ブロックエディタは基本的に使いませんでした。
つまり、WordPressはただの入れ物としての役割になっていたのです。
そこで、思ったんです。
「これ、別にWordPressじゃなくても問題ないのでは？」
「むしろ、静的サイトにしてしまったほうが扱いやすいのでは？」
静的サイトとしてブログを構築することにはいくつかのメリットがあります。
今回の移行では、構成をシンプルにしながら、独自デザインに変更し、サーバー運用コストの削減を目指しながら、ブログと制作物を掲載しやすい形にできる、そんなブログを目指しました。
そこで、「善は急げ」ということで…。
Codexを使って、ブログのリニューアルを敢行しました。
いわゆる、バイブコーディングです。
記事と作品をつなぐサイトにしたかった
新しいブログでは、『考える。つくる。試してみる。』をキャッチコピーとしています。
デザインの軸としては、ネイビー・青緑・暖色系を使い、余白と長文の読みやすさに気を使っています。
また、Studio（アプリ）の作品一覧、シリーズと作品別の関連記事、記事検索、ライト・ダークテーマなどに対応しています。
これらの機能があることで、続きの記事を順番に読みやすくなったり、作品に関連する記事をすぐに読めるようになったりします。
ちなみに、現時点での作品としては、『Caltrilo』『オーバーライド・クラシック』『ブックマークレットメーカー』などがあります。
特に、『Caltrilo』にはより力を入れて開発しましたね。
気になる方は、各作品ページをご覧ください。
トップページでは、作品ページの下にブログ記事を掲載しています。
基本的に、私自身が実際に挑戦したことについてまとめています。
これからも色々なことにチャレンジしていきたいですね。
まずは、ブログ記事を読んでもらい、私に興味関心を持ってもらうことを目指しています。
その後、私の作品に触れてもらい、楽しんでもらいたいですね。
Codexと相談しながら移行を進めました
今回、私はCodexを用いて、以下の流れでブログの移行を進めました。
- 現状調査を行い、移行計画を立てる。
- 内容を確認後、実装に移る。
- 実装内容を確認、プレビューする。
- 問題が無ければ本番移行。
- 表示・ゲーム・広告などの微調整を行う。
私が担当したのは、目的やデザインの好み、必要な機能、公開判断あたりです。
Codexが担当したのは、実装・検証・デプロイなどのコーディングや公開手続き周りです。
技術構成としては、Astro・TypeScript・Markdown・Cloudflare Pages・Wranglerとなっています。
ソースコードはGitHubで管理しています。
結構手間取るかと思ったのですが…。
ブログを公開するまでにかかった時間は、実は数時間程度。
AIが賢くなっていますので、実装の精度も上がっているのでしょうか。
大きな問題も特に無く、比較的スムーズに実装することができました。
基本的に、コーディング系はCodexにまかせていますが…。
ブログ記事の本文に関しては、自分で書く方針にしています。
Codexには、編集者としての役割を与えていますね。
移行で気をつけたのは、これまでの記事を引き継ぐこと
移行する際に特に気をつけたのは、以前のブログ記事の扱いです。
既に公開していた31件の既存URLを維持しつつ、画像の旧パスを引き継がせて、フィードの転送を行いました。
目次の自動生成やショートコードへの対応も実装済みです。
WordPressのDBやファイルは、念のためバックアップしてあります。
元の環境とレンタルサーバーは復旧用に残しています。
主に、SEO対策として実施したものとなります。
URLの維持などは、既存のリンクを引き継ぐために実施しました。
もし、他のサイトからリンクされていた場合でも、そのリンクから引き続き記事を読めるようにしたかったんです。
移行して感じたことと、これから確認したいこと
今回のブログデザインはシンプルながらも良い感じに仕上がっています。
個人的には、とても気に入っていますよ。
また、使い勝手も向上しているように思います。
シリーズや関連記事への導線ができたことで、読者が興味を持ちそうな記事を見つけやすくなったのではないでしょうか。
表示速度に関しては、デスクトップとスマホのいずれでも、体感速度的には速くなったように思います。
パパッと表示されるようになったのは嬉しいですね。
静的サイト化した効果というのは、思った以上に大きいのかもしれません。
今後検証していきたいのは、主に、更新作業のしやすさ・SEO効果・アクセス数の推移ですね。
今回の変更で、ブログ記事の公開までの流れがスムーズになるかどうかの確認をしていきたいです。
また、SEOへの影響を観察して、アクセス数が増えてくれるかどうかを注意深く見守っていきます。
まとめ：ブログも、自分の活動に合わせて育てていく
今回の記事では、新しくなったブログについて振り返ってみました。
自分の執筆や制作活動に合う形へ作り直したのですが…。
シンプルだけど親しみやすい、そんなブログになったのではないでしょうか？
今回のリニューアルで、より多くの人がブログに訪問し、回遊してもらえることを期待したいです。
今後運用していく中で何か気づいたことがあれば…。
適宜、修正や機能追加などの改善をしていく方針です。
気になる記事や作品を、ぜひ見てみてくださいね。
そして、何か気づいたことがあれば、お問い合わせからお知らせください。
あなたからの感想などもお待ちしています。
