PRDから15分でプロトタイプへ

beginner~15 分0/4 ステップ

PMが仕様を書く。エンジニアがそれを作る。その間のギャップが何週間もの時間を奪います。

そのギャップを自分で埋められたら？このレッスンでは、プロダクトのアイデアをライブHTMLの1ページ — 要件・UIワイヤーフレームスケッチ・成功指標を含む「プロダクトブリーフ」— に変換します。エンジニアリングチケットは不要。仕様書ではなく、証明を届けましょう。

手順

<h1>にプロダクト名を追加しましょう — 太字で大きく表示してください

ヒント：例: `<h1 class="text-3xl font-bold text-gray-900 mt-2">あなたのプロダクト — 短いキャッチコピー</h1>`

<ul class="requirements">を追加し、プロダクトが満たすべき要件を3つ以上の<li>で記述してください

<div class="wireframe">を追加してUIをスケッチしましょう — 色付きのボックスでUIのステージやセクションを表現してください

成功指標を少なくとも1つ追加しましょう — 「完了」の状態を定義する数値やパーセンテージです。ページのどこかに「metric」または「指標」という言葉を使ってください

html

21 行