MEGURU Web App IA / Content Spec
目的
MEGURU の膨大な診断DB・物語DBを、そのまま知識庫として出すのではなく、初心者が迷わず巡命学に入れるWebアプリ体験へ圧縮する。
中心体験は次のループにする。
鑑定結果
→ いま必要な言葉
→ 用語をやさしく理解
→ 分解済みカードで深掘り
→ 物語や対話で腹落ち
→ 手帖に戻って再利用既存デザインの「淡墨水彩 × 深藍 × 金線」「九条巡の運命診断室」「部屋としてのアプリ」は維持する。
設計原則
1. 知識庫を主役にしない
MEGURUには3,000件以上の知識ドキュメントがあるが、公開UIの主役は検索結果ではない。
ユーザーには次の3層で見せる。
| 層 | UI名 | 役割 |
|---|---|---|
| 1 | 巡のひとこと | すぐ読める短い解釈 |
| 2 | 分解済みカード | レッスン・星カード・処方・時間運カード |
| 3 | 編集側の出典 | ユーザーには見せず、制作・監修用に保持 |
2. 入口は役割で分ける
| 入口 | ユーザーの気持ち | 着地 |
|---|---|---|
| 鑑定から読む | 自分の命式を知りたい | 診断結果・星カード |
| テーマから読む | 悩みや関心から入りたい | テーマ別の用語・記事 |
| 物語から読む | 場面で理解したい | エピソード→星・概念 |
| 対話から読む | どこから読めばよいかわからない | 次に読むカード |
「手帖」は入口でもあり、全体を整理する棚。 「対話」は迷ったときの案内役。 「知識」は原文検索ではなく、分解済みコンテンツ棚。
3. 専門語は必ず翻訳する
用語を単体で置かない。
貫索星
自分の柱を守る星。人に合わせる前に、自分の輪郭を確かめる力です。天中殺
いつもの枠が外れる時期。悪い時期ではなく、無理に形を決めない方がよい季節です。4. 巡とさくらの人格を分ける
| 話者 | 役割 | 文体 |
|---|---|---|
| 九条巡 | いま目の前で診断する人 | 静か、具体的、問いを置く |
| さくら | ノートに残された教え | 短い比喩、原則、少し大阪の余韻 |
| 出典メタ | DB・正本 | 構造化、編集者だけが参照 |
巡は断定しすぎない。 さくらは「裁かず照らす」の原則を守る。 出典は内部に保持し、ユーザー画面ではカード化した内容だけを出す。
グローバルナビ
モバイル下部ナビ
5室構成にする。
| 表示 | 役割 | 備考 |
|---|---|---|
| ホーム | 今日の入口・復帰 | 今日のひかり、続きから |
| 鑑定 | 命式入力・診断結果 | 最重要導線 |
| 手帖 | 体系学習 | 五本柱、星、時間運 |
| 対話 | 相談・案内 | 巡が次に読むものを勧める |
| 知識 | 編集済みコンテンツ棚 | レッスン・星カード・処方・時間運カード |
「物語」は下部ナビに入れず、ホーム・手帖・用語詳細から入る。
理由: 初心者にとって主目的ではなく、理解を深める回遊先だから。
デスクトップ
左サイドレールに同じ5室を置く。 右カラムが広い場合だけ「今日のひかり」「最近読んだ用語」「物語から学ぶ」を補助表示する。
画面別仕様
1. ホーム
役割
今日の状態から、鑑定・手帖・対話へ静かに戻す玄関。
ファーストビュー
九条巡の
運命診断室
今日のひかり / TODAY'S OMEN
庚午
整える一日
急いで答えを出すより、散らばったものを一つだけ元の場所へ戻す日です。主CTA
- 鑑定をはじめる
- 手帖を開く
カード構成
| カード | 内容 | 遷移 |
|---|---|---|
| 今日のひかり | 日干支・短い処方・関連語3つ | 年運/五行/今日の干支 |
| 続きから | 前回読んだ星・テーマ | 用語詳細 |
| わたしの命式 | 診断済みなら中央星と日干を表示 | 鑑定結果 |
| 星名を知らなくても | 仕事/恋愛/家族/今の運気 | テーマ |
| 物語で読む | 1つの場面を紹介 | 物語 |
コピー例
星を覚える前に、今日の自分を一つだけ見ます。命式は、あなたを決めつけるものではありません。
問いを置くための地図です。2. 鑑定
役割
生年月日入力から命式を出し、最初の理解まで案内する。
入力画面
入力項目:
- 生年月日
- 生まれた時刻(不明を選べる)
- 性別(任意。診断ロジックに不要な場合は表示しない)
- 呼び名(任意)
補足コピー:
時刻がわからなくても読める範囲があります。
わからないものを、無理に埋めなくて大丈夫です。主CTA:
命式をひらく結果トップ
最初に全情報を出さない。3枚に分ける。
| 順 | カード | 内容 |
|---|---|---|
| 1 | まず見るところ | 日干、中央星、今日読むテーマ |
| 2 | あなたの星図 | 人体星図。タップ可能 |
| 3 | 今日の処方 | 行動に落ちる短文 |
結果コピー例
まず、中心だけ見ます。
全部を一度に読もうとしなくて大丈夫です。あなたの中央には、貫索星があります。
自分の柱を守る星です。
人に合わせる前に、自分の輪郭を確かめる力があります。人体星図カード
各マスの表示:
北 / 頭
考え方・精神
車騎星タップ後:
北にある車騎星
考え方の場所に、すばやく動く星があります。
結論を急げる強さと、急ぎすぎる癖の両方を持ちます。深掘りタブ
- 本質
- 人間関係
- 仕事
- 恋愛
- 時間運
- 次に読む
「次に読む」は、星カード・物語処方・対話へ接続する。
3. 手帖
役割
巡命学の体系を迷わず学ぶ棚。
トップ構造
手帖
知の地図
巡命学は、五つの柱でできています。
気になる柱から、一つずつ読めます。五本柱
| 柱 | 表示名 | ひとこと | 遷移 |
|---|---|---|---|
| 1 | 五行 | 木・火・土・金・水のめぐり | 五行 |
| 2 | 陰占 | 生まれ持った器の設計図 | 命式/日干 |
| 3 | 陽占 | 心の働きと役割の地図 | 人体星図/十大主星 |
| 4 | 位相法 | 干支同士の関係 | 合/冲/刑/害/破 |
| 5 | 時間運 | 人生の季節を読む | 大運/年運/天中殺 |
学習パス
| パス | 対象 | ステップ |
|---|---|---|
| はじめての3歩 | 初心者 | 巡命学 → 命式 → 五行 |
| 自分の星を読む | 診断済みユーザー | 人体星図 → 中央星 → 位置別解釈 |
| いまの運を読む | リピートユーザー | 年運 → 大運 → 天中殺 |
| 人との関係を読む | 関係性の悩み | 位相法 → 相生相剋 → 組み合わせ |
用語一覧
先に星名を出すが、説明を添える。
貫索星
自分の柱を守る
石門星
人と輪をつくる
鳳閣星
ありのまま伝える4. テーマ
役割
星名を知らないユーザーの入口。
テーマカード
| テーマ | コピー | 接続語 |
|---|---|---|
| わたしという人 | 自分の輪郭を静かに見る | 中央星、日干、貫索星 |
| 仕事と役割 | どこで力が出るかを見る | 東の星、南の星、車騎星、牽牛星 |
| 恋愛と縁 | 近づき方と距離の取り方を見る | 西の星、位相法、禄存星、司禄星 |
| 家族 | 受け継いだものと、離れてよいものを見る | 北の星、年柱、玉堂星 |
| 今の運気 | いま無理をする場所、待つ場所を見る | 年運、大運、天中殺 |
| 変わりたい | 動きたい気持ちの扱い方を見る | 龍高星、車騎星、冲 |
テーマ詳細
構造:
- 今の問い
- 関連する星・概念
- 読む順番
- 物語で読む
- 対話で相談
例:
変わりたい
変わることは、今の自分を否定することではありません。
龍高星は、知らない場所へ出る星です。
でも、出る前に「何から離れたいのか」を一つだけ見ます。5. 用語詳細
役割
全導線の共通着地点。
画面構造
| セクション | 役割 |
|---|---|
| タイトル | 用語名・読み・分類 |
| 巡のひとこと | すぐ読める説明 |
| さくらのノート | 比喩と原則 |
| 診断での見方 | 位置・組み合わせ・時間運での読み方 |
| つまずきやすい所 | 誤読防止 |
| 関連する星 | 横断回遊 |
| 物語で読む | 場面への接続 |
| 編集出典 | ユーザーには見せない内部メタ |
コピー例: 貫索星
貫索星
かんさくせい / 守備本能・木性
巡のひとこと
自分の柱を守る星です。
人に合わせる前に、自分の輪郭を確かめる力があります。
さくらのノート
一本の木は、急に森にはなれません。
けれど、根を張る場所を決めた木は、風に押されても戻ってこられます。
つまずきやすい所
強い星、というより「譲れない場所を持つ星」です。
頑固さは欠点ではありません。
ただ、誰にも説明しないままだと、孤立に見えることがあります。コピー例: 玉堂星
玉堂星
ぎょくどうせい / 習得本能・水性
巡のひとこと
学び、整え、守る星です。
新しいものを急いで増やすより、受け取ったものを丁寧に並べます。
さくらのノート
古い本を読む人は、過去に縛られているのではありません。
まだ使える灯りを、今の部屋へ持ってくる人です。6. 物語
役割
小説を全文消費させる場ではなく、学びを体験に変える回遊先。
トップコピー
物語で読む
星は、説明だけでは少し遠い。
人が迷い、黙り、選ぶ場面の中で読むと、輪郭が見えてきます。エピソードカード
| 表示 | 内容 |
|---|---|
| EP番号・タイトル | 例: 第一話 火のない薪 |
| 患者 | 高橋美咲 |
| この話の問い | 言えなかった一言を、誰に渡すか |
| 登場する概念 | 五行、命式、丁火 |
| 学びCTA | この話の星を読む |
確定EP1-5の扱い
MEGURU側の EPISODES_CANON.md に合わせ、まずはEP1-5のみを表に出す。
候補プールは公開UIに出さない。
| EP | タイトル | 主テーマ |
|---|---|---|
| 1 | 火のない薪 | 一言を誰かに渡す |
| 2 | 畑の王国 | 伝えすぎない診断 |
| 3 | 箱の外の龍 | 問わずに待つ |
| 4 | 播種 | 早すぎた問いを回収する |
| 5 | 月光花 | 自分の表現を見つける |
7. 対話
役割
自由入力チャットではなく、迷ったユーザーを次の画面へ案内する診断室。
初期状態
こんにちは。
診断結果から見ますか。
それとも、今の悩みから星を一緒に見ますか。クイック選択
- 自分の星を読みたい
- 仕事の向き不向きを見たい
- 恋愛や距離感を見たい
- いまの運気を見たい
- 用語の意味を知りたい
返答フォーマット
1. まず一言で答える
2. 関係する星・概念を1〜3個出す
3. 決めつけを避ける
4. 次に開くカードを提示する例:
玉堂星は、学びを守る星です。
中央にあるなら、あなたの核に「理解してから動きたい」という性質が出やすい。
ただ、慎重さは遅さではありません。
受け取ったものを、長く使える形に整えているだけです。
次は「中央にある玉堂星」を開きますか。
それとも、仕事での使い方を見ますか。8. 知識
役割
MEGURU DBを分解した、編集済みコンテンツ棚。
初期表示
DB名やファイル名をいきなり主役にしない。
知識
DBをそのまま見せず、読める単位に分解した棚です。
レッスン、星カード、処方、時間運カードとして使います。主カード:
- 基礎レッスン
- 星カード
- 位置カード
- 物語処方
- 時間運カード
検索結果カード
表示項目:
- タイトル
- 種別: 基礎レッスン / 星カード / 物語処方 / 時間運カード
- 対象ステージ
- 読了時間
- ひとことで
- 今日の一手
- 「読む」CTA
出典・運用ステータス・ファイルパスは編集者モード以外では非表示。
データ接続方針
優先参照順
20_DIAGNOSIS_DB/01_core/20_DIAGNOSIS_DB/02_calculation_rules/20_DIAGNOSIS_DB/03_patterns/30_STORY_DB/物語DB_MOC.md30_STORY_DB/EPISODES_CANON.md30_STORY_DB/01_characters/40_SOURCE_LIBRARY/notion_export_raw/は不足時のみ、編集側で参照
公開用データ形
各用語は、原文とは別にUI用ViewModelへ変換する。
type MeguruTermView = {
slug: string;
title: string;
reading?: string;
category: "concept" | "main_star" | "sub_star" | "timing" | "phase" | "pattern";
shortCopy: string;
sakuraNote?: string;
diagnosisUse: string[];
pitfalls: string[];
relatedTerms: string[];
storyLinks: StoryLink[];
sourceInternal: SourceDoc[];
reviewStatusInternal: "canonical" | "active" | "draft" | "needs_review";
};P0 実装前チェック
-
巡の命式正本を一本化する
- MEGURU MOC:
丙午・貫索星 - kujo-sanmei brain:
乙亥・乙木・貫索星 - Web表示前にどちらを正とするか確定する
- MEGURU MOC:
-
絵文字・記号アイコンを廃止する
- ZIPモックには絵文字が残っている
- 本番はLucide系の線画アイコンに統一
-
下部ナビのラベル重なりを解消する
- 5室を維持する場合、10px未満の日本語ラベルは避ける
- アイコン+短い日本語にする
-
raw-draft を公開検索から除外する
- 知識汚染防止
- 出典ステータスは内部メタに閉じる
-
用語詳細を共通化する
- 鑑定、手帖、テーマ、物語、対話、知識の全入口が同じ用語詳細へ着地する
P1 改善
- 診断結果から「次に読む3枚」を自動生成
- テーマ詳細に「物語で読む」を必ず1件添える
- 用語詳細の末尾に「今日できる一つ」を追加
- 監修状態バッジを追加
- Web/RNで同じViewModelを使う
実装時の最小MVP
最初のWeb MVPは以下で十分。
- ホーム
- 鑑定結果サンプル
- 手帖トップ
- 用語詳細: 10主星 + 主要概念
- テーマ一覧
- 物語EP1-5導線
- 知識は分解済みコンテンツ棚
診断計算の完全実装より先に、サンプル命式で導線と文章密度を検証する。
参照メモ
gbrain searchは 2026-06-04 時点で127.0.0.1:5432接続エラー。今回はMarkdown直読で代替。- Product Design ZIPの
tehcho/prototype.htmlは実データ密度確認用として有用。ただし本番UIでは原文の露出量を減らす。 docs/reports/learning-surface-audit_2026-05-08.mdの指摘どおり、学習面は「記事一覧」ではなく、星・テーマ・診断結果から入れる導線にする。