Utilo

正規表現ビジュアライザー

正規表現をレイルロード図で可視化し、各トークンの意味を平易な言葉で解説。マッチをテストし、JavaScript・Python・Go・Java・C#・PHP・Rust のコードをコピーできます。

このレジェックスビジュアライザーが何をしているか

普通の表現はほとんどの人にとって書き込みのみですタイプするのが簡単で 1週間後に読むのは難しいです。このツールではパターンを文法樹に解析し 3つの方法で表示します。線路図は左から右に続く線路の形を描いており交代用の枝、繰り返しのループ、グループ用の標識付きの箱が描かれています。シンプルな言語で説明するが各トークンを通過します ("または複数の数字"、"グループ年名"、"その後にない")。そしてコードスニペット**は JavaScript、Python、Go、Java、C#、PHP、Rustで正確な脱出パターンの使い方を示しています。テスト文字列が表示される

使い方

  1. パターンを入力または貼り付け。/^\d{4}-\d{2}$/gmのようなスライス文字やフラグを追加したり、フラグを別々に入力したりできます。
  2. 鉄道図をたどって全体の形状を見ることができます
  3. トークンごとに説明する説明リストを読む。
  4. テスト文字列を入力してどれがマッチしどのグループがどれをキャプチャするか確認します
  5. 準備済みの断片を自分の言語でコピーしてください。

鉄道図を読む

  • 丸い箱は文字文字で、四角い箱はdigitやone of azのような文字クラスです。
  • 平行列車に分裂する経路は交替 (a|b) である。
  • 箱の下に回るレールは"繰り返す"という意味で箱をバイパスするレールは"オプション"という意味です
  • 線状のフレームはグループで、キャプチャグループは番号付けされ、命名されたグループは名前を示します。
  • チェックアウトは文字を消耗せずにチェックするのでラベル付きのフレームとして描かれます

おすすめ

  • \dと文字クラスを長時間の交代よりも優先します速度と明確さのために
  • 怠け者定数値 (*?、+?) は説明に"できるだけ少ない"と示されています。
  • パターンを移植する際には、Go の RE2 エンジンが lookarounds やバックレファレンスをサポートしていないことを覚えておいてください。Go スニペットはパターンがそれらを使用するときに警告します。
  • 通常の文字列文字列で逆斜線を逃げるか、スニペットのように生文字列 (Pythonではr"..."、Goではバックティックス) を使用する。

よくある質問

どのレジェックス味が使われますか?

パッサーとマッチャーはJavaScript (ECMAScript 2024) の構文を使用し、命名グループ、lookbehind、Unicode プロパティが u フラグで逃れる。

これはレジェックステストとどう違うの?

レジェックステストはテキストのマッチングと置き換えに焦点を当てています。視覚化者はパターンを理解し記録することに焦点を当てます

図を保存してもいいですか?

この図は SVG で、右クリックして保存またはコピーしてください。

パターンやテキストがブラウザを出て行きますか?

違う違う。パルシング、描画、マッチングは全てローカルで行われます

はい。すべての処理は JavaScript、Web Worker、Web API を使ってブラウザ内で直接行われます。入力・貼り付け・アップロードした内容がサーバーに送信されることはありません。

このページは英語から自動翻訳されています。誤りを見つけた場合はお知らせください。