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

この記事は約1分で読めます。
記事内に広告が含まれています

Regexper
操作画面

こんにちは、さち です。

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

スポンサーリンク

使い方

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

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

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

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

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

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

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

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

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

   → 「Regexper」へ行ってみる

コメント

タイトルとURLをコピーしました