AI Vibe(バイブ)コーディングでTodoListアプリを1日で作る

本コースは、Cursor AIツールを使用し、質問(プロンプト)だけでTodoListアプリを作成してみる動画講座です。

難易度 入門

受講期間 12か月

Cursor AI
Cursor AI
Vibe Coding
Vibe Coding
Cursor AI
Cursor AI
Vibe Coding
Vibe Coding

受講後に得られること

  • バイブコーディング入門

  • Cursor AIツールの使い方を身につける

  • ToDoリストアプリを作ってみる

AI Vibe(バイブ)コーディングでTodoListアプリを一日で作る

最新のAI開発ツールCursor AIを活用して、質問するだけでTodoListアプリケーションを作ってみましょう!

🎬 講義紹介

自分だけのTodoListアプリを作ってみたいと思ったことはありませんか?
「バイブコーディング」という言葉、一度は耳にしたことがあっても、実際に体験したことはありませんか?

この講座は、最新のAIベースの開発ツールCursorAIを活用し、質問だけでウェブアプリケーションを企画・デザイン・実装するプロセスを、わずか一日で習得できるように構成されています。


実習過程ではTodoListアプリを実際に制作しながら、人工知能に効果的に質問し、回答を受け取って開発に適用する方法を体験することができます。

  • セクション1では、Cursor AIのインストールと基本的な使い方を学び、


  • セクション2とセクション3では、アプリのデザイン、機能の実装、データ連携までを学習し、完成度の高いTodoListアプリを完成させます。


🎯 学習目標

  • Cursor AIのインストールおよび基本操作の学習


  • AIに効果的に質問し、回答を適用する方法を習得する

  • TodoListアプリのUI/UXデザインを直接制作

  • CRUD機能、ダークモード、ローカルストレージ保存など、核となる機能を実装



⚙️ 扱うツール

  • Cursor AI エディタ


📂 カリキュラム

セクション1. バイブコーディング(Vibe Coding)とは何か

AIと共に歩む新しい開発スタイルであるバイブコーディング(Vibe Coding)を紹介します。
Cursor AIの概念からインストール、基本的な使い方までを学び、誰でも簡単にAIベースの開発を始められるよう準備します。

  1. バイブコーディングとは何か (15:05) — バイブコーディングの概念と必要性の理解

  2. Cursor AI エディタとは何か + よくある質問 FAQ (34:11) — 開発環境とよくある質問の解決

  3. Cursor AIのインストールおよび無料で利用する方法 (24:36) — インストール手順と無料版の活用方法の案内

  4. Cursor AI 基本的な使い方 (29:22) — 基本インターフェースと主要機能の実習


セクション2. Todoリストアプリ作成 - デザイン

いよいよ本格的にアプリを作っていきます。
アプリの企画意図を固め、基本的なUIデザインからダークモードテーマの適用までを直接経験しながら、ユーザーフレンドリーな画面構成を学びます。

  1. 事前背景知識およびTodoListアプリのデザインコンセプトの把握 (35:56)

  2. TodoListアプリのデザイン作成 (1)

  3. TodoListアプリのデザイン作成 (2)

  4. TodoListのデザインテーマをダークモードに変更する (25:55)


セクション3. Todoリストアプリ作成 - 機能実装

最後にアプリの実際の機能を実装します。CRUD(作成、読み取り、更新、削除)を理解し、データの保存および検索機能を追加して、自分だけの完全なTodoListアプリを完成させます。

  1. CRUD用語の理解およびAIへの質問方法

  2. テストおよびデータ保存先の種類 (31:57)

  3. ローカルストレージ連動 (29:04)

  4. 全削除および検索機能の追加 (20:28)


✅ 確認事項

  • この講座では、講師による質疑応答は提供しておりません。

  • 講義資料および教案は、最初のセクションの最初のレッスン「学習資料」からダウンロードできます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Cursor AIツールを使ってみたい人

  • バイブコーディングをやってみたい人

  • アプリケーションを作ってみたい人

こんにちは
usefulitです。

8,277,486

受講生

6,411

受講レビュー

4.6

講座評価

308

講座

役立つIT講座を通じて、皆様の成長をサポートいたします。

講座掲載日: 
最終更新日: 

受講レビュー

全体

16件

3.6

16件の受講レビュー

  • mist님의 프로필 이미지
    mist

    受講レビュー 16

    平均評価 4.8

    4

    100% 受講後に作成

    • sangugim1005님의 프로필 이미지
      sangugim1005

      受講レビュー 1

      平均評価 4.0

      4

      100% 受講後に作成

      完全初心者の方々のための講義 CURSOR AIの使い方を習得できる。 学ぶ内容がもっと多ければよかった。 初心者向けだからかもしれないが、少し物足りなさを感じた。

      • galaxia999님의 프로필 이미지
        galaxia999

        受講レビュー 11

        平均評価 5.0

        5

        31% 受講後に作成

        • judyhopps님의 프로필 이미지
          judyhopps

          受講レビュー 1

          平均評価 5.0

          5

          31% 受講後に作成

          • jjhgwx님의 프로필 이미지
            jjhgwx

            受講レビュー 749

            平均評価 4.9

            5

            31% 受講後に作成

            良い講義ありがとうございます!

            usefulitの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!

            ¥6,131