「正規表現」を超わかりやすい図に変換してくれるサイト

Regexper

こんにちは、さち です。

今回は、「正規表現」を超わかりやすい図に変換できるサイト
「Regexper」を紹介します。

使い方

1. 例えば、こんな正規表現があります。
   ^https?:\/\/twitter\.com\/[a-zA-Z0-9_]+

2. Regexper に入力して「Display」をクリック。
   
3. 正規表現がチャート図に変換されて表示。
   

チャート図の見方は何となく分かると思いますが
一応説明しておくとこんな感じ。

• 左端からスタート、右端に着いたらゴール
• 右に向かって線を進む
• 分岐は好きな方を選んでよい

ゴールまでの文字をつなげば
それが入力した正規表現があらわしている文字列です。

ちなみに、入力欄右下にある
「Download」で、SVG（ベクター）形式 のチャート図をダウンロードでき
「Permalink」で、正規表現を自動入力するURLへジャンプできます。

正規表現が分からない人でも
そのチャート図を見れば意味が分かりそうなくらい
非常に見やすいですよね。

例では簡単な正規表現を使いましたが
複雑な正規表現ではさらにサイトの威力を発揮できるはず！

正規表現を作るときはぜひ活用してみて下さい。

　　　→ 「Regexper」へ行ってみる