🎯 この講座でできること
GitHub のアカウント作成から始まり、Antigravity IDE で AI と一緒にコードを書いて、最終的に自分の作品を世界に公開するまでを 3 時間で。
📅 3 時間構成
| 部 | 時間 | 内容 |
|---|---|---|
| 第0部 | 5分 | IDE と CLI の違い / 今日は IDE 版を使う |
| 第1部 | 60分 | GitHub 入門（アカウント作成 → リポジトリ → clean → push） |
| 休憩 | 10分 | — |
| 第2部 | 115分 | Antigravity IDE 活用（インストール → AI で作る → デバッグ → push） |
| 第3部 | 30分 | 自由創作（おみくじ / じゃんけん / 電卓 から選択） |
- Google アカウントの準備（Antigravity ログイン用）
- 普段使う PC を準備（Mac / Windows どちらでも OK）
- 安定したネット環境
[ここに事前準備の詳細を執筆予定]
違いを表で確認
| 項目 | Antigravity IDE（本講座で使う） | Antigravity CLI（参考） |
|---|---|---|
| 形態 | デスクトップアプリ（VS Code 風） | ターミナルで動くコマンドラインツール |
| 操作 | マウス＋メニュー＋AI チャット欄 | キーボード入力のみ |
| 入門者の入りやすさ | ◎（画面が見える） | △（黒い画面に慣れが必要） |
| 主な使い道 | 「AI と一緒にアプリを作る」 | スクリプト自動化、CI/CD |
本講座では Antigravity IDE 版をメインに使います。CLI 版は「実はこういうのもあるんですよ」レベルで触れる程度。「IDE 版で操作する」と覚えておけば大丈夫です。
1-1. GitHub とは何か（10分）
[「GitHub＝コードのクラウド版」「世界中の人が使っている」「無料で始められる」を分かりやすく書く予定]
1-2. アカウントを作る（10分）
[github.com → サインアップ → メール認証 → 2要素認証 の手順を書く予定]
1-3. リポジトリとは何か（10分）
[「リポジトリ＝1 つのプロジェクトのコード入れ物」「Public/Private」「README とは」]
1-4. リポジトリを閲覧して clone する（15分）
[demo-hello リポジトリを作って自分の PC に clone する演習を書く予定]
[New → Repository name: demo-hello → Public → README にチェック → Create]
1-5. ファイルを編集 → commit → push（15分）
[README.md を編集 →「Hello, my first repo!」→ commit → push の一連]
- GitHub アカウント作成
- demo-hello リポジトリ作成
- ローカルに clone
- README.md 編集して push
2-1. Antigravity IDE のインストール（20分）
[ダウンロード → インストール → 初回起動 → Google アカウントログイン]
2-2. 基本操作・Chat with AI（25分）
[左サイドバーのファイルツリー、中央エディタ、右AIチャットの3ペイン構成]
こんにちは。今日はあなたと一緒に簡単な Web ページを作ります。よろしくお願いします。
2-3. AI にコードを書かせる（30分）
[自己紹介ページを作る演習]
シンプルな自己紹介ページを HTML / CSS で作ってください。
内容：名前、自己紹介文 3 行、好きなもの 3 つ。
デザイン：パステルカラーで、丸みのあるカード風。スマホでも見やすく。
2-4. AI と一緒にデバッグ（25分）
[わざと小さなバグを作って AI に直してもらう演習]
このコードのボタンを押しても何も起きません。エラーを調べて直してください。
2-5. GitHub と連携して push（15分）
[Antigravity の Source Control パネルから commit & push]
- Antigravity IDE 起動
- Google アカウントログイン
- AI に話しかけてコード生成
- ブラウザでプレビュー
- AI と一緒にバグ修正
- GitHub に push
テーマ選択（3 つから）
| テーマ | 難易度 | 所要時間 | 身につくこと |
|---|---|---|---|
| 🎴 おみくじ | ★ | 15〜20分 | ボタン、配列ランダム |
| ✊ じゃんけん | ★★ | 20〜30分 | 条件分岐、判定、スコア管理 |
| 🧮 電卓 | ★★★ | 30分〜 | UI設計、演算ロジック |
進め方
講座で作ったアプリを GitHub Pages で公開して、URL を講師にシェアしてください！自分の作品を世界に出した体験は次へのモチベーションになります。
🎓 講座お疲れさまでした！
今日 3 時間で身につけたこと：
- ✅ GitHub の基本（アカウント作成・リポジトリ・clone・push）
- ✅ Antigravity IDE で AI と対話してコードを書ける
- ✅ 自分のコードを GitHub に保存・公開できる
これは「AI と一緒に何か作る」スタート地点です。日常の小さな課題（業務効率化ツール、家計簿、メモアプリ…）を AI と試してみてください。
📚 関連講座
業務効率化（フォルダ整理・Excel・データ分析）を AI で自動化したい方は、兄弟講座「Gemini CLI 実務活用講座」もどうぞ。