【Vibe Coding Mini Hackathon】ワークショップ資料

【Vibe Coding Mini Hackathon】ワークショップ資料

イベントページ
https://luma.com/78zf6krs?utm_source=x
https://lu.ma/6b5fuohy?tk=RWeT4l
https://lu.ma/lct9262n
https://lu.ma/ce0enfor?tk=2843Mc

Transcript

1. LLM 開発環境の構築
2. 本日のアジェンダ 1. オープニング、自己紹介 2. 本日のゴール 3. AI VibeCoding の環境全体像 4. おすすめツール等の紹介 5. AI Vibe Coding のコツ 6. まとめ 7. Q & A
3. はじめに：講師紹介 Haruki UNCHAIN Admin Web3 エンジニア ETH Tokyo'24 finalist X: @haruki_web3 GitHub: mashharuki
4. 本日のゴール このワークショップが終わる頃、あなたは… LLM 開発環境の構築方法をゲット AI の力を最大限に引き出す 「コツ」が手に入ります
5. AI VibeCoding の環境全体像
7. おすすめツール等の紹介
8. IDE
9. VS Code(GitHub Copilot との併用前提) Kiro
10. Coding Agent
11. GitHub Copilot Agent Mode Gemini CLI Kiro に内蔵されたCoding Agent Claude Code
12. MCP
13. context7 serena MCP GitHub MCP sequential-thinking
14. AI Vibe Coding のコツ これを知っているだけで、 AI 駆動開発体験は劇的に向上します！ 特に重要な4 つのポイントをご紹介します。
15. コツ①：複数のモデルを使い分ける 「できること・得意なこと」はモデルで異なります コーディングが得意なモデル （例: Claude ） マルチモーダル処理ができるモデル （例: Gemini ）
16. コツ②：MCP でAI の機能を強化する MCP を使うとAI はあなたのプロジェクトの 強力な「専属アシスタント」になります！
17. コツ②：MCP でAI の機能を強化する ファイル構造やコーディング規約をAI に直接教え込 むことができます。 これによりAI はプロジェクトの文脈を深く理解し、 より的確なコードを生成してくれるようになります。
18. コツ③：段階的に進める 一度に完璧を目指す必要はありません。 「小さく作って、次に進める」が成功への近道です。
19. コツ③：段階的に進める 要件定義書と設計書とタスクリストを作成する プロジェクトの全体をセットアップする スマートコントラクトを実装する フロントエンドを実装する
20. コツ④：カスタムインストラクション AI への「指示の出し方」も重要です。 カスタムインストラクションファイルを 事前に準備しましょう。 明確な指示が、AI の力を最大化します！
21. 見本のGitHub GitHub -Web3AIVibeCodingStarterKit
22. 見本のドキュメント 以下のドキュメントを参考にしてください！ プロンプト 要件定義書 タスクリスト
23. 見本の設定ファイル Claude Code の設定ファイル Gemini CLI の設定ファイル GitHub Copilot の設定ファイル Kiro の設定ファイル
24. 本日のまとめ
25. 本日のまとめ 成功の鍵となる4 つのポイント ✅ 複数のモデルを使い分ける ✅ MCP を使ってAI の機能を強化する ✅ 段階的に進める ✅ カスタムインストラクションのセットアップ
26. Q&A
27. Thank You!