Easy-VibeゼロからのAIコーディングガイド
すべての人のための新しいコーディングパラダイム。PMでもフルスタック開発者でも、ここで自分のAIコーディングの道を見つけることができます。
Skip to contentそれぞれの
ゼロからの入門、
フルスタックへ、
高度な実践、
コードを、
それぞれの
輝く物語を見よう。
さまざまな背景の人たちが、AIで現実の課題をどう解決したかを紹介します。
Stage 1 · 初心者とPM
ゼロからの入門、
自分だけのPMになる。
CSの背景は不要。アイデアを話すだけで、AIが高精度のWebプロトタイプに変換します。
Stage 2 · 初中級開発者
フルスタックへ、
リアルなアプリを構築。
フロントエンドとバックエンドの分離をマスター。DB、API、複雑なインタラクションを含む商用レベルのプロジェクトを構築。
素材生成 Agent
Lovart と Nanobanana で素材制作フローと描画 Agent を構築します。
詳しく見る ›Figma と MasterGo
UI デザインの基本と、デザインから開発へ渡す流れを学びます。
詳しく見る ›デザインからコードへ
デザインをブラウザで動くフロントエンドコードに変換します。
詳しく見る ›実データプロジェクト
Supabase でテーブルと権限を設計し、読み書き処理を実装します。
詳しく見る ›デプロイ
CloudBase、Vercel、Zeabur でローカルのコードを公開サイトにします。
詳しく見る ›AI ナレッジベース
Dify で AI フローとナレッジベースを作り、製品に組み込みます。
詳しく見る ›Stage 3 · 上級開発者
高度な実践、
無限の可能性。
時間や端末の制約を越え、AI プロダクトをどこでも使える形にします。
Appendix · 付録
コードを、
生き生きと。
難解な文章だけに頼らず、動くデモとリアルタイム操作で技術を理解します。