手法
コンバーターは決定的なブラウザ側パイプラインです:
- コメント除去（実行なし）
- ルール解析（セレクタとブロック、@media 含む）
- 宣言マッピングを既知の Tailwind ユーティリティへ
- 任意値（有効だがスケール外の長さ・色）
- レスポンシブ接頭辞（認識された min-width）
- ノート（未対応 at-rule・失敗マッピング）
制限
- CSS 変数の計算値解決なし
- レイアウトエンジンなし — 見た目の一致は保証されません
- アニメーションや特殊セレクタは人手必須
方法論は、エンジンがマップ可能と宣言するもの、メモに残すもの、捏造しないものを述べます。ガイドとコンバーターが食い違うときは playground で観察した挙動が勝ちます。
spacing・タイポ・layout・色・ボーダー・効果・responsive のマッピングが変わるとき、このページを見直します。確認日は装飾ではなく鮮度の契約です。
プロパティ群のガイドは判断用、コンバーターは下書き用。合わせて盲目的な公開リスクを下げます。
- 入力: 実 CSS スニペット（マーケ用デモではない）。
- 出力: ユーティリティ + メモ。架空の「スコア」は出さない。
- 制限: keyframes、複雑なセレクタ、珍しい media query。
- プライバシー: JS 読込後のブラウザ内変換。