ホームページのリニューアル

2025/8/1

ホームページを大幅にリニューアルしました。

リニューアル！

個人ホームページを Astro v5 で新しく作り直しました。これまではhtml直書きの簡単なサイトで、あれも良さがありましたが、いっそのことバリバリの最新式にしたいなと思い、勉強も兼ねてwebフレームワークに手を出しました。

同時にイラストギャラリーやブログ記事の機能も実装しました。Pixivやはてなブログからこちらに移行しようと思います。いざさらば。

技術の話

Astro は静的サイトジェネレーターで、ページをビルド時にHTML/CSSに変換します。JavaScriptを最小限に抑えることで、表示速度が速く、サーバー負荷も軽く済むのが特徴です。個人サイトのような比較的シンプルな構成には適していると思います。

スタイリングには Tailwind CSS を採用。ユーティリティクラスをHTMLに直接記述することで、CSSファイルを別途管理する必要がなく、レスポンシブデザインやダークモード対応も比較的楽に実装できました。日本語フォント（Noto Sans JP）や配色テーマは tailwind.config.mjs でカスタマイズしています。

お知らせ、ギャラリー、ブログ記事は Markdown + Front Matter で作成し、Astroの Content Collections 機能で型安全に管理しています。新しいコンテンツは .md ファイルを追加するだけで、ビルド時に自動的にページが生成される仕組みです。

まだいくつかやれていないこともあるので、今後も仕様変更はすると思います。複雑なカスタムとかも技量不足でできなかったですし。

なお、ホームページのソースコードはGithubで公開しており、プルリクエストもお待ちしております。よろしく！