本文へ移動
Develop Tools

Vueコードマスキングツール

Vue Single File Componentの構造を保ちながら、識別子や文字列をブラウザ内でマスキング・匿名化します。

文字サイズ

このツールについて

Vueコンポーネントを共有する前に、template、script、style内のプロジェクト固有情報を代替値へ置換できます。

対応内容

  • Vue Single File Component
  • テンプレート、JavaScript・TypeScript、スタイル内の識別子と値

使い方

  1. Vueコードを入力欄へ貼り付けます。
  2. マスキング対象と表示設定を選択します。
  3. 構造とマスキング結果を確認してコピーします。
  4. マスキング結果の対象箇所を右クリックすると、個別にマスキングを解除でき、もう一度右クリックすると再適用できます。

制限事項

  • ビルドツールやプラグイン固有の構文を完全に解析できない場合があります。
  • マスキング後のコンポーネントがそのまま実行可能とは限りません。

プライバシー: 入力内容と処理結果はブラウザ内で処理され、Develop Toolsのサーバーへ送信・保存されません。