Reactコードマスキングツール
React JSX・TSXの構造を保ちながら、識別子や文字列をブラウザ内でマスキング・匿名化します。
文字サイズ
このツールについて
Reactコンポーネントを共有する前に、コンポーネント名、変数名、文字列などを代替値へ置換できます。
対応内容
- React JSX・TSXコード
- コンポーネント、関数、変数、props、文字列のマスキング・匿名化
使い方
- Reactコードを入力欄へ貼り付けます。
- マスキング対象と表示設定を選択します。
- JSX・TSX構造と結果を確認してコピーします。
- マスキング結果の対象箇所を右クリックすると、個別にマスキングを解除でき、もう一度右クリックすると再適用できます。
制限事項
- 独自マクロやトランスパイラー構文を完全に解析できない場合があります。
- マスキング後は型参照や識別子の対応関係を確認してください。
プライバシー: 入力内容と処理結果はブラウザ内で処理され、Develop Toolsのサーバーへ送信・保存されません。