このサイトは、着想から完成までわずか2日間で構築されました。その秘密は、AIコーディングアシスタントの活用にあります。

なぜなら 私が有能だから Github Copilotが有能だからです。

GitHub Copilotの活用ポイント

1. Astro + Svelteのコンポーネント開発

AstroとSvelteを組み合わせたコンポーネント設計では、Copilotが型定義やpropsの受け渡しを自動補完。Tailwind CSS 4のカスタムプロパティを使ったテーマシステムも、コメントで意図を伝えるだけでCopilotが適切なクラスを提案してくれました。

👼頭の中の天使「型定義とか面倒じゃないですか？」
👿頭の中の悪魔「コメントで『こういう型が欲しい』って指示すれば、Copilotが形にしてくれる。俺様が設計して、実装はCopilotに!!」

2. FlightPHP APIの実装

軽量フレームワークFlightPHPでのAPI実装では、Copilotがベストプラクティスを提案。CSRF対策やHoneypot実装、Cloudflare Turnstileの統合など、セキュリティ関連のコードも信頼性の高い実装を自動生成してくれます。

👼頭の中の天使「セキュリティって難しそう…大丈夫ですか？」
👿頭の中の悪魔「俺様が『CSRF対策とHoneypot追加して』って指示出せば、Copilotが実装パターン提案してくれる。最終判断は俺様がする!!」

3. Content Collectionsでのブログシステム

AstroのContent Collections APIを使ったブログ機能の実装では、Zodスキーマの定義から、公開日による自動フィルタリングロジックまで、Copilotが段階的にサポート。Markdownのレンダリングやメタデータ管理も効率的に構築できました。

👼頭の中の天使「Zodスキーマって何ですか？」
👿頭の中の悪魔「俺様が『ブログ記事にタイトル、日付、タグが必要』って決める。CopilotはそれをZodで形にする係!!」
👼頭の中の天使「間違えたらゾッと(Zod)するわね…」
👿頭の中の悪魔「てめぇ冗談言えるんだな」

4. Docker環境とデプロイ自動化

Docker Composeの設定ファイル、PHPのマイグレーションスクリプト、Deployer.phpによるデプロイ設定など、インフラ周りの複雑な構成もCopilotが支援。コメントで要件を伝えれば、実用的な設定ファイルを生成してくれます。

👼頭の中の天使「Dockerの設定とか覚えられないです…」
👿頭の中の悪魔「覚える必要はない。『PHP 8.3とMySQL 8.0の環境が欲しい』って俺様が要件出せば、Copilotが設定ファイル書いてくれる!!」

5. READMEとドキュメント整備

プロジェクトのREADME、セットアップ手順、技術スタックの説明など、ドキュメント作成もCopilotが効率化。コードベースを理解した上で、適切な内容を提案してくれるため、ドキュメントの鮮度を保ちやすくなります。

👼頭の中の天使「ドキュメント書くの面倒ですよね…」
👿頭の中の悪魔「俺様が『この機能をREADMEに追記』って指示。Copilotがコード読んで文章化。最終チェックは俺様!!」

注意点

AIはあくまでアシスタント。最終的なコードレビューと品質管理は人間が行う必要があります。

👼頭の中の天使「AIが書いたコード、そのまま使って大丈夫ですか？」
👿頭の中の悪魔「ダメだ！俺様がレビューして、俺様が判断する！Copilotは優秀な部下であって、上司じゃねぇ!!」

まとめ

AIコーディングアシスタントは、開発者の生産性を飛躍的に向上させる強力なツールです。 ぜひあなたのワークフローにも取り入れてみてください！

👼頭の中の天使「2日でサイト完成って本当ですか？」
👿頭の中の悪魔「マジだ！俺様が設計して指示を出し、Copilotが実装する。この最強タッグなら何でもできる!!」