xyz-log v2.0 リリースノート

ブログ開設から約1年。v2.0へのメジャーアップデートを行いました。同時にサイト名を「それは、ただの独白。」から「xyz-log」へと改称しました。

アップデートの背景

先代の「それは、ただの独白。」（v1.0）では、HTMLとCSSのみで手動で構築していましたが、以下の課題がありました。

• 記事更新の手間（HTMLを直接編集する必要があった）
• 記事数が増えるにつれて管理が困難に
• 検索や動的な機能の欠如

これらを解決し、より本格的なブログとして運営していくため、Next.jsへの移行を決断しました。

v2.0 の新機能

Next.js への移行

ReactベースのフレームワークであるNext.jsを採用し、マークダウンでの記事管理を実現しました。

• 管理効率: マークダウンファイルを置くだけで記事が公開される仕組み
• 開発体験: Tailwind CSSの採用による迅速なデザイニング
• 柔軟性: API Routesで動的機能を実装可能に

サイト内検索

記事が増えてきたため、検索機能を追加しました。

• タイトル・本文からのリアルタイム検索
• Cmd/Ctrl + K でどこからでも検索を起動
• 検索結果のハイライト表示

タグシステムの刷新

タグの管理方法を見直しました。

• タグ一覧ページの追加
• タグごとの記事数を表示
• 関連タグの提案

OGP画像の動的生成

SNSでシェアされた際のプレビュー画像を、記事ごとに自動生成するようにしました。

• 記事タイトルを含むカスタム画像
• ブログのブランディング統一
• シェア時のクリック率向上を期待

技術スタック

• フレームワーク: Next.js 12
• スタイリング: Tailwind CSS（新規採用）
• ホスティング: Vercel
• コンテンツ: Markdown + gray-matter

移行で学んだこと

• 段階的な移行の重要性（一気にやろうとしない）
• リダイレクト設定の入念な確認
• SEOへの影響を最小限に抑える工夫

次のステップ

• ダークモード対応
• 読了時間の表示
• コメント機能の検討

引き続き xyz-log をよろしくお願いします。