Vibe Tutor
日本語
お問い合わせ

4 レッスン · 18 ラボ · モデルはブラウザ上で動作

コーディングエージェントとの開発を、手を動かして学ぼう。

ラボはどれも短く、ゴールはひとつだけ。やりたいことをエージェントに伝え、結果を確かめて、ずれたら軌道修正する。その流れを実際に体験できます。

お使いのデバイス

確認中…
WebGPU
…
グラフィックス
…
モデル
…
GPU 使用量
…
モデルの配信元
…

レッスン

  1. レッスン 1

    はじめての対話

    プロンプトの基本と、入力行で使えるコマンドを覚えて、最後に小さなタスクで一通り試します。

    1. プロンプトとは, 未着手
    2. ターミナルと話す, 未着手
    3. 練習, 未着手
    0 / 3 ラボ
  2. レッスン 2

    エージェントにできること

    小さなファイルで、書く・説明する・変える・直すをエージェントに頼んでみます。最後は自分でひとつ作ってみましょう。

    1. ドキュメントを書く, 未着手
    2. ページを説明してもらう, 未着手
    3. ページに手を加える, 未着手
    4. バグを直す, 未着手
    5. 練習, 未着手
    0 / 5 ラボ
  3. レッスン 3

    実践ループ

    開発者がふだんやるように、エージェントと小さなアプリをひとつ作ります。何をどう作るかを決めてから作り、コンテキストを整理しながら、壊れたところを直していきます。

    1. まずは要件をすり合わせる, 未着手
    2. 設計を決める, 未着手
    3. 設計どおりに作る, 未着手
    4. コンテキストに空きを作る, 未着手
    5. コンパイルエラーを直す, 未着手
    6. バグを突き止める, 未着手
    0 / 6 ラボ
  4. レッスン 4

    応用

    毎ターン読まれるメモリファイル、必要なときだけ読み込まれるスキル、プロジェクトの外にあるツール。エージェントの力を広げるこの三つを試します。

    1. エージェントに覚えさせる, 未着手
    2. スキルを実行する, 未着手
    3. スキルを書く, 未着手
    4. 外部のツールを使う, 未着手
    0 / 4 ラボ

ラボの進め方

  1. 01お題とゴールを確認ラボごとに小さなお題とゴールがひとつずつあります。最初からファイルが用意されているラボもあります。
  2. 02エージェントと進めるターミナルでやりたいことを伝え、どこが変わったかを確認します。自分でファイルを直してもよく、「実行」でページを試せます。
  3. 03ゴールを達成するファイルと操作がゴールを満たせば、自動でチェックが付きます。進め方に迷ったら、録画したお手本を見てみましょう。
お問い合わせ

基礎の先へ進みたい方へ

ここで学べるのは最初の一歩です。HumanStar のチーム向け実践トレーニングでは、実際の業務に近いプロジェクトに取り組むので、身につけたことをそのまま日々の仕事に活かせます。チームについてお聞かせください。メールでご返信します。