コンテンツへスキップ
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

  1. 01

    アサフのストーリーから始めよう

    アサフのストーリーを出発点に:アイデアが1日でかたちになるまでと、始める前に削るべきもの。

    10 min1 lesson
  2. 02

    ワークスペースを開く

    新しいプロジェクトを開き、境界を決めて、コードを書く前にエージェントに計画を出してもらいます。

    10 min1 lesson
  3. 03

    バージョン1をつくる

    1つの画面と1つのアクションをつくり、動かして、機能を追加する前に結果を確認します。

    12 min1 lesson
  4. 04

    プロダクトマネージャーのようにデバッグ

    「期待した動き」と「実際の動き」の言葉でバグや改善点を伝え、エージェントが無関係な部分を壊さずに直せるようにします。

    12 min1 lesson
  5. 05

    データは慎重に追加する

    ハードコードのデータ、localStorage、データベースを適切なタイミングで選び、早すぎるつくり込みを避けます。

    14 min1 lesson
  6. 06

    ユーザー体験を磨く

    文言、空の状態、ボタン、余白、モバイルレイアウトを磨いて、実際の人に伝わるデモにします。

    12 min1 lesson
  7. 07

    Webにデプロイする

    デプロイの準備をして、コードに秘密情報がないか確認し、フィードバックをもらうために1人に送れるバージョンを公開します。

    10 min1 lesson
  8. 08

    2日目、そしてその先へ

    シンプルなROADMAPをつくり、プロジェクトを混乱させずに1タスクずつ進めます。

    10 min1 lesson