正規表現の鉄道ダイアグラム可視化
正規表現を鉄道ダイアグラム（線路図）として図解します。連接・選択（|）・繰り返し（* + ? {n,m}）・グループ・文字クラスの構造が、線路をたどるように直感的に読めます。図はSVG・画像で書き出しできます。処理はすべてブラウザ内で完結します。
前後の /.../ やフラグ（gi など）は自動で無視します。
文字 文字クラス 任意 アンカー 繰り返し
このツールについて
- 左（緑の●）から右（赤の●）へ線路をたどると、その正規表現がマッチする文字列の並び方が分かります。
- 選択（|）は分岐、繰り返し（* + {n,m}）は青い戻り線のループ、任意（? *）は上を通るスキップ線で表します。
- グループは破線の枠で囲み、非キャプチャ
(?:)・先読み(?=)・名前つき(?<name>)などはラベルを表示します。 - 連接・選択・グループ・文字クラス・量指定子・アンカー・エスケープ・ドットに対応します。バックリファレンスなどの高度な記法は近似表示になることがあります。
- 処理はすべてブラウザ内で完結し、入力が外部に送信されることはありません。
よくある質問
正規表現を図で表示できますか？
はい。正規表現を鉄道ダイアグラム（線路図）に変換し、左から右へ線路をたどるように構造を読めます。連接・選択（|）・繰り返し・グループ・文字クラスなどに対応します。
繰り返しや選択はどう表示されますか？
選択（|）は分岐、繰り返し（* + {n,m}）は青い戻り線のループ、任意（? *）は上を通るスキップ線で表します。グループは破線の枠で囲み、先読み(?=)や名前つき(?<name>)などはラベルを表示します。
図は保存できますか？
はい。「SVGコピー」でSVGコードを、「画像保存」でPNG画像としてダウンロードできます。資料や解説に貼り付けられます。
入力した正規表現は外部に送信されますか？
いいえ。処理はすべてお使いのブラウザ内（JavaScript）で完結し、入力した内容がサーバーへ送信・保存されることはありません。会員登録も不要で無料で使えます。