AIとCI/CDで記事運用を自動化した多言語ブログサイト
プロフィール、活動内容、制作物、技術記事を日本語と英語で公開するWebサイトを設計・開発しています。 ReactとViteによるWeb UIに加え、Node.jsを利用したビルド処理、コンテンツ管理、検索インデックス生成、外部API連携、テスト、CI/CD、Cloudflare Pagesへのデプロイまで担当しています。 実行時のバックエンドを持たず、各ページの主要内容をビルド時にHTMLへ出力するプリレンダリングと、記事本文、タイトル、タグを対象とした言語別の静的検索を実装しました。 記事の更新を検知して英語版を生成する処理、Gemini APIによるタグと要約の生成、OpenAI APIによるサムネイル生成をGitHub Actionsで自動化しています。生成済みデータの再利用、API障害時の再試行、ワークフローの実行ループ防止も実装しました。 単体・統合・コンポーネントを含む自動テストに加え、型検査、静的解析、アクセシビリティ検査、Lighthouse、プリレンダリングと検索のスモークテストを整備しています。 使用技術: TypeScript / React / Vite / Node.js / Gemini API / OpenAI API / Claude Code / GitHub Actions / Cloudflare Pages / Vitest