正規表現解説

正規表現パターンをトークンごとに色分けし、各構成要素の意味を日本語で解説します。

入力データはブラウザ内で処理されます
データはサーバーへ送信されません

変換ツール

またはファイルをドラッグ&ドロップ

例を試す

正規表現解説とは?

正規表現パターンを構成要素(トークン)ごとに色分けし、それぞれの意味を日本語で解説するツールです。

パターンにカーソルを合わせると対応する解説がハイライトされ、正規表現の学習やデバッグに役立ちます。メールアドレス・日付・URLなどのサンプルパターンも内蔵しています。

使い方

  1. 正規表現パターンを入力欄に入力します(スラッシュは不要)。
  2. フラグ(g・i・m・s)をボタンで切り替えます。
  3. カラーハイライトでパターンの構成要素が色分け表示されます。
  4. 解説リストで各トークンの意味を確認できます。
  5. テスト文字列を入力するとマッチ箇所のハイライトも確認できます。

よくある質問

どのような構成要素に対応していますか?

アンカー(^ $ \b)、数量詞(* + ? {n,m})、キャプチャグループ(名前付き・非キャプチャ・先読み・後読みを含む)、文字クラス([...])、エスケープシーケンス(\d \w \s など)、メタ文字(.)、選択(|)、リテラル文字に対応しています。

最長一致と最短一致はどのように表示されますか?

数量詞(* + ? {n,m})の後ろに ? が付いている場合は「最短一致(lazy)」、付いていない場合は「最長一致(greedy)」として解説します。

複雑なネストされたグループも解析できますか?

はい。ネストされたグループも左から順にトークン化して個別に解説します。ただし意味論的な整合性(グループの対応など)はJavaScriptのRegExpエンジンによる構文チェックに委ねています。

データはサーバーに送信されますか?

いいえ。すべての処理はブラウザ内で完結します。