AI主軸を3回乗り換えた個人開発記録

取り上げられているツール一覧

本記事では、個人開発者がAIツールの利用主軸を3回乗り換えた経験について語られています。乗り換えの順番は以下の通りです。

• ChatGPT
• Gemini
• Claude

各ツールの特徴

開発の主軸AIを乗り換える過程で、それぞれのAIの特徴や使い分けについて触れられています。

ChatGPT専属期

当初はChatGPTとの相談から新サイト開発が始まりました。ChatGPTは、フロントエンド、スタイリング、認証、バックエンド・DB、デプロイに関する提案を行いました。しかし、開発が進むにつれて、コードの整合性が取れなくなったり、セッションが変わると経緯を覚えなくなったりする問題が発生しました。この問題に対処するため、プロジェクトの設計方針をまとめたファイルを作成することが提案されました。

Gemini並行期

ChatGPTとのやり取りに課題を感じ始めた時期に、Geminiが併用され始めました。Geminiのコンテキストの長さが魅力的であり、またGoogleのサービスを試したいという実験的な動機もありました。この時期は、ChatGPTとGeminiの間でコードをコピー＆ペーストしてやり取りを行うワークフローが取られていました。その後、Geminiの有料プランに移行し、主軸を一本化しました。

Geminiを主軸にしてからは、「Gem」と呼ばれる役割を固定したカスタムAIを2つ作成する工夫が紹介されています。これは、デザインと設計の話が混在するチャットを専門家として評価検討するChatに切り分けるためでした。具体的には、「セキュリティGem（堅牢化用）」と「デザインGem（UI/UX・コードレビュー用）」が作成されました。

セキュリティGem（堅牢化用）のプロンプト概要

TypeScriptを用いたSPAとAPI通信の整合性・堅牢化を追求し、型安全性、実行時バリデーション、エラーハンドリングとステータス管理を徹底することを目的としています。コードレビューと修正案の提示、堅牢なエラーハンドリングなどが含まれます。

デザインGem（UI/UX・コードレビュー用）のプロンプト概要

「同窓会サポーター登録ポータル」専用のシニアUI/UXエンジニア兼フロントエンドリードとして、デザインシステム（ベースカラー、Tailwind CSS、余白ルール、コンポーネント、アクセシビリティ）の遵守、技術スタックと実装規約（Next.js、TypeScript、react-hook-form + zod）、セキュリティ・権限管理（管理画面アクセス制限、APIガード、認証）を支援することを目的としています。

担当分けの効果

AIの担当分けは、コードの品質向上に繋がったと述べられています。デザインGemに規約を覚えさせておくことで、規約に沿った提案が期待できるとのことです。

用途別の選び方

本記事は特定のAIツールの比較・まとめ記事ではなく、個人開発者がAIツールを乗り換えた経験談であるため、用途別の選び方に関する具体的な記述はありません。しかし、開発の進捗や課題に応じてAIの役割を分けることや、コンテキストの長さを考慮することなどが示唆されています。

共通する選定ポイント

本記事では、開発の主軸AIを乗り換える過程で、ChatGPTのセッション切れによる経緯の喪失や返答の遅延といった課題が挙げられています。これに対し、Geminiのコンテキストの長さが魅力的であると述べられています。また、AIに役割を固定したカスタムAIを作成することで、専門的なレビューや規約遵守を促すといった工夫も紹介されています。これらの経験から、AIとの対話における文脈維持能力や、目的に応じたAIの使い分けが選定ポイントとなり得ると考えられます。

まとめ

個人開発者がAI主軸を3回乗り換えた記録を通じて、AIツールの進化と、開発におけるAIとの付き合い方の変遷が描かれています。当初はChatGPTから始まり、Geminiの併用を経て、最終的にGeminiのカスタムAI機能を活用するに至った経緯が語られています。AIの特性を理解し、目的に応じて使い分けることの重要性が示唆されています。

出典: https://zenn.dev/shomitei/articles/alumni-spa-02-ai-history