vibe codingを段階で学ぶOSS「easy-vibe」の仕組み

「AIに自然言語で指示してアプリを作る」というvibe codingの考え方が広がるなか、何から学べばよいか判断がつかないエンジニアやプロダクトマネージャーが増えています。動画コースやチュートリアル記事は数多くありますが、自分の現在地と目的に合った学習経路を見つけるのは簡単ではありません。

特に初見のOSS学習カリキュラムを採用するときは、「カバー範囲はどこからどこまでか」「採用されているAI IDEや外部サービスが自社の方針と合うか」「教材としてのメンテナンスは継続しているか」「ライセンス上、社内研修や教材転用で問題が起きないか」といった意思決定材料を、限られた時間で揃える必要があります。

本記事では、Datawhaleが公開しているOSS学習カリキュラムeasy-vibeを対象に、これらの判断材料を整理します。リポジトリの概要、Stage 0〜3で構成される学習ロードマップ、採用技術、姉妹プロジェクトvibe-vibeやWasp製Open Vibeとの違い、メンテナンス健全性、CC BY-NC-SA 4.0ライセンスの取り扱い、そして読者タイプごとの適合シナリオを順に確認していきます。

なお本記事はGitHubリポジトリ、公式チュートリアル、各種README、gh apiで取得したリポジトリメタデータをソースとしています。記述はすべて公開情報に基づく整理であり、検証のためのインストールや動作確認は行っていません。

easy-vibeとは何か

easy-vibeは、Datawhaleが公開している「初級者向けの現代的コーディングコース」を標榜するOSS学習カリキュラムです。GitHubのリポジトリ説明文には 💻 vibe coding 2026 | Your first modern Coding course for beginners to master step by step. と記されており、AIに自然言語で意図を伝えてアプリケーションを構築する手法、いわゆる「vibe coding」を段階的に学ぶための教材として位置づけられています（GitHubリポジトリ）。

Datawhaleが提供するコミュニティ主導の教材

提供主体のDatawhaleは、中国でも最大規模のAI学習向けオープンソースコミュニティです。同コミュニティは機械学習・深層学習・LLM・データサイエンスといったテーマで多数の学習教材を公開しており、easy-vibeもその一環としてリリースされています。リポジトリのトピックには agent・workflow・tutorial・programming・course・ai・mcp・nextjs・vscode・coding・gemini・openai・gpt・low-code・no-code・llm・genai・deepseek・vibe-coding・vibecoding が並んでおり、AIエージェント・AI IDE・LLMアプリケーションの実装にまたがる広い学習領域をカバーする方針が読み取れます。

vibe codingという概念と設計哲学

vibe codingという用語は、元OpenAI・Tesla AI LeadであるAndrej Karpathyが2025年初頭に提唱した概念とされ、easy-vibeもこの流れに位置づけられます（出典: DEV Community「One Open Source Project a Day (No. 64) - Easy-Vibe」、2026年）。リポジトリのコア・メッセージは「If you can talk, you can build apps（話せればアプリは作れる）」というもので、文法暗記やローレベルロジックのデバッグから、自然言語でAIエージェントに要件を伝え、生成されたコードをレビューしながらプロダクトを完成させる方向へ、開発者の役割を再定義しようとしています。

対象読者と前提知識

easy-vibeが想定する読者は非常に幅広く、プログラミング完全未経験の学生・教師・社会人から、プロダクトマネージャー、ジュニア〜ミドル開発者、シニア開発者までを射程に入れています。コース全体としては「ゲームでAIを体験する」ところから「Claude CodeやMCP、Agent Teamsを応用する」ところまでをひと続きのカリキュラムとして並べることで、現在地が異なる読者がそれぞれの入口を見つけられるよう設計されています。

なおライセンスについては、READMEでクリエイティブ・コモンズ表示-非営利-継承4.0国際（CC BY-NC-SA 4.0）が宣言されている一方、gh api /repos/datawhalechina/easy-vibe のレスポンスでは license フィールドが null となっています。これは「ライセンスが未設定」という意味ではなく、GitHubのSPDX自動検出の対象になっていないだけの状態です。詳細は本文後半のライセンス章で改めて整理します。

学習ロードマップ（Stage 0〜3）の構成

easy-vibeの最大の特徴は、対象読者の現在地に合わせてStage 0からStage 3までを段階的に進む学習ロードマップにあります。公式チュートリアルではStage 0〜3の4段階、READMEではStage 1〜3の3段階で整理されており、合わせて9つのプロジェクトを軸に学習が進む構成です。ロードマップ全体は公式チュートリアルとStage 0 学習マップで俯瞰できます。

Stage 0「幼儿园」――ゲームでAI機能を体験する

Stage 0はプログラミング完全未経験者を対象とした入口です。READMEではStageに含めず「Getting Started」相当として扱われていますが、公式チュートリアルではStage 0としてSnakeなどの簡単なゲーム作成を通じて、AI IDEとの対話やコード生成・実行サイクルを体験できる構成になっています。コードを書くこと自体に不慣れな読者でも、まず「AIに頼めば動くものが出てくる」体験を得たうえで、次のStageへ進む流れを取れます。

Stage 1「AI产品经理」――アイデア検証とWebアプリのプロトタイプ

Stage 1はプロダクトマネージャー、ファウンダー、学生など、エンジニアではない読者が主な対象です。Cursor・Claude Code・Trae・Geminiなどの主要なAI IDEと対話しながら、アイデアの言語化、要件の整理、Webアプリのプロトタイプ作成までを進めます。ここでは「自分でコードを書く」よりも「AIにどう指示し、何を確認するか」が学習の中心になります。

Stage 2「初中级开发工程师」――フルスタック実装と決済・RAG

Stage 2はジュニアからミドルクラスの開発者向けで、フルスタック開発の実践が中心です。Figma・MasterGoによるデザイン作成、デザインからのコード生成、Next.jsやReactでのフロント実装、Supabaseを使ったバックエンド、Zeaburへのデプロイ、Stripeによる決済導入、さらに社内ナレッジを扱うためのRAG（Retrieval-Augmented Generation）まで含まれます。「自社サービスとして決済まで通せるWebアプリを、AIエージェントと並走しながら作る」レベルが到達点です。

Stage 3「高级开发工程师」――Claude Code応用・MCP・Agent Teams・クロスプラットフォーム

Stage 3は実務経験のあるシニア開発者向けで、Claude CodeのSkills機能、MCP（Model Context Protocol）、複数のエージェントを協調させるAgent Teams、Long-running Tasksといった高度なトピックが扱われます。さらにElectronによるデスクトップアプリ、Android/iOSのモバイルアプリ、WeChat Mini Program、PWA、Chrome拡張機能まで、Webブラウザを越えた配信形態が射程に含まれます。Stage 0からの連続性を保ちつつ、最終的には複数プラットフォーム・複数エージェントの組み合わせまでをカリキュラムでカバーする設計です。

採用技術と学習形式の特徴

easy-vibeは単一のAI IDEや単一のスタックに閉じず、複数のツールを章ごとに使い分けながら、Webからクロスプラットフォームまで横断的に扱う設計になっています。自社が標準として採用するAI IDEやデプロイ基盤と整合するかどうかを判断するうえで、採用技術のリストは重要な参照点になります。

横断的にカバーされるAI IDEとエージェント

AI IDE・エージェントとしては、Claude Code、Cursor、Trae、Gemini、GitHub Copilotが取り上げられています。章ごとに使うツールが固定されているのではなく、Stageや題材に応じて使い分ける構成になっているため、特定のIDEに依存せずに学習を進めやすい点が特徴です。Stage 3ではClaude CodeのSkillsやMCPといった上級トピックが集中的に扱われ、Stage 1や2ではCursorやTraeが対話と実装の主な舞台となります。

フロント・バック・デプロイ・決済の外部サービス

実装面では、Webフレームワークとして Next.js と React、デザインに Figma・MasterGo・Lovart、BaaS とデータベースに Supabase、デプロイ先として Zeabur と Vercel、決済に Stripe、AIワークフロー基盤として Dify と LangGraph が登場します。さらに Stage 3 では Electron、Android、iOS、WeChat Mini Program、PWA、Chrome拡張機能 といったクロスプラットフォーム領域へ広がります。自社で標準採用しているスタックが含まれているかどうか、もしくは新規に学ぶ必要があるかが、カリキュラムへの投資判断に直接効いてきます。

VitePress + ビジュアル教材による学習体験

技術ドキュメント基盤としては、VitePress 2.0系を採用しています（リポジトリ内 CLAUDE.md に記載）。ホスティングは Vercel と GitHub Pages の両方に対応しており、VERCEL 環境変数で base path を切り替える構成です。本文中には TypeIt.js によるタイピングアニメーション、Viewer.js による画像ズーム、minisearchによるローカル全文検索が組み込まれており、拡散モデルやRAGといった抽象的な概念をビジュアル教材で説明する構成になっています。

学習形式としては「段階別ロードマップ」「9個のプロジェクト主軸」「インタラクティブなビジュアル教材」「AI駆動のハンズオン」が組み合わさり、「ゲームで体験 → PM視点でアイデア検証 → フルスタック実装 → 上級応用」という流れを一連の動線として体験できます。利用者ストーリー「Vibe Stories」では、農村小学校の教師、大学生、高校のIT教師、トラックドライバーといった多様な背景の読者が紹介されており、教材としての対象層の広さを示す素材になっています（出典: DEV Community「Easy-Vibe」紹介記事、2026年）。

類似OSSとの違い

vibe coding 向けの学習リソースは複数存在しており、easy-vibeを採用するかどうかは「他のリソースとどう違うか」を理解したうえで判断する必要があります。本章では、同じDatawhale発の姉妹プロジェクトdatawhalechina/vibe-vibe、Wasp製のOpen Vibe、そしてUdemyなどの日本語有料コースとの違いを整理します。

vibe-vibe（同 Datawhale）――特定スタックでのフルスタック実装に厚い姉妹プロジェクト

vibe-vibeは、同じDatawhaleが公開している別のvibe coding教材で、自称「首個系統化Vibe Coding開源教程」と位置づけられています。スター数は約5,000で、easy-vibeの11,126とは規模が異なります。構成は「基礎篇5章 / 進階篇16章 / 実践篇 / 優質文章篇」の4大板块となっており、Next.js 16 / React / TypeScript / Tailwind / shadcn/ui / Drizzle ORM / PostgreSQLという特定スタックを通じてWebアプリを完成させる実装手順を厚く扱う点が特徴です。

これに対して easy-vibe は、Stage 0〜3の4段階ロードマップと9プロジェクトを軸に、複数のAI IDE・複数のプラットフォームをまたいだ学習体系を提供することに重きを置いています。「特定スタックでWebアプリを完成させたい」という読者には vibe-vibe、「Stage 0から段階的に対象範囲を広げて学びたい」という読者には easy-vibe が向いている、という棲み分けです。ライセンスはどちらも README で CC BY-NC-SA 4.0 が宣言されています。

Open Vibe（Wasp製）――ローカル伴走型・Webアプリ専業

Wasp 製の Open Vibe は、Web フレームワーク Wasp を提供する企業がリリースしたvibe coding向けの実践プロジェクトです。ローカル環境で AI チューターが伴走する形式を取り、Claude Code・Cursor・Codex・Copilot・Open Code といったエージェントをツール非依存で扱える点が特徴とされています。カリキュラムは Phase 1 のタスク管理アプリ、Phase 2 のユーザー指定アプリ、Phase 3 の Open SaaS テンプレートを用いた実 SaaS 構築という、Web アプリに特化した3段階構成です。

easy-vibe との違いは、対象領域の広さに表れます。Open Vibe は Wasp フレームワーク前提の Web アプリに専業しているのに対し、easy-vibe は Web に加えてクロスプラットフォーム、RAG、MCP、Agent Teams まで広く取り扱います。「Wasp + AI エージェントで Web SaaS を完成させたい」読者には Open Vibe、「複数の AI ツールと複数プラットフォームを比較しながら段階的に進めたい」読者には easy-vibe が向いています。

日本語有料コース（Udemyなど）との対比

日本語の vibe coding 関連学習リソースとしては、Udemy・Paiza・Progate・Benesse の Udemy などが該当キーワードで講座を展開しています（Progate AI コーディング講座、Paiza バイブコーディング入門 Codex 編 など）。これらは「日本語で受講できる」「動画中心」「有料」という強みを持つ一方、カバー範囲は各講座のスコープに閉じる傾向があります。

easy-vibe は無料の OSS 教材であり、中国語と英語が主、日本語は README 翻訳のみ、というアクセシビリティのトレードオフはありますが、Stage 0 から Stage 3 までを連続的に扱う体系性、複数 AI IDE 横断、クロスプラットフォーム対応など、「無料で学習ロードマップを俯瞰したい読者」「日本語コースを補完する形で OSS の実装例を踏み込んで読みたい読者」にとっての価値が大きい教材です。日本語コースを軸にしつつ、応用部分の参照先として easy-vibe を併用する、という使い方も現実的です。

なお、より広い「Vibe Coding 全般の入口」を探したい場合は、filipecalegario/awesome-vibe-coding のような awesome-list 系のキュレーションリポジトリも参考になります。こちらは学習リソースのリンク集であり、それ自体がカリキュラムや実装教材ではないため、本記事の比較対象とは性格が異なりますが、横断的にリソースを集めたい場面では補完的に役立ちます。

メンテナンス健全性と継続性

教材OSSを採用するかどうかを判断するときに見落としてはいけないのが、メンテナンスの健全性です。教材は内容が陳腐化すれば学習効率が一気に落ちるため、最終更新時期・コミット頻度・コミュニティ規模・国際化対応の状況を確認することが、初見エンジニアにとって安心材料になります。

スター数・コミット頻度・リリースサイクル

gh api /repos/datawhalechina/easy-vibe で取得した値によれば、スター数は11,126、Fork数は1,036、最終 push は 2026-05-15 です。主要言語は JavaScript（README で確認できる比率は89.1%、ほかに Dockerfile 6.6% / Shell 4.3%）で、archived・fork・disabled・private のすべてが false となっています。main ブランチでは500以上のコミットが積み上がっており、3件のタグ付きリリースが公開されています。

直近で push が止まっておらず、コミットも継続して積み上がっている状態は、教材としての更新がアクティブに続いていることを示す材料になります。

コントリビューターとコミュニティ規模

easy-vibe には Datawhale の活動メンバーや清華大学などのアカデミアを含む複数のコントリビューターが関わっていることが、リポジトリのコントリビューター一覧から確認できます。Datawhale 自体が中国でも最大規模の AI 学習コミュニティとして長年運営されており、easy-vibe 単独ではなく、コミュニティ全体としての継続性のなかで運用されている点は、教材としての安心材料に直結します。Datawhale の活動状況は組織トップから俯瞰できます。

国際化対応と日本語版README

ドキュメント基盤は VitePress 2.0系で、13言語に対応しています。主要言語は中国語簡体字と英語ですが、README 翻訳としては日本語版も用意されており、日本語版 README からプロジェクト概要や Stage 構成、ライセンスに関する記述を日本語で確認できます。本文ドキュメント自体は中国語・英語が主であるため、本格的に学習する場合は公式チュートリアル英語版を入口にするのが現実的です。

ライセンスと利用上の注意

easy-vibe を採用するうえで、もっとも見落としやすく、もっとも影響が大きいのがライセンスの取り扱いです。社内研修や顧客向け教材として転用する可能性がある場合は、本章の内容を必ず確認したうえで判断してください。

READMEで宣言されているライセンス（CC BY-NC-SA 4.0）

README（日本語版・英語版・中国語版いずれも同様）および GitHub の About 欄では、ライセンスとして「クリエイティブ・コモンズ 表示-非営利-継承 4.0 国際（CC BY-NC-SA 4.0）」が宣言されています。このライセンスは、利用にあたって以下の条件を満たす必要があります。

• 表示（BY）: 原著作者（Datawhale）のクレジットを表示する
• 非営利（NC）: 営利目的での利用を行わない
• 継承（SA）: 派生物を作成・公開する場合、同一のライセンス（CC BY-NC-SA 4.0）で公開する

特に「非営利」と「継承」は、社内研修教材として商用化したり、外部の有料研修サービスへ転載したりする場合に直接影響する条件です。

GitHubのSPDX検出がnullになっている理由と読み方

gh api /repos/datawhalechina/easy-vibe のレスポンスでは、license フィールドが null を返します。これは GitHub の SPDX 自動検出が機能していないことを示す値であり、「ライセンスが未設定」という意味ではありません。GitHub の SPDX 自動検出は、リポジトリ直下の LICENSE ファイルがSPDX標準の形式で配置されていることを前提に動作するため、別ファイル名で配置されていたり、READMEのみに記載されていたりすると検出されずに null となります。

本リポジトリは README に CC BY-NC-SA 4.0 が明記されている一方、GitHubの自動検出には乗っていない、という状態です。null を見て「ライセンス未設定の野良 OSS」と読み違えると、本来あるはずの条件を見落としたまま教材を使ってしまうリスクがあります。判断する際は、必ず README とリポジトリ内のライセンス記載を一次ソースとして確認してください。

非商用・継承の制約が自社利用に与える影響

ライセンス条件が自社利用に与える影響は、利用シナリオごとに整理できます。

• 個人の自学: 表示の条件を守れば、自由に学習に利用できる
• 社内勉強会での共有: 営利目的での販売ではないため、原則として表示の条件を守れば利用できる。社内教材として複製・改変する場合も、同一ライセンス（CC BY-NC-SA 4.0）で社内に共有する必要がある点に留意する
• 社内研修商品化・外部研修サービスへの転載: 営利目的に該当する可能性が高く、原則として CC BY-NC-SA 4.0 の条件下では認められない。必要に応じて Datawhale 側に追加ライセンスや個別許諾の可否を確認することになる
• 派生コース化（書籍・有料教材として再編集）: 営利目的かつ派生物の作成に該当するため、ライセンス条件の影響を強く受ける。「非営利での再編集」「同一ライセンスでの公開」を満たせるかどうかが判断軸になる

法務的な最終判断はライセンス原文と社内法務での確認に委ねる必要がありますが、初見エンジニアとして覚えておくべきポイントは「無料の OSS だから自由に商用転用できるわけではない」「派生物にも同じライセンス制約が及ぶ」という2点です。

どんな読者にどのフェーズで合うか（採用判断のまとめ）

ここまでの整理を踏まえて、典型的な読者タイプごとに easy-vibe をどのように使うのが適切かを整理します。自分のシナリオに近いものを起点にして、採用判断のたたき台にしてください。

プロダクトマネージャー・ファウンダーの場合

エンジニアではないが、AI と対話しながらアイデアを検証し、最初のプロトタイプを自分の手で作りたい立場の読者には、Stage 1「AI产品经理」を中心にした学習が合います。Stage 0 でゲームを通じて AI IDE の操作に慣れたうえで、Stage 1 でアイデアの言語化・要件整理・Web アプリのプロトタイプ作成までを経験し、必要に応じて Stage 2 のフルスタック領域へ進むのが標準的な流れです。エンジニア向けの細かな実装はパートナーに任せる前提でも、Stage 1 の内容は発注品質の向上に直結します。

ジュニア〜ミドル開発者の場合

実務として Web フロントエンドやバックエンドの実装に関わっている読者には、Stage 2「初中级开发工程师」が主戦場になります。Figma・MasterGo によるデザインからのコード生成、Next.js + Supabase + Zeabur + Stripe のフルスタック実装、RAG の組み込みなど、自社プロダクトでも遭遇しやすいテーマが集まっています。すでに何らかの AI IDE を業務で使っている読者であれば、Stage 1 を軽く流し読みして Stage 2 から着手することも現実的です。

シニア開発者の場合

実装力よりも、新しい技術トピックへのキャッチアップや、エージェントを組み合わせたワークフロー設計に関心がある読者には、Stage 3「高级开发工程师」をピンポイントで参照する使い方が適しています。Claude Code の Skills や MCP、Agent Teams、Long-running Tasks、Electron・モバイル・WeChat Mini Program 等のクロスプラットフォーム展開がまとまっているため、社内導入や PoC を検討するときの一次資料として使えます。

教育担当者・社内研修運営の場合

社内研修や勉強会の運営担当者にとって、easy-vibe は段階別ロードマップが整っているため、教材構成のたたき台として参考にしやすい教材です。ただしすでに整理したとおり、ライセンスは CC BY-NC-SA 4.0 であり、非営利・継承の条件が課されています。研修商品化や有料教材化を視野に入れる場合はライセンス上の制約が強く効いてきますので、「個人の自学・社内勉強会では条件を守って活用し、商用利用が絡む場合は別途検討する」というスタンスが現実的です。コンテンツが中国語中心である点も踏まえると、Stage の構成・章立てを参考にしつつ、自社の文脈に合わせて独自教材を書き起こすアプローチも検討に値します。

合わないケース

逆に、easy-vibe がフィットしにくいケースとしては、以下のような場面が挙げられます。

• 日本語完訳の動画コースで、対面サポート付きで体系的に学びたい場合（Udemy などの有料コースの方が学習動線が短い）
• 特定スタック（例: Next.js 16 + Drizzle ORM + PostgreSQL）でWeb SaaSを完成させたい場合（姉妹プロジェクト vibe-vibe の方が直接的）
• Wasp フレームワーク前提で、AI チューター伴走型の Web アプリ開発を体験したい場合（Open Vibe の方が適合）

まとめ

easy-vibe は、Datawhale が公開しているvibe coding 向けの OSS 学習カリキュラムで、Stage 0〜3の段階別ロードマップ、9つのプロジェクト主軸、複数の AI IDE 横断、Web からクロスプラットフォームまでの広い対象領域を特徴としています。スター数 11,126、Fork 数 1,036、最終 push 2026-05-15 と、教材として活発に更新されている状態が確認できます。

採用判断にあたっては、特定スタックでのフルスタック実装を厚く扱う姉妹プロジェクト vibe-vibe、Wasp フレームワーク前提の Open Vibe、日本語の有料コースなどとの違いを踏まえたうえで、自分の現在地と目的に合った Stage から入るのが現実的です。教材コンテンツの主要言語は中国語と英語のため、日本人エンジニアが本格的に取り組む場合は公式チュートリアル英語版を入口にすると進めやすいでしょう。

最後に、ライセンスは README で CC BY-NC-SA 4.0 が宣言されている一方、gh api の license フィールドは null を返すという、初見では誤読しやすい状態にあります。「ライセンスが未設定」という意味ではなく、GitHub の SPDX 自動検出に乗っていないだけである点を押さえたうえで、非営利・継承の条件が自社の利用シナリオに与える影響を確認してから採用判断を進めてください。詳細を確認する際は、まずGitHub リポジトリと公式チュートリアルを一次ソースとして参照することをおすすめします。