トークン解決デバッガー

なぜその トークン 値が勝つかを、エイリアス 段、候補 レイヤー、上書き、最後の フォールバック まで追って説明しやすくします。

レイヤー の置き場と フォールバック 順が見えたあとで、1件の トークン 経路 を説明したいときに使います。

他の言語 日本語 | English | 繁體中文

使い方

  1. 先に、ロール の置き場、エイリアス 深さ、採用値 順序 が大きくは見えている状態にします。
  2. 次に、1 つの ロール、範囲、状態、上書き 条件、エイリアス深さ を入れて、参照要求 からの トレース を見ます。
  3. このページは 1 件の トークン 経路 の説明用です。セット全体の監査は別ページで行います。

便利ツール

1件の トークン がなぜ勝つかを追う

このページは「フォールバック 順は決めた」の次に置きます。答えたい問いは「この 1 件がなぜその値へ解決されたか」です。

1 件の トークン 経路 を トレース します。

解決 トレース
    隠れた 候補

      警告
        JSON プレビュー
        CSS サンプル

        近いページとの使い分け

        トークン 分類マッパーは ロール の置き場を決める段階です。エイリアス 設計は エイリアス 深さを決める段階です。トークンフォールバック設計は全体の採用値順序 を決める段階です。このページは、その次に 1 件の トークン がなぜその値へ解決されたかを追う段階です。経路が見えたら トークン競合チェッカー で競合の偏りを洗い、トークン依存グラフ で波及先を追い、最後に トークン上書きマトリクス で条件ごとの反転を比較します。

        FAQ

        このページで何を追えますか?

        1 つの トークン request が エイリアス 段、候補 レイヤー、勝ち筋、最後の フォールバック をどう通るかを追えます。

        トークンフォールバック設計との違いは何ですか?

        トークンフォールバック設計は全体の優先順を決める段階です。このページは、その次に 1 件の トークン がなぜその値へ解決されたかを追う段階です。

        カラートークン監査との違いは何ですか?

        カラートークン監査は セット全体の重複やコントラストを点検する段階です。このページは、その前に 1 件の トークン 経路 の説明責任を持たせる段階です。

        共有URLには何が入りますか?

        起点 レイヤー、コンポーネント 範囲、状態 variant、テーマ 上書き、フォールバック 起点、プラットフォーム、エイリアス深さ、prefix、ロール が入ります。