概要
https://zenn.dev/mashharuki/articles/web3_ai_vibecoding
詳細内容
## Kiro×CodeXで最高のSpec駆動開発を！数時間でWeb3ネイティブなアプリを開発してハッカソンで入賞した話
https://zenn.dev/mashharuki/articles/web3_ai_vibecoding
AIコーディングエージェントと詳細な仕様書を用いる「Spec駆動開発」が、ハッカソンでのWeb3アプリ開発において短時間で高品質な成果を生み出すことを実証する。
**Content Type**: ⚙️ Tools
**Scores**: Signal:4/5 | Depth:4/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 86/100 | **Annex Potential**: 84/100 | **Overall**: 84/100
**Topics**: [[Spec駆動開発, AIコーディングエージェント, Web3開発, コンテキストエンジニアリング, Kiro & Codex]]
この記事は、AIコーディングエージェントを活用した新しい開発手法「Spec駆動開発」を提案し、Web3ハッカソンで数時間でのアプリ開発を成功させた実践例を紹介しています。Spec駆動開発とは、人間が要件定義書、設計書、タスクリストといった詳細な仕様書（Specification）を徹底的に作成し、AIエージェントはその仕様書に基づいて実装を進めるプロセスです。これにより、AIへの指示が明確になり、手戻りや意図しないアウトプットを劇的に削減できるため、ハッカソンのような時間的制約が厳しい場面で特に威力を発揮します。
著者は「Kiro」を仕様書作成に、「CodeX」を実装にそれぞれ利用し、Gemini CLIやKiroのステアリングファイル（例えば`.gemini/GEMINI.md`や`.kiro/steering/product.md`）の詳細な設定を通じて、AIエージェントにプロジェクトの目的、制約、技術スタック、さらにはコード規約まで正確に伝える「コンテキストエンジニアリング」の重要性を強調しています。特に、OnChainKitやMiniApp Kitのような新しいライブラリを使う際には、公式ドキュメントやテンプレートコードをAIにコンテキストとして与えることで、高品質なコード生成が可能になったと報告しています。
さらに、MCP (Model Context Protocol) を活用してAIエージェントの能力を強化する方法（例: `context7`による外部リソースアクセス、`sequential-thinking`による段階的思考）も紹介されています。この開発スタイルでは、人間はアーキテクトやプロジェクトマネージャーとしての役割に集中し、AIを単なるツールではなく「思考を拡張するパートナー」として捉えます。成功の鍵は、人間側が常に知識をインプットし、手を動かして理解を深め、便利な情報収集ツール（NotebookLM, Deepwiki）を使いこなすマインドセットにあると結論付けています。Webアプリケーションエンジニアにとって、このアプローチはAIを効果的に開発プロセスに組み込み、生産性を飛躍的に向上させる具体的な道筋を示します。