Masato Izumi Portfolio

2回目のリニューアル

  • renewal
  • 検索追加

2回目のリニューアル、やりました

「もっとさっと探せて、さっと書ける」をテーマに、小さく回したアップデートのまとめです。

1. 研究記事検索を追加

  • Lunr.js で記事全文検索を実装。RAG、Docker、Transformer などのキーワードで一発ヒット。
  • インデックスはビルド時に自動生成。記事を増やしても手動更新なし。

2. UI をちょっと手入れ

  • ヘッダーに薄いグラデーションを追加し、モバイルでも視認性アップ。
  • フッターに「トップへ戻る」ボタンを配置。長文でも帰り道を確保。
  • パンくず・タグ・前後記事リンクを追加し、記事間の回遊性を向上。

3. 運用まわりを整理

  • 記事は Markdown/HTML どちらでもOKに統一。tags: [articles, ...] を付ければ一覧・更新履歴に自動反映。
  • GitHub Pages 用に docs/ をビルド出力。npm run build → push だけでデプロイ完了。
  • 検索用の search-index.json も自動生成。運用コストはほぼゼロ。

4. これから

  • 画像最適化(WebP + srcset)と OGP サムネ自動生成を検討中。
  • 記事テンプレートの省力化(ドラフトフラグ、自動日付挿入)も整備したい。

ゆるく回しつつ、読みやすさと更新のしやすさを両立していきます。次の小改修もお楽しみに。

記事一覧に戻る