@cardenelabs/dragon 0.30.0 → 0.32.0

package/src/keywords.ts

@@ -3,7 +3,14 @@
  * 日本語 / 英語両対応 (大文字小文字無視)
  */
 
-import type { NodeKind, Tone } from "@cardenelabs/cdl";
+import {
+  LEGEND_MARKS,
+  type BarCornerRadii,
+  type CdlNode,
+  type LegendMark,
+  type NodeKind,
+  type Tone,
+} from "@cardenelabs/cdl";
 
 /** ブロック ヘッダー */
 export const HEADERS = {
@@ -15,7 +22,7 @@ export const HEADERS = {
 } as const;
 
 /** preset 名 */
-export const PRESET_NAMES = ["sequence", "flow", "swimlane", "er", "state", "topology"] as const;
+export const PRESET_NAMES = ["sequence", "flow", "swimlane", "record", "topology"] as const;
 
 /**
  * 図の並ぶ向き (`direction:`、 #1494)。
@@ -46,41 +53,253 @@ export function resolveDirection(s: string): DslDirection | null {
 }
 
 /**
- * 図の配色 (`palette:`、 #1553)。
+ * 箱を並べる順 (`order:`、 #2655)。
+ *
+ * 書かなければ **書いた順** のまま。 `種類` と書くと箱の種類で並べ替えてから置く。
+ *
+ * これは図の型として持っていた差を語に出したもの。 並べ替えの鍵しか持たない型
+ * (`solidity`) が在り、`compile.ts` は「順序図 または その型」 という条件を 6 か所で
+ * 書いていた。 **型が 1 つ増えるたびに条件を 2 つ並べる形**になるので、差が並べ替えだけなら
+ * 型ではなく語で表す。
+ */
+export const ORDERS = ["種類"] as const;
+export type DslOrder = (typeof ORDERS)[number];
+
+/**
+ * 並び順の別名。 向きと同じく日本語と英語の両方で書ける。
+ *
+ * 正規の語を鍵にも入れておく = 引く側が別名かどうかを気にせず 1 度で解決できる。
+ */
+export const ORDER_ALIAS: Record<string, DslOrder> = {
+  種類: "種類",
+  kind: "種類",
+};
+
+/** 書いた並び順を正規の語に直す。 読めない語は `null`。 */
+export function resolveOrder(s: string): DslOrder | null {
+  const k = s.trim().toLowerCase();
+  return Object.hasOwn(ORDER_ALIAS, k) ? ORDER_ALIAS[k]! : null;
+}
+
+/**
+ * 数を描く図の形 (`shape:`、 #2657)。
+ *
+ * 数の書き方 (`- 名前: "45"` の 1 行 1 値) は 9 つとも同じで、違うのは描かれる形だけ。
+ * 差が形だけなので型ではなく語で表す (並べ替えの語 #2655 と同じ判断)。
+ *
+ * **日本語の別名は持たない**。 いま `type:` に書く語が英語なので、語を移した先で
+ * 書き手が覚える綴りが増えない形にする。
+ */
+export const SHAPES = [
+  "pie",
+  "bar",
+  "line",
+  "gauge",
+  "radial",
+  "stat",
+  "waffle",
+  "stacked",
+  "slope",
+] as const;
+export type DslShape = (typeof SHAPES)[number];
+
+/** 泳法図の形 (`shape:`、 #2797)。 後続の形も chart と混ぜずここへ足す。 */
+export const SWIMLANE_SHAPES = ["stages", "metro", "timeline"] as const;
+export type DslSwimlaneShape = (typeof SWIMLANE_SHAPES)[number];
+
+/** 最上位の `shape:` が取り得る語。 図種ごとの集合は `DIAGRAM_SHAPES` が決める。 */
+export type DslDiagramShape = DslShape | DslSwimlaneShape;
+
+/**
+ * `shape:` を選べる図種と、その図種で書ける語 (#2797)。
+ *
+ * 解析・組み立て・schema の照合はこの表から導く。 集合を別々の場所で対応付けると、形を
+ * 足した時に一方だけが古くなり、同じ語が入口によって通ったり落ちたりする。
+ */
+export const DIAGRAM_SHAPES = {
+  chart: SHAPES,
+  swimlane: SWIMLANE_SHAPES,
+} as const satisfies Record<string, readonly DslDiagramShape[]>;
+
+export type ShapeDiagramType = keyof typeof DIAGRAM_SHAPES;
+
+/** 全図種の `shape:` の語。 図種を決める前の読み取りと schema の照合に使う。 */
+export const ALL_DIAGRAM_SHAPES: readonly DslDiagramShape[] = Object.values(DIAGRAM_SHAPES).flat();
+
+/** 書いた形を正規の語に直す。 読めない語は `null`。 */
+export function resolveShape(s: string): DslShape | null {
+  const k = s.trim().toLowerCase();
+  return (SHAPES as readonly string[]).includes(k) ? (k as DslShape) : null;
+}
+
+/** 書いた形を図種をまたぐ正規の語に直す。 読めない語は `null`。 */
+export function resolveDiagramShape(s: string): DslDiagramShape | null {
+  const k = s.trim().toLowerCase();
+  return (ALL_DIAGRAM_SHAPES as readonly string[]).includes(k)
+    ? (k as DslDiagramShape)
+    : null;
+}
+
+/** その図種で書ける形。 形を持たない図種は空の並びを返す。 */
+export function shapesForDiagramType(type: string): readonly DslDiagramShape[] {
+  return Object.hasOwn(DIAGRAM_SHAPES, type)
+    ? DIAGRAM_SHAPES[type as ShapeDiagramType]
+    : [];
+}
+
+/**
+ * 図の意匠 (`theme:`、 #1553 / #2790 / #2791 / #2792 / #2793 / #2794 / #2795 / #2796)。
  *
  * cdl は色を持たない (形だけを描く)。 名前を `data-cdl-palette` として markup に出すので、
- * dragon の `cdl-theme.css` がその名前を見て 7 つの口 (台 / 行の面 / 縞 / 枠 / 字 / 型名 / 線)
- * に色を当てる。
+ * dragon の `cdl-theme.css` がその名前を見て 9 つの口
+ * (台 / 行の面 / 縞 / 枠 / 字 / 型名 / 線 / 所有 / 向きだけ) に色を当てる。
  *
  * **名前を自由文字列にしない**。 書き間違えると既定の色みのまま出るので、書き手には
  * 「効かない」 としか見えない。 語を絞れば読めない語をその場で知らせられる。
  */
-export const PALETTES = ["kinari", "celadon"] as const;
-export type DslPalette = (typeof PALETTES)[number];
+export const THEMES = ["kinari", "celadon", "blueprint", "letterpress", "catalog", "terminal", "sketch", "neon", "relief"] as const;
+export type DslTheme = (typeof THEMES)[number];
 
 /**
- * 配色の別名。 向きと同じく日本語と英語の両方で書ける。
+ * 意匠の別名 (#2790 / #2791 / #2792 / #2793 / #2794 / #2795 / #2796)。 向きと同じく日本語と英語の両方で書ける。
  *
- * `kinari` = 生成りに茶、 `celadon` = 青磁に墨。
+ * `kinari` = 生成りに茶、 `celadon` = 青磁に墨、 `blueprint` = 図面、 `letterpress` = 活版、
+ * `catalog` = 図録、 `terminal` = 端末、 `sketch` = 手描き、 `neon` = 電飾、 `relief` = 浮彫。
  *
- * ER 図とクラス図は書かなくても `kinari` (生成りに茶) になる。 どちらも箱の作りが同じ
- * (行頭の印 + 左に名前 + 右に型) で、名前と型が離れて並ぶため、行を横に追う目印
- * (行の縞) が要る。 縞の色は配色からしか来ないので、既定が無いと縞が箱の面と同じ色に
- * 落ちて 1 本も出ない。 書き手が `palette:` を書いた時はそちらが勝つ。
+ * record は用途を一つに決められないため既定の意匠を持たない。UML クラス図に生成り色が要る時も
+ * 書き手が `theme:` を明記する。
  */
-export const PALETTE_ALIAS: Record<string, DslPalette> = {
+export const THEME_ALIAS: Record<string, DslTheme> = {
   kinari: "kinari",
   celadon: "celadon",
+  blueprint: "blueprint",
+  letterpress: "letterpress",
+  catalog: "catalog",
+  terminal: "terminal",
+  sketch: "sketch",
+  neon: "neon",
+  relief: "relief",
   生成り: "kinari",
   生成りに茶: "kinari",
   青磁: "celadon",
   青磁に墨: "celadon",
+  図面: "blueprint",
+  活版: "letterpress",
+  図録: "catalog",
+  端末: "terminal",
+  手描き: "sketch",
+  電飾: "neon",
+  浮彫: "relief",
 };
 
-/** 書いた配色を正規の語に直す。 読めない語は `null`。 */
-export function resolvePalette(s: string): DslPalette | null {
+/** 書いた意匠を正規の語に直す。 読めない語は `null`。 */
+export function resolveTheme(s: string): DslTheme | null {
+  const k = s.trim().toLowerCase();
+  return Object.hasOwn(THEME_ALIAS, k) ? THEME_ALIAS[k]! : null;
+}
+
+/** 描画側の凡例の印と、日本語で書く名前の対応。 印が増えた時は型検査で不足を知らせる。 */
+const LEGEND_MARK_NAMES = {
+  diamond: "菱形",
+  "filled-circle": "塗った丸",
+  "double-circle": "二重丸",
+  "dotted-line": "点線",
+  "solid-line": "実線",
+  "curved-line": "曲線",
+  "rounded-label": "角丸の札",
+  "numbered-circle": "番号の丸",
+  station: "駅",
+  arrow: "矢印",
+  "line-triangle-hollow": "白抜き三角の線",
+  "line-diamond-hollow": "白抜き菱形の線",
+  "line-diamond-solid": "塗った菱形の線",
+  "rounded-box": "角丸の囲い",
+} satisfies Record<LegendMark, string>;
+
+/** 凡例の印の日本語名を描画側の名前へ直す表。 */
+export const LEGEND_MARK_ALIAS: Readonly<Record<string, LegendMark>> = Object.fromEntries(
+  Object.entries(LEGEND_MARK_NAMES).map(([mark, name]) => [name, mark as LegendMark]),
+);
+
+/** 凡例の印を描画側の名前へ直す。 読めない語は `null`。 */
+export function resolveLegendMark(s: string): LegendMark | null {
   const k = s.trim().toLowerCase();
-  return Object.hasOwn(PALETTE_ALIAS, k) ? PALETTE_ALIAS[k]! : null;
+  if ((LEGEND_MARKS as readonly string[]).includes(k)) return k as LegendMark;
+  return Object.hasOwn(LEGEND_MARK_ALIAS, k) ? (LEGEND_MARK_ALIAS[k] ?? null) : null;
+}
+
+/**
+ * 意匠から字の測り方を引く (#2818 / #2918)。
+ *
+ * 意匠を替えても骨組みを変えず、端末の等幅字も箱へ収めるため、比例・等幅の広い方で測る。
+ * 公開済みの関数なので窓口を残し、どの意匠でも組み立てと同じ値を返す。
+ */
+export function 意匠の字の測り方(_theme: DslTheme): "widest" {
+  return "widest";
+}
+
+/** 意匠と節から、見本に合わせた円の区画間の弧の長さを引く (#2871)。 */
+export function 意匠の円の区画の間(
+  theme: DslTheme,
+  node: Pick<CdlNode, "kind">,
+): number | undefined {
+  return theme === "neon" && node.kind === "chart-pie" ? 3 : undefined;
+}
+
+/** `barCornerRadii` が効く棒を描く節か。 */
+export function 棒を描く節か(
+  node: Pick<CdlNode, "kind" | "funnelForm">,
+): boolean {
+  return node.kind === "chart-bar" ||
+    node.kind === "gantt-timeline" ||
+    node.kind === "chart-stacked-bar" ||
+    (node.kind === "funnel-stages" && node.funnelForm === "proportional-bars");
+}
+
+/**
+ * 意匠と節から、見本に合わせた棒の 4 隅の丸みを引く (#2863)。
+ *
+ * 手描きの見本は楕円の角 (`10px 14px 6px 12px / 14px 8px 12px 6px`) だが、cdl は
+ * 円の角だけを持つため、各隅の横と縦の平均を丸めて 12 / 11 / 9 / 9 とする。
+ * 生成りと青磁には見本が無いため値を返さず、記法で組み立てた形を保つ。
+ */
+export function 意匠の棒の角(
+  theme: DslTheme,
+  node: Pick<CdlNode, "kind" | "funnelForm">,
+): BarCornerRadii | undefined {
+  if (!棒を描く節か(node) || theme === "kinari" || theme === "celadon") return undefined;
+
+  const category = node.kind === "chart-bar"
+    ? "vertical"
+    : node.kind === "gantt-timeline"
+      ? "schedule"
+      : "horizontal";
+
+  const values = {
+    blueprint: {
+      vertical: [0, 0, 0, 0], schedule: [0, 0, 0, 0], horizontal: [0, 0, 0, 0],
+    },
+    letterpress: {
+      vertical: [0, 0, 0, 0], schedule: [0, 0, 0, 0], horizontal: [0, 0, 0, 0],
+    },
+    catalog: {
+      vertical: [4, 4, 0, 0], schedule: [4, 4, 0, 0], horizontal: [4, 4, 0, 0],
+    },
+    terminal: {
+      vertical: [3, 3, 0, 0], schedule: [0, 3, 3, 0], horizontal: [0, 3, 3, 0],
+    },
+    sketch: {
+      vertical: [12, 11, 9, 9], schedule: [12, 11, 9, 9], horizontal: [12, 11, 9, 9],
+    },
+    neon: {
+      vertical: [10, 10, 3, 3], schedule: [3, 10, 10, 3], horizontal: [12, 12, 12, 12],
+    },
+    relief: {
+      vertical: [12, 12, 5, 5], schedule: [5, 12, 12, 5], horizontal: [10, 10, 10, 10],
+    },
+  } as const;
+  const [topLeft, topRight, bottomRight, bottomLeft] = values[theme][category];
+  return { topLeft, topRight, bottomRight, bottomLeft };
 }
 
 /** NodeKind 別名 (日本語 → English) */
@@ -121,6 +340,21 @@ export const TONE_ALIAS: Record<string, Tone> = {
   teal: "teal",
 };
 
+/**
+ * 段の説明を受ける語 (#2621)。 先頭が正の語で、後ろは同じ意味の別名。
+ *
+ * **2 形 (記法 / JSON) の入口と、公開している schema はここから導く**。 3 か所に別々に
+ * 書いていたため、記法は `description` を受けるのに JSON は弾く状態が生まれた
+ * (実測 = `$.animation[N].description: unknown key`)。
+ *
+ * 別名を落とさないのは、見本の記法の中に `description:` が 859 行あり、利用者が書いた
+ * 記法も同じ語を使えるため。 落とすと外から見える壊し方になる。
+ */
+export const PHASE_BODY_KEYS = ["body", "description"] as const;
+
+/** 段の説明の正の語 (別名を写す先) */
+export const PHASE_BODY_CANONICAL = PHASE_BODY_KEYS[0];
+
 /** アニメ サブキー */
 export const ANIM_SUBKEYS = {
   state: ["状態", "state"],

package/src/notation-lint.ts

@@ -98,64 +98,35 @@ export function autoFix(d: CdlDiagram): CdlDiagram {
   return patched;
 }
 
+/** 先頭に置かれる型の名前。 型の名前は実装の語なので、説明の頭に残っていたら落とす */
+const 先頭の型の名前 =
+  /^\s*(line chart|pie chart|bar chart|chart|flow|swimlane|sequence|topology|er|stateMachine2?|infrastructure|classDiagram|tree|userJourney|mindMap|funnel|quadrant|gantt|flowchart|network)\b/i;
+
 /**
- * 図の型ごとに、 自動修正が書く説明「{shows}を示す{name}」 の 2 つの部品。
+ * 図の説明から実装の語を落とす。
  *
- * `name` はカタログが同じ型の見本に付けた名前 (`apps/playground-spa/src/lib/i18n.ts` の
- * `ITEM_NAME_JA` の `preset*`) と同じ字にする。 利用者は自動修正で書き換わった説明の名前で
- * カタログを探すため、 呼び名が割れると同じ型の見本に辿り着けない。 照らす検査は画面側の
- * `lint-topic-names.test.ts` が持つ (この package は画面側の file を読まない)。
+ * **落とすだけで、文は書かない** (#2687)。
  *
- * 説明の末尾を型の名前にするのは、 名前の多くが `図` で終わるため。 旧い文型
- * 「{名前} を示す図」 のまま名前を差し替えると `工程表 を示す図` / `状態遷移図 を示す図` の
- * ように図が重なる。 カタログの見本の説明 (`全体に対する内訳の割合を示す円グラフ`) と同じ並びにした。
+ * 以前は先頭が型の名前なら `${shows}を示す${name}` に丸ごと書き換えていた。
+ * 出てくるのは必ず図種の定義文 (「全体に対する内訳の割合を示す円グラフ」) で、
+ * その図が何を示しているかは 1 文字も入らない。
+ * cdl 0.96.0 で説明が図の題として画面に出るようになり、見本帳の 8 枚がその形で出ていた。
  *
- * `chart` と `bar chart` はカタログに同じ型の見本が無いので、 図表の日常語で呼ぶ。
+ * 道具は図の中身を知らないので、名前を作れない。 落とした結果が説明として成り立たないなら
+ * **元の字をそのまま返す** = 呼出側が「自動修正で消えない」 と判定し、書き手に名前を求める。
+ * 置き換えの語 (かつての「図の説明」) を返すと、道具が書いた仮の題が画面に出る。
  */
-const KIND_TO_JA: Record<string, { shows: string; name: string }> = {
-  chart: { shows: "項目ごとの数値", name: "グラフ" },
-  "line chart": { shows: "値の移り変わり", name: "折れ線グラフ" },
-  "pie chart": { shows: "全体に対する内訳の割合", name: "円グラフ" },
-  "bar chart": { shows: "項目ごとの値の大きさ", name: "棒グラフ" },
-  flow: { shows: "処理の順番", name: "フロー" },
-  swimlane: { shows: "役割ごとの縦列に分けた処理の流れ", name: "スイムレーン" },
-  sequence: { shows: "要素どうしのやり取りの順番", name: "シーケンス図" },
-  topology: { shows: "システムの構成要素と接続", name: "トポロジー図" },
-  er: { shows: "表どうしの関係", name: "ER図" },
-  stateMachine: { shows: "状態と遷移の条件", name: "状態遷移図" },
-  stateMachine2: { shows: "親の状態の中に置いた子の状態と遷移の条件", name: "入れ子の状態遷移図" },
-  infrastructure: { shows: "クラウドとネットワークの構成", name: "階層構成図" },
-  classDiagram: { shows: "クラスどうしの関係", name: "クラス図" },
-  tree: { shows: "組織や分類の親子の関係", name: "階層図" },
-  userJourney: { shows: "利用者の気持ちの移り変わり", name: "体験の道筋" },
-  mindMap: { shows: "中心の主題から広がる発想", name: "枝分かれ図" },
-  funnel: { shows: "段階ごとに残る数と離れる数", name: "絞り込み図" },
-  quadrant: { shows: "2 つの軸で分けた項目の位置", name: "四象限図" },
-  gantt: { shows: "作業の期間と前後の関係", name: "工程表" },
-  flowchart: { shows: "分岐や判定を含む処理の順番", name: "流れ図" },
-  network: { shows: "機器と区画のつながり", name: "ネットワーク図" },
-};
-
 function applyTopicAutoFix(topic: string): string {
-  // 1. 先頭の kind name を検出、 マッチしたら「{shows}を示す{name}」 に置換
-  const kindMatch = topic.match(
-    /^\s*(chart|flow|swimlane|sequence|topology|er|stateMachine2?|infrastructure|classDiagram|tree|userJourney|mindMap|funnel|quadrant|gantt|flowchart|network|line chart|pie chart|bar chart)\b/i,
-  );
-  if (kindMatch) {
-    const kind = kindMatch[1]!.toLowerCase();
-    const canonical = Object.keys(KIND_TO_JA).find((k) => k.toLowerCase() === kind);
-    if (canonical) {
-      const { shows, name } = KIND_TO_JA[canonical]!;
-      return `${shows}を示す${name}`;
-    }
-  }
-
-  // 2. kind 名で始まらない場合は括弧内実装詳細のみ除去
   let out = topic;
   out = out.replace(/\s*\([^)]*(preset|render|SVG|polygon|polyline|arc|rect|path)[^)]*\)/gi, "");
+  out = out.replace(先頭の型の名前, "");
   out = out.replace(/\b(preset|render)\b/gi, "");
-  out = out.replace(/\s+/g, " ").trim();
-  if (out.length < 3) return "図の説明";
+  // 落とした跡に残る区切りを畳む
+  out = out.replace(/^[\s\-—:：・]+/, "").replace(/\s+/g, " ").trim();
+  // 括弧の中しか残らなかった形 (`(詳細)`) は説明として成り立たない。
+  // 字数だけで見ると 4 字あるので通ってしまう
+  const 括弧の外 = out.replace(/[（(][^）)]*[）)]/g, "").trim();
+  if (out.length < 3 || 括弧の外.length < 3) return topic;
   return out;
 }
 
@@ -173,9 +144,12 @@ function ruleTopicRedundancy(d: CdlDiagram): LintIssue[] {
   const 当たる = REDUNDANT_TOPIC_PATTERNS.filter(({ pattern }) => pattern.test(d.topic));
   if (当たる.length === 0) return [];
   const 直した後 = applyTopicAutoFix(d.topic);
-  const 直せる = !REDUNDANT_TOPIC_PATTERNS.some(({ pattern }) => pattern.test(直した後));
-  const 例 = KIND_TO_JA.gantt!;
-  const 手で直す = `何を示す図かを文で書き直す (「${例.shows}を示す${例.name}」 のように)`;
+  const 直せる =
+    直した後 !== d.topic &&
+    !REDUNDANT_TOPIC_PATTERNS.some(({ pattern }) => pattern.test(直した後));
+  // 例は見本帳の実物から採る (#2687)。 型の表から作ると図種の定義文になり、
+  // 案内どおりに書いた説明がそのまま図の題として画面に出る
+  const 手で直す = "その図が何を示しているかを名前で書く (「経路別の流入」 のように)";
   return 当たる.map(({ hint }) => ({
     rule: "topic-redundant-implementation-detail",
     severity: "warn",
@@ -223,15 +197,18 @@ function ruleGanttUnknownDependsOn(d: CdlDiagram): LintIssue[] {
       const tasks = n.ganttData ?? [];
       const ids = new Set(tasks.map((t) => t.id));
       for (const t of tasks) {
-        if (t.dependsOn && !ids.has(t.dependsOn)) {
-          out.push({
-            rule: "gantt-unknown-depends-on",
-            severity: "warn",
-            target: t.id,
-            message: `作業 \`${t.id}\` の \`dependsOn\` が、 無い作業 \`${t.dependsOn}\` を指している`,
-            suggestion: `\`dependsOn\` を既にある作業の \`id\` に直すか、 \`dependsOn\` を外す`,
-            autoFixable: false,
-          });
+        const dependencies = Array.isArray(t.dependsOn) ? t.dependsOn : t.dependsOn ? [t.dependsOn] : [];
+        for (const dependency of dependencies) {
+          if (!ids.has(dependency)) {
+            out.push({
+              rule: "gantt-unknown-depends-on",
+              severity: "warn",
+              target: t.id,
+              message: `作業 \`${t.id}\` の \`dependsOn\` が、 無い作業 \`${dependency}\` を指している`,
+              suggestion: `\`dependsOn\` を既にある作業の \`id\` に直すか、 \`dependsOn\` を外す`,
+              autoFixable: false,
+            });
+          }
         }
       }
     }
@@ -306,7 +283,7 @@ function ruleQuadrantMissingItems(d: CdlDiagram): LintIssue[] {
           rule: "quadrant-empty",
           severity: "warn",
           target: n.id,
-          message: `四象限図 \`${n.id}\` に項目 (\`item\`) が 1 件も無く、 軸だけが描かれる`,
+          message: `マトリクス図 \`${n.id}\` に項目 (\`item\`) が 1 件も無く、 軸だけが描かれる`,
           suggestion: `\`.item({ id, title, quadrant })\` で項目を 1 件以上足す (\`quadrant\` は \`topLeft\` などの 4 区画から選ぶ)`,
           autoFixable: false,
         });
@@ -317,7 +294,7 @@ function ruleQuadrantMissingItems(d: CdlDiagram): LintIssue[] {
           rule: "quadrant-single-quadrant",
           severity: "info",
           target: n.id,
-          message: `四象限図 \`${n.id}\` の項目がすべて 1 つの区画に集まり、 4 つに分けた意味が薄い`,
+          message: `マトリクス図 \`${n.id}\` の項目がすべて 1 つの区画に集まり、 4 つに分けた意味が薄い`,
           suggestion: `項目を 2 つ以上の区画に分ける。 強みと弱みを並べる分析 (\`SWOT\`) や優先度を決める図は、 4 つの区画に散らして使う`,
           autoFixable: false,
         });
@@ -350,7 +327,7 @@ function ruleFunnelMonotonicCount(d: CdlDiagram): LintIssue[] {
             rule: "funnel-increasing-count",
             severity: "warn",
             target: stages[i]!.id,
-            message: `段階 \`${stages[i]!.id}\` の数 (${今}) が前の段階 (${前}) より多い。 絞り込み図は段階が進むほど数が減る`,
+            message: `段階 \`${stages[i]!.id}\` の数 (${今}) が前の段階 (${前}) より多い。 ファネル図は段階が進むほど数が減る`,
             suggestion: `段階の順番を確かめる。 数が増える流れを示すなら、 折れ線グラフ (\`chart-line\`) などの別の図にする`,
             autoFixable: false,
           });