ChatGPT5.2と会話をしていたら、ここまでできました。
TOCクラウド Webアプリ v1 1枚仕様(開発用)
目的
TOCの対立解消ツール「クラウド」を、誰でも作れて・読めて・役立つ形で一般公開する。
正解を押し付けず、読み上げで違和感に気づける体験を核にする。
対象ユーザー
一般ユーザー(TOC未経験でもOK)
教育・研修・コンサル文脈の実践者(後から拡張)
コア体験(v1で必ず成立させる)
行動(D/D’)から入力開始 → 迷わない
要望(B/C)→ 共通目標(A)へ抽象化が自然に進む
プレビューで 音+文字の読み上げ → 違和感を発見して修正
公開後は閲覧と「役にたった」で蓄積
情報構造(ラベル固定)
A:共通目標
B / C:要望(嬉しいこと)
D / D’:対立する行動
クラウド図表示(左→右):
[ A ] → [ B ] → [ D ]
[ C ] → [ D’ ]
画面一覧(v1)
/ ホーム(新着・人気)
/clouds/[id] クラウド詳細(図・役にたった・保存・共有・通報)
/create 作成(ウィザード)
/me マイページ(自分の投稿・保存)
/login ログイン
/terms /privacy 規約・プライバシー
/report 通報フォーム(詳細から遷移)
入力フロー(作成ウィザード)
Step1 テーマ
説明文:
「仕事・家庭・学校・人間関係など、どんな内容でも構いません。自分1人の悩みでも、相手がいる悩みでも構いません。」
入力:タイトル(任意)/カテゴリ(必須:仕事・家庭・学校・人間関係・その他)
Step2 行動(D / D’)
UI固定表示:「D と D’ は『対立する行動』です」
入力:行動D、行動D’
Step3 要望(B / C)
見出し:「その行動によってどんな嬉しいことを起こしたいのですか?」
入力:要望B(Dで満たしたい)、要望C(D’で満たしたい)
Step4 共通目標(A)
入力:共通目標A
Step5 理由(2か所のみ・任意)
D を選択すると、C が満たされない理由
D’ を選択すると、B が満たされない理由
プレビュー(v1の核)
表示
クラウド図(A/B/C/D/D’)
読み上げセクション:音+文字で6文を全文表示
注記:
「※読み上げ時は、文章が自然になるようにB・Cの語尾などを自動調整します」
読み上げ文(テンプレ固定)
A のためには、B する必要がある。
B のためには、D すべきだと感じる。
A のためには、C する必要がある。
C のためには、D’ すべきだと感じる。
D すると、C するのが難しい。
D’ すると、B するのが難しい。
読み上げUI
「▶ すべて再生」「⏸ 停止」「▶ 1文ずつ再生」
再生中:該当文をハイライト/A,B,C,D,D’も強調
読み上げ後の導線
強調ボタン:「直してみる(おすすめ)」(該当ステップへ戻る)
次:「このまま投稿する」
B/C 読み上げ用の語尾自動調整(normalize)
入力原文は保存し、読み上げ用だけ整形。
〜を失いたくない → 〜を失わない
〜したくない → 〜しない
〜たい → 〜する
名詞で終わる → 〜を大事にする
その他 → 〜すること
(例)「スピード感を失いたくない」→「スピード感を失わない」
公開・閲覧・評価(荒れにくさ優先)
閲覧:ログイン不要
投稿/保存/評価:ログイン必須(表示は匿名)
評価ボタン:「役にたった」(1人1回トグル、総数表示)
コメント:v1では入れない
通報:詳細右上から(理由固定+自由記述)
運営:非表示対応できる設計(削除は運用判断)
ホーム(発見)
タブ:新着/人気(直近7日で「役にたった」)
カテゴリ:仕事・家庭・学校・人間関係・その他
カード:タイトル、A/B/C/Dの要点(短縮)、役にたった数、日付、カテゴリ
非機能(最低限)
利用規約・プライバシー必須
問い合わせ/運営連絡先
ログ(通報、投稿、評価)
共有URL(/clouds/[id])
TOCクラウド Webアプリ v1 1枚仕様(開発用)
目的
TOCの対立解消ツール「クラウド」を、誰でも作れて・読めて・役立つ形で一般公開する。
正解を押し付けず、読み上げで違和感に気づける体験を核にする。
対象ユーザー
一般ユーザー(TOC未経験でもOK)
教育・研修・コンサル文脈の実践者(後から拡張)
コア体験(v1で必ず成立させる)
行動(D/D’)から入力開始 → 迷わない
要望(B/C)→ 共通目標(A)へ抽象化が自然に進む
プレビューで 音+文字の読み上げ → 違和感を発見して修正
公開後は閲覧と「役にたった」で蓄積
情報構造(ラベル固定)
A:共通目標
B / C:要望(嬉しいこと)
D / D’:対立する行動
クラウド図表示(左→右):
[ A ] → [ B ] → [ D ]
[ C ] → [ D’ ]
画面一覧(v1)
/ ホーム(新着・人気)
/clouds/[id] クラウド詳細(図・役にたった・保存・共有・通報)
/create 作成(ウィザード)
/me マイページ(自分の投稿・保存)
/login ログイン
/terms /privacy 規約・プライバシー
/report 通報フォーム(詳細から遷移)
入力フロー(作成ウィザード)
Step1 テーマ
説明文:
「仕事・家庭・学校・人間関係など、どんな内容でも構いません。自分1人の悩みでも、相手がいる悩みでも構いません。」
入力:タイトル(任意)/カテゴリ(必須:仕事・家庭・学校・人間関係・その他)
Step2 行動(D / D’)
UI固定表示:「D と D’ は『対立する行動』です」
入力:行動D、行動D’
Step3 要望(B / C)
見出し:「その行動によってどんな嬉しいことを起こしたいのですか?」
入力:要望B(Dで満たしたい)、要望C(D’で満たしたい)
Step4 共通目標(A)
入力:共通目標A
Step5 理由(2か所のみ・任意)
D を選択すると、C が満たされない理由
D’ を選択すると、B が満たされない理由
プレビュー(v1の核)
表示
クラウド図(A/B/C/D/D’)
読み上げセクション:音+文字で6文を全文表示
注記:
「※読み上げ時は、文章が自然になるようにB・Cの語尾などを自動調整します」
読み上げ文(テンプレ固定)
A のためには、B する必要がある。
B のためには、D すべきだと感じる。
A のためには、C する必要がある。
C のためには、D’ すべきだと感じる。
D すると、C するのが難しい。
D’ すると、B するのが難しい。
読み上げUI
「▶ すべて再生」「⏸ 停止」「▶ 1文ずつ再生」
再生中:該当文をハイライト/A,B,C,D,D’も強調
読み上げ後の導線
強調ボタン:「直してみる(おすすめ)」(該当ステップへ戻る)
次:「このまま投稿する」
B/C 読み上げ用の語尾自動調整(normalize)
入力原文は保存し、読み上げ用だけ整形。
〜を失いたくない → 〜を失わない
〜したくない → 〜しない
〜たい → 〜する
名詞で終わる → 〜を大事にする
その他 → 〜すること
(例)「スピード感を失いたくない」→「スピード感を失わない」
公開・閲覧・評価(荒れにくさ優先)
閲覧:ログイン不要
投稿/保存/評価:ログイン必須(表示は匿名)
評価ボタン:「役にたった」(1人1回トグル、総数表示)
コメント:v1では入れない
通報:詳細右上から(理由固定+自由記述)
運営:非表示対応できる設計(削除は運用判断)
ホーム(発見)
タブ:新着/人気(直近7日で「役にたった」)
カテゴリ:仕事・家庭・学校・人間関係・その他
カード:タイトル、A/B/C/Dの要点(短縮)、役にたった数、日付、カテゴリ
非機能(最低限)
利用規約・プライバシー必須
問い合わせ/運営連絡先
ログ(通報、投稿、評価)
共有URL(/clouds/[id])