今回のAIエージェント実践学習は、Antigravity（Google）で作ってみた。
「 当てはまる 」「 当てはまらない 」とか「 はい 」「 いいえ 」って20問くらい答えたら「 あなたはバランス調整タイプです 」みたいに診断されるやつあるやん？
あれを自分で作ってみよーっ！ていうことで。
3分ほどでできちゃった…
で、なんじゃかんじゃと修正をして合計30分くらいでデプロイ完了（公開）←言いたいだけ
※Antigravityへのプロンプトは、下に貼っときます←このプロンプトは、Antigravityにまとめてもらった（これまでのやり取りを踏まえてプロンプト作ってって指示）
下記をAntigravityにコピペ
※他のAIエージェント（CodexとかClaudeCode）でも使えるんでしょうけど、試していません
※生成AI（GeminiとかChatGPTとか）でも試していません
以下の記事（または素材メモ）をもとに、スマホやPCでポチポチ回答して自動集計される「Webタイプ診断ツール（HTML/CSS/JavaScript 1ファイル完結）」を制作してください。
【制作の条件】
- 形式: HTML/CSS/JavaScriptが1つのファイルで完結するWebアプリ（外部ライブラリ不要）
- UI/UX:
- スマホファーストで、1問ずつサクサク進む「◯・✕」のタップボタン
- 進行状況がひと目でわかるプログレスバー
- 「前の質問に戻る」機能
- 集計・判定ロジック:
- 全問回答後にタイプ別のスコアを自動集計し、横棒グラフで可視化
- ◯が0〜2個のカテゴリは「高評価・クリア（問題なし）」として称賛コメントを表示
- ◯が3個のカテゴリは「注意・グレーゾーン」として表示
- ◯が4〜5個のカテゴリは「明確な課題（伸びしろ）」として改善アドバイスを表示
- 同点の場合は複合タイプとして併記
- 診断結果画面:
- タイプ別の特徴、よくあるズレ（会話例など）、今日からできる具体的な改善アプローチ
- 「他のタイプのアドバイスも見る」開閉ボタン
- 最後に私の【メルマガ / LINE公式 / 商品サービス】へのリンクボタン（CTA）を設置
【元となる記事・素材】
※ここにあなたの記事本文、診断の質問案、またはノウハウを貼り付けてください
（例：ブログ記事、note原稿、メルマガ、箇条書きメモなど）
コメント