DEVIN / WINDSURF · ZERO TO HERO
Devin / Windsurfでvibe coding
コーディングエージェントと一緒に、アイデアから動くバージョンまで一歩ずつ。
DevinとWindsurfで本物のプロダクトをつくる、ヘブライ語ファーストのゼロからヒーローコース。小さなアイデアから、コーディングエージェントへ、そして共有できる最初のバージョンまで。
約90分
モジュール1から始めるアサフの瞬間からワークフローへアサフはDevin / Windsurfでアイデアをつくり始め、1日でかたちになるものを手にしました。このコースでは、それを再現できるワークフローに変えます。
WHAT YOU'LL BE ABLE TO DO
1
1日で最初のバージョンをつくれるくらい小さなアイデアを選ぶ2
DevinまたはWindsurfのプロジェクトを開き、エージェントの作業範囲を決める3
1つの画面と1つのアクションを持つ最初のWebアプリをつくる4
「期待した動き」と「実際の動き」を正確に伝えてバグを直す5
早すぎるつくり込みをせずに、データ追加・磨き込み・デプロイを進める6
シンプルなロードマップとプロダクト思考で、1日目のあとも続けるTHE MODULES
- 01
アサフのストーリーから始めよう
アサフのストーリーを出発点に:アイデアが1日でかたちになるまでと、始める前に削るべきもの。
10 min1 lesson - 02
ワークスペースを開く
新しいプロジェクトを開き、境界を決めて、コードを書く前にエージェントに計画を出してもらいます。
10 min1 lesson - 03
バージョン1をつくる
1つの画面と1つのアクションをつくり、動かして、機能を追加する前に結果を確認します。
12 min1 lesson - 04
プロダクトマネージャーのようにデバッグ
「期待した動き」と「実際の動き」の言葉でバグや改善点を伝え、エージェントが無関係な部分を壊さずに直せるようにします。
12 min1 lesson - 05
データは慎重に追加する
ハードコードのデータ、localStorage、データベースを適切なタイミングで選び、早すぎるつくり込みを避けます。
14 min1 lesson - 06
ユーザー体験を磨く
文言、空の状態、ボタン、余白、モバイルレイアウトを磨いて、実際の人に伝わるデモにします。
12 min1 lesson - 07
Webにデプロイする
デプロイの準備をして、コードに秘密情報がないか確認し、フィードバックをもらうために1人に送れるバージョンを公開します。
10 min1 lesson - 08
2日目、そしてその先へ
シンプルなROADMAPをつくり、プロジェクトを混乱させずに1タスクずつ進めます。
10 min1 lesson