背景​

ブログ記事を投稿する際に、適切なタグを手動で付与するのは意外と手間です。 そこで、AI を活用して記事内容から自動的にタグを生成・付与する仕組みを Docusaurus ブログに組み込んでみました。

• 🔧 追加サーバー不要
• ⚡ ビルド時のみ AI を実行
• 🏷️ 既存の Docusaurus タグページ（/blog/tags/）をそのまま使える
• 🤖 AI フレームワークとして Mastra を利用（使ってみたかった）

この記事では、その実装手順とポイントを振り返ってみます！

※ 以下の記事は AI アシスタントを活用して作成されました。

※ 以下の記事は AI アシスタントを活用して作成されました。

この投稿では、私が “Docusaurus + GitHub Actions + GitHub Pages” を使って技術ブログ＆ポートフォリオサイトを構築した一連の流れをまとめます。

背景​

• 技術ブログ兼ポートフォリオとしてシンプルな構成を目指しました。
• 使用フレームワークとして Docusaurus（静的サイトジェネレータ）を採用。
• 本番環境を GitHub Pages に、CI／プレビュー機能を GitHub Actions で構築しました。
• 記事・ブログ・ドキュメント・タグ・テーマ切替など機能を整理し、「言語切替」「バージョン切替」は使わないと決めました。