← ツール一覧

正規表現ビジュアルフローチャート化ツール

正規表現を鉄道図で視覚化・テスト・解説

/ /
正規表現を入力するとフローチャートが表示されます

テスト入力

よくある正規表現パターン集

クリックすると正規表現入力欄に反映されます。

使い方

  1. 上部の入力欄に正規表現を入力します（スラッシュは不要です）。
  2. フラグ（g・i・m・s）が必要な場合はチェックを入れます。
  3. 入力と同時にフローチャートがリアルタイムで更新されます。
  4. 「テスト入力」欄に文字列を入力すると、マッチ箇所がハイライト表示されます。
  5. ダイアグラム下の「コンポーネント説明」で各要素の意味を確認できます。

正規表現の可視化（鉄道図）とは

正規表現ビジュアルフローチャート（鉄道図・Railroad Diagram）は、複雑な正規表現の構造を 左から右へのフロー図として表現する方法です。各トークン（文字クラス・量詞・グループなど）を 色分けされたボックスで表示し、処理の流れを視覚的に把握できます。 RegexBuddy などの有料ツールが提供する機能を、このツールでは無料・日本語で利用できます。

エンジニアやQAエンジニアが正規表現をデバッグする際、どこがリテラル文字でどこが量詞なのかが 一目でわかるため、パターンのミスを素早く発見できます。 特に (?:...) 非キャプチャグループや (?=...) 先読みアサーション、 [a-z]{2,5} のような量詞付き文字クラスが絡む複雑なパターンで威力を発揮します。

ダイアグラムの色の意味

青: リテラル文字（例: abc）
緑: 文字クラス（例: [a-z]）
橙: 量詞（例: *, +, ?, {n,m}）
紫: グループ（例: (...)）
赤: アンカー（例: ^, $, \b）
灰: 特殊文字（例: \d, \w, \s）
黄: 交替（例: |）