Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Gemini CLI x Vibe Coding入門 - プログラミング未経験から作れるマインドマップ
Highest Rated
Rating: 4.6 out of 5(17 ratings)
236 students

Gemini CLI x Vibe Coding入門 - プログラミング未経験から作れるマインドマップ

最新AIエージェント!Google Gemini CLIの使い方から環境構築まで完全サポート。コードを1行も書かずに、Apple風デザインのモダンなマインドマップアプリを開発。完全無料で学べるAI駆動開発の決定版!
Last updated 6/2026
Japanese

What you'll learn

  • Gemini CLIを使った完全無料のVibe Coding手法と、AIエージェントとの効果的な協働方法
  • プログラミング未経験でも、コードを書かずに本格的なAIマインドマップアプリを完成させる方法
  • ターミナルの基本操作からGemini CLIのインストール、効果的な使い方まで
  • Next.js、Jest、shadcn/uiを使った現代的な開発環境の構築方法
  • 使いやすいUIの設計思想とスムーズな開発フローの実践
  • AIへの適切な指示の出し方、エラー対処法、段階的な機能改善テクニック
  • Gemini APIとの連携方法と、ボタン一つでアイデアを自動生成する機能の実装
  • GitHubとVercelを使った完全無料のデプロイ方法

Course content

9 sections47 lectures3h 25m total length
  • ターミナルとは?PCに命令を与える「黒い画面」を学ぼう4:52
  • 【Mac用】ターミナルの操作方法がわからない方向けの補足資料2:53
  • 【Windows用】ターミナルの操作方法がわからない方向けの補足資料2:16
  • ターミナルでコマンドを使う練習をしよう12:30
  • 【Mac用】Node.js をインストール2:31
  • 【Windows用】Node.js をインストール2:08
  • 【動画版】Node.js をインストール4:47
  • VS Code をインストール2:46
  • VS Code の基本操作方法1:56
  • VS Code からターミナルを操作する方法1:40

Requirements

  • パソコンの基本的な操作ができること(ファイル作成、フォルダ移動など)
  • インターネット接続環境があること
  • Googleアカウント(無料)を作成できること
  • 学習への意欲と好奇心
  • プログラミング経験は一切不要です!
  • 追加費用も一切かかりません!
  • 英語力も必要ありません(全て日本語で解説)

Description

本講座では、Gemini CLIという最新のオープンソースAIエージェントを使った「Vibe Coding」で、プログラミング未経験でも本格的なAIマインドマップアプリが作れるようになります。


[重要:2026/6/7 追記]
Gemini CLI の無料利用は 2026年6月下旬で停止となり、Antigravity CLI に統合されます。

そのため、当講座でご紹介している手順はそのままは使えなくなりますので、無料公開に切り替えさせていただきました。
CLI 上で AI に指示を出し、プログラミングを行う流れに関する学習にはお役立ていただけます。


[実践的な学習内容]

 段階的に学べる充実のカリキュラム

  - ターミナル操作の基礎(Mac/Windows完全対応)

  - Gemini CLIのインストールから活用法まで

  - Next.jsプロジェクトのセットアップ

  - Jest環境でのテスト駆動開発

  - shadcn/uiでモダンなUI構築


 実際に作るAIマインドマップアプリ

  - ドラッグ&ドロップで直感的に操作

  - ボタン一つでAIがアイデアを自動提案

  - Apple風の美しいデザインシステム

  - LocalStorageでマップ保存可能

  - スマホでも快適に使えるレスポンシブ対応


 個人開発に活かせる実践スキル

  - 使いやすいUIの設計思想

  - スムーズな開発フローの構築方法

  - AIへの効果的な指示の出し方

  - エラー対処とデバッグのコツ

  - 品質を高める反復開発手法


 初心者も安心!豊富なサポート内容

  - 全セクションにコピペ可能な指示書を用意

  - つまずきポイントは動画で丁寧に解説

  - フィードバックのまとめ方も実演

  - 実際の開発画面を見ながら学習


[さらに!初心者向けボーナスコンテンツ]

「いきなりマインドマップアプリは難しそう...」という方のために、 10個の簡単なアプリアイデア集を別セクションで用意しました!


・それぞれにGemini CLI用の指示書付き

・コピペするだけでアプリが作れる

・シンプルなものから始められる

・徐々にスキルアップできる構成


例えば...

・ポモドーロタイマー

・カウントダウンタイマー

・家計簿アプリ

・シンプルメモアプリ

など、はじめてでも楽しく作れるアイデアが満載!


※デモ動画では Mac OS にて説明いたします。


【講師について】
Udemy講座を約20本、中でも AI 駆動開発(Claude Code / Codex など)は 14講座を公開(2026年時点)。

複数の講座でベストセラーを獲得しており、 AI 駆動開発 のプロフェッショナルです。


本業は現役フリーランスエンジニアであり、さらに AI 駆動開発導入のコンサルティング経験もある「とまだ」が、実践的なノウハウを惜しみなくお伝えします!


【投資対効果】

・コース料金は数日間の作業効率化で回収可能

・習得したスキルは一生もののキャリア資産

・収入アップ&キャリアアップによる長期的なリターンが期待できます

Who this course is for:

  • プログラミング未経験だけど、無料で始めたい方
  • 高額な有料 AI エージェントを使う前に、無料のAI開発を試したい方
  • 最新のGemini CLIの使い方をいち早くマスターしたい方
  • Claude CodeやCursorの代替として無料ツールを探している方
  • 個人開発にチャレンジしたいが、効率的な開発手法を学びたい方
  • AI駆動開発の最新トレンドを体験したい方
  • Vibe Codingという新しい開発手法を身につけたい方