Vibe CodingからAI駆動開発へ。 初心者でもAIを使ったアプリ開発の世界を体験できます。
Courses
Google AI Studio Build で Vibe Coding を体験
2日間(計6時間)
Claude Code で AI駆動開発を習得
2日間(計6時間)
両コースセット受講がお得!
Benefits
講座内容を録画した動画をお渡し。復習や見直しに活用できます。
受講後6ヶ月間、チャットで質問し放題。つまずいた時もすぐに解決できます。
受講後3ヶ月以内有効の個別サポート3時間分を特典として付与。実際のプロジェクトにも対応。
Curriculum
講座の目的とゴールを共有。2日間の流れを説明します。
まずはGemini Canvasで即席Webアプリを作成。AIでアプリが作れることを体感した後、Canvasの制限(単一ファイル構成、アカウント種別による共有・利用制限など)を理解します。
Canvasの制限を解決するGoogle AI Studio Buildを紹介。「I'm Feeling Lucky」でワンクリックアプリ生成を体験し、チャット形式での開発・調整を実感します。
「テトリス作って」でゲームを作成。画像を貼り付けてデザイン指示、Annotation Modeで直接修正、Versionで履歴から戻る操作を体験。Preview/Codeタブで実際のコード構成も確認します。
Buildで実装可能なAI機能(Gemini API連携、画像生成Imagenなど無料で使えるAI)を紹介。実際にAI機能を持つアプリを作成します。
作ったアプリの共有方法と、安全に使うためのポイントを解説します。
本日の振り返りとQ&A。Day 2への予告と事前準備の確認を行います。
作ったアプリを長く使い続けるためのポイントを学びます。設計メモの残し方など、実践的なテクニックを紹介します。
AIから質の高い出力を得るためのプロンプト設計の基本を学びます。実践を通じて、より効果的な指示の出し方を身につけます。
学んだテクニックを使って実際にアプリを作成。修正や機能追加がしやすいアプリの作り方を実践します。
2日間の総括とQ&A。Buildで作れるアプリの特徴と、データ保存など本格開発への次のステップも紹介。本気コースの案内とアンケートを実施します。
AI支援開発・Vibe Coding・AI駆動開発の違いを解説。AIエージェントが自律的にコマンドを実行する「AI駆動開発」のゴールを共有します。
Buildで簡単なアプリを作り、この後のClaude Codeとの違いを実感するための準備をします。体験コース受講済みの方は復習として。
生成したアプリをGitHubへExport。gh auth login、git clone、npm installなど手動CLIでのリポジトリ操作を体験し、後のAI自律実行との対比を準備します。
Claude Codeをインストールし、/initでCLAUDE.mdを生成。AIエージェントが自律的にコマンドを実行する様子を体験。手動CLIとの違いを実感します。
本日の振り返りとQ＆A。Day 2への予告と任意の事前課題を案内します。
なぜGCPを使うのか?GASとの違い、Cloud Run・Firebase・Vertex AIの役割を解説します。
Claude Codeを使ってFirebase Hostingにデプロイ。AIが自律的に設定ファイル作成からデプロイまで実行する様子を体験します。
Firestoreを連携し、データの保存・読み込みを実装。3層アーキテクチャ(フロント・バックエンド・データベース)の概念も学びます。
Gemini API からVertex AIへの移行意義を解説。次のステップとして知っておくと役立つ内容を紹介します。
GitHubのブランチ戦略(シンプル版)とClaude Codeの便利機能(/compact、MCP、Hooksなど)を整理。継続学習のリソースを紹介します。
総括とQ＆A。さらに学びたい方へのご案内、アンケート実施。
Comparison
Prerequisites