スキル
コーディングデザイン

使い捨てプロトタイピング

GitHub:mattpocock2026年8月19日更新星 318.2kコピー 26.6k
GitHubで見る

1つの設計上の問いに答えるための、すぐに使える使い捨てプロトタイプを作ります。状態モデルやロジックの一部が正しいかどうか確信が持てないときは、自由に操作できるボタンとタブ式のガイド付きウォークスルーを備えた共有可能なHTMLファイル1つで、ステートマシンを厄介なケースに通して確認できます。UIがどう見えるべきかを探っているときは、1つのルート上にまったく異なる複数のバリエーションを用意し、URLパラメータと画面下部のフローティングバーで切り替えられます。プロトタイプは明確に印が付けられ、実行は簡単で、素早く学べるよう仕上げは省いています。

試してみる

  • この状態モデルが正しいかどうかをざっと確認するための使い捨てプロトタイプを作って。エッジケースまで試せるボタン付きで。
  • このページのUIをまったく異なるバリエーションでいくつかプロトタイプ化して、並べて比較できるようにして。
  • このロジックの分岐が正しいか自信がないので、各アクション後の状態全体を表示する簡単に実行できるデモを作って。

詳細

Publisher
mattpocock
ソース
mattpocock/skills
GitHub stars
318.2k
Runtime
No sandbox needed
最終更新
2026年8月19日