はじめに
このサイトはAI駆動開発で構築しました。この記事では、その過程とAI駆動開発のコツを紹介します。
AI駆動開発とは
AI(Claude CodeやGitHub Copilotなど)を開発のパートナーとして活用し、設計・実装・テストを高速に進める開発スタイルです。
このサイトの構成
- フレームワーク: Next.js (App Router) + TypeScript
- スタイリング: Tailwind CSS
- 記事機能: Markdownファイル + Qiita/note RSS連携
- ホスティング: Vercel
まとめ
content/articles/ にMarkdownファイルを置くだけで、このように記事を公開できます。QiitaやnoteのIDを設定すれば、外部の記事も自動で一覧に表示されます。