v0ハンズオン_2026_02_26

public.icon

スライドURL：

開始前アンケート

セットアップ資料

V0(招待URL)

bolt(招待URL)

lolable(招待URL)

終了アンケート

診断チャート要件定義テンプレ

code:診断要件定義テンプレ

診断チャートをReactで作って。デザインはポップでかわいい感じ。アニメーション付き。プログレスバーと「やり直す」ボタンもつけて。

■ タイトル: 【診断の名前】

■ 質問（※ 好きなだけ増やしてOK）

Q1: 【質問】

A: 【選択肢】

B: 【選択肢】

C: 【選択肢】

Q2: 【質問】

A: 【選択肢】

B: 【選択肢】

C: 【選択肢】

Q3: 【質問】

A: 【選択肢】

B: 【選択肢】

C: 【選択肢】

■ 結果（※ 好きなだけ増やしてOK）

🌿 【結果タイトル】: 【説明を1〜2文で】

🎨 【結果タイトル】: 【説明を1〜2文で】

🛍️ 【結果タイトル】: 【説明を1〜2文で】

🎮 【結果タイトル】: 【説明を1〜2文で】

■ 分岐ルール

回答の組み合わせで結果を振り分けて。各選択肢にA=1点、B=2点、C=3点のスコアをつけて合計で結果を決めて。

診断チャート例

code:例文要件定義.md

診断チャートをReactで作って。デザインはポップでかわいい感じ。アニメーション付き。プログレスバーと「やり直す」ボタンもつけて。

■ タイトル: あなたにぴったりの休日診断

■ 質問

Q1: 休日の朝、最初にしたいことは？

A: 朝日を浴びる

B: ゴロゴロする

C: SNSチェック

Q2: ランチに食べたいのは？

A: 手作りサンドイッチ

B: カフェでパスタ

C: ラーメン屋に並ぶ

Q3: 午後の過ごし方は？

A: 散歩やハイキング

B: 映画を観る

C: 買い物に出かける

■ 結果

🌿 アウトドア派: 自然の中でリフレッシュするのが最高のあなた！

🎨 おうち充実派: 自分の世界に浸る時間が至福のひととき。

🛍️ アクティブお出かけ派: 街のエネルギーを吸収して元気になるタイプ！

■ 分岐ルール

回答の組み合わせで結果を振り分けて。各選択肢にA=1点、B=2点、C=3点のスコアをつけて合計で結果を決めて。

自由制作：事前にChatGPTなどで要件を作ってから投げるのがおすすめ

リンク集

bolt

v0

Supabase

Firebase Studio

Cursor

Claude Code

MCP

AIに対して外部サービスを直接繋ぐTypeCのような存在

https://gyazo.com/a1649b79d9bb47e22ce80631f6d0d081

Skills

AIに対して特定の作業をする時に、それを覚えてくれていて、その時にそのツールを実行できる

スクリプトを動かすことも可能

ex:画像生成してダウンロードして保存

AIにどこまで権限を渡すか

レベル１：ChatGPTと会話する⇨得た指示を何かに適用する

レ ベル２：V0のようなWebで完結するコーディングエージェントに仕事を依頼する

レベル３：ClaudeCodeやCoWorkのようなPCのファイル操作まで直接触れるようにする

レベル４：OpenClawのような勝手に自分でPCの中で動いて勝手に何かする

ClaudeCode実演

並列で実際に作業する