강의

멘토링

커뮤니티

Programming

/

AI Coding

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

本コースは、Cursor AI人工知能Cursor AIツールを使用して、質問だけでTodoListアプリを作ってみる動画コースです。

  • usefulit
바이브코딩
cursorai
html/css
투두리스트
Cursor AI
Vibe Coding

受講後に得られること

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

  • Cursor AIツールの使い方を覚える

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

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

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

🎬 講座紹介

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

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


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

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


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


🎯 学習目標

  • # Cursor AIのインストールと基本的な使い方の学習


  • AIに効果的に質問し、回答を適用する方法を身につける

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

  • CRUD機能、ダークモード、ローカルストレージ保存などの主要機能実装



⚙️ 使用するツール

  • Cursor AIエディター


📂 カリキュラム

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

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ツールを使ってみたい人

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

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

こんにちは
です。

8,277,589

受講生

6,265

受講レビュー

4.6

講座評価

309

講座

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

カリキュラム

全体

13件 ∙ (5時間 56分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

5件

2.6

5件の受講レビュー

  • soccerdin님의 프로필 이미지
    soccerdin

    受講レビュー 2

    平均評価 5.0

    5

    31% 受講後に作成

    • megaberrymix8533님의 프로필 이미지
      megaberrymix8533

      受講レビュー 13

      平均評価 5.0

      5

      31% 受講後に作成

      • wjo87037405님의 프로필 이미지
        wjo87037405

        受講レビュー 1

        平均評価 1.0

        1

        62% 受講後に作成

        講義の難易度が残念です!

        • kimzzero7728님의 프로필 이미지
          kimzzero7728

          受講レビュー 1

          平均評価 1.0

          1

          31% 受講後に作成

          講義の難易度が残念です!

          • sinhyeonseo10269998님의 프로필 이미지
            sinhyeonseo10269998

            受講レビュー 1

            平均評価 1.0

            1

            31% 受講後に作成

            講義の難易度が残念です!

            ¥5,999

            usefulitの他の講座

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

            似ている講座

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