第5章

ゼロからイチまでの実践

3つの実践プロジェクトを通して、AIプログラミングの一連の流れを体験します。

プロジェクト 1:Cursor を使ってシンプルな API インターフェースを作成する

入門30分

Cursor を使用して簡単な RESTful API を作成し、基本的な CRUD 操作を実装します。

実装ステップ

1Cursor を開いて、新しいプロジェクトを作成する
2自然言語で説明する:Node.js Express API を作成する
3ルーティングを追加:GET /users, POST /users
4API が正常に動作しているかテストする

関連スキル

Node.jsExpressRESTful APICursor Agent

プロジェクト 2:v0 を使ってログインページを生成する

入門15 分

v0 を使って自然言語から美しいログインページを生成する。

実装ステップ

1v0.dev にアクセス
2説明:メールアドレスとパスワード入力欄を含む、モダンなスタイルのログインページを作成する
3生成されたデザインを調整する
4コードをローカルプロジェクトにエクスポート

関連スキル

v0ReactTailwind CSSUI デザイン

プロジェクト 3:Fabric を使って日次作業サマリーを整理する

入門20 分

Fabric の Pattern を使って、日々の作業内容を自動で整理・要約する。

実装ステップ

1Fabric をインストールして設定する
2summarize Pattern を使用する
3今日の作業内容を入力
4構造化された作業要約を取得する

関連スキル

FabricコマンドラインPatterns作業効率

実践テクニック

  • 1.最初から複雑な機能を追い求めず、シンプルに始める
  • 2.問題に遭遇したら、まず自分で考えてから AI に尋ねる
  • 3.AI が生成したコードを理解し、むやみにコピー&ペーストしない
  • 4.さまざまな質問の仕方を試し、自分に最適な表現を見つける