[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","6823db120e7481919095086aa1f5fe86","versionInt","title","Framework Selector App","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\n\nconst questions = [\n {\n id: 1,\n text: \"情報やタスクの管理は紙ベースで行いたいですか？\",\n yes: 2,\n no: \"A2\"\n },\n {\n id: 2,\n text: \"デジタルツールは使わなくてもいいと思っていますか？\",\n yes: \"A1\",\n no: \"A2\"\n },\n {\n id: 3,\n text: \"タスクの抜け漏れなく処理したい、という欲求が強いですか？\",\n yes: 4,\n no: 5\n },\n {\n id: 4,\n text: \"5つのステップ（収集→整理→見直し→実行→レビュー）を習慣化できそうですか？\",\n yes: 5,\n no: \"A4\"\n },\n {\n id: 5,\n text: \"時間単位でブロックして割く方が性に合いますか？\",\n yes: \"A5\",\n no: 6\n },\n {\n id: 6,\n text: \"情報（ノート・ファイル・参考資料など）をプロジェクト単位で分類していますか？\",\n yes: 7,\n no: 8\n },\n {\n id: 7,\n text: \"情報を構造化して、あとで再活用できるようにしておきたいですか？\",\n yes: \"A6\",\n no: \"A7\"\n },\n {\n id: 8,\n text: \"思考や学びを関連づけながら深掘りしたいですか？\",\n yes: \"A8\",\n no: \"A9\"\n }\n];\n\nconst results = {\n A1: \"Bullet Journal（紙と手帳で柔軟に管理）\",\n A2: \"ハイブリッド（手書き＋デジタルToDo管理）\",\n A4: \"GTDまたはシンプルToDo（例：Todoist、Google Tasks）\",\n A5: \"Time Blocking（一日の時間割を設計）\",\n A6: \"PARAメソッド（構造的な情報整理）\",\n A7: \"プロジェクトベースの自己流管理でOK\",\n A8: \"Zettelkasten（知識を関連づけて蓄積）\",\n A9: \"自由記述型ノート（例：Obsidianなど）\"\n};\n\nexport default function FrameworkSelector() {\n const [step, setStep] = useState(1);\n const [result, setResult] = useState(null);\n\n const current = questions.find(q => q.id === step);\n\n const handleAnswer = (answer) => {\n const next = current[answer];\n if (typeof next === \"string\") {\n setResult(results[next]);\n } else {\n setStep(next);\n }\n };\n\n const reset = () => {\n setStep(1);\n setResult(null);\n };\n\n return (\n

\n \n \n {result ? (\n

あなたにおすすめのフレームワーク：

{result}

\n \n

\n ) : (\n

Q{current.id}. {current.text}

\n \n \n

\n )}\n \n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","15632769975081393543","traceTime",1783274273580]