トークン解決デバッガー

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

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

他の言語 日本語 | English | 繁體中文 | 繁體中文(香港)

使い方

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

便利ツール

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

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

1件のトークン経路を追跡 します。

解決 追跡
    隠れた 候補

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

        近いページとの使い分け

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

        FAQ

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

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

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

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

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

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

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

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