最初の題材は3条件で選ぶ
- 自分が完成を判断できる
- 個人情報や決済を扱わない
- 1画面か1ファイルで一度閉じられる
30〜90分で作る7題
01文章の文字数カウンター
02持ち物チェックリスト
03URLを整形する小道具
04FAQの1ページサイト
05CSVの列を並べ替える道具
065問の簡易診断
07自分用の日報テンプレ生成
依頼文は『確認方法』まで書く
このフォルダに、［題材］を作ってください。
入力は［1つ］、出力は［1つ］です。
外部サービスやログインは使いません。
実装前に触るファイルを説明し、完成後に確認手順を実行してください。自分でも実際に触り、空欄・長文・スマホ表示の3つを確認します。
題材例：文字数カウンターの仕様書
目的
SNS原稿を貼ると文字数と改行数が分かる。
入力1つのテキスト欄。内容は外部へ送らない。
出力文字数、改行数、入力を消すボタン。
完成条件空欄は0。日本語・絵文字・改行で壊れない。390px幅で横スクロールしない。
完成後のテストケース
空欄0と表示される
日本語期待する数え方になる
絵文字数え方の差を確認
長文画面からはみ出さない
再読込保存仕様どおり
2作目への広げ方
1作目に新機能を足し続けず、同じ構造で別の小道具を作ります。文字数カウンターの次はURL整形やチェックリストなど、「入力→処理→出力」の違う例へ移ります。
よくある質問
最初からスマホアプリを作れますか？
配布・権限・ストア審査まで範囲が広がります。まずブラウザで動く1画面を完成させます。
デザインも全部任せていいですか？
初稿は任せられますが、文字サイズ、余白、色、スマホ表示は自分で確認します。
完成品をすぐ公開していいですか？
秘密情報、外部通信、著作権、フォーム送信、エラー表示を確認してください。まずローカルか限定URLで確認します。
確認に使った公式情報
サービスやガイドラインは更新されます。申込・導入前に最新版を確認してください。
FREE KIT
まず1個、今日つくってみる
コードを書かずに、Claudeへ貼るだけで動く「指示文3本」と保存手順をまとめた無料の『AIものづくりスターターキット』があります。メールで受け取れます。
無料キットを受け取る