IDEA ATOZ

管理人がみつけたWebサービスや役立つ情報をお届け

正規表現を図でわかりやすく可視化してくれるサイト「Regexpra」

0

「Regexpra」は、入力した正規表現を解析して図として可視化してくれるWebサービスです。正規表現がどんな手順で何に対してマッチさせているかなど、分かりやすくビジュアライズしてくれます。解読が困難で複雑な正規表現を理解したいってときに便利です。また、スマホからでも利用可能なのでサクッと調べたいとき手早く解析することができます。

使い方・可視化方法

試しに電話番号かどうかをマッチさせるの以下のような正規表現で試してみます。頭0固定で0xx-xxxx-xxxxという形、または、0xx(xxxx)xxxxという形のパターンのものを検出します。

/(0\d{1,4})[-\(\s](\d{1,4})[-\)\s](\d{4})/

解析したい正規表現をボックスに入力したら「Display」をクリックします。

入力した正規表現がどのような手順で何にマッチされて何回繰り返しているかなど可視化された図が表示されました。

SVG形式でのダウンロードやパーマリンクを共有することができます。

正規表現の例

他にどんな風に正規化表現がビジュアライズされるのか幾つか試してみました。

半角数字

全てが0から9まで半角数字であるかを調べる正規表現。

/^[0-9]+$/

郵便番号

xxx-xxxxのパターン、xxxxxxxのパターンになっているかを調べる正規表現。

/\d{3}-?\d{4}/

メールアドレス

メールアドレスの形になっているかを調べるオーソドックスな正規表現。

/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/

URL

URL(SSL化の場合も含む)の形になっているかを調べる正規表現。

/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/

是非、お試しあれ。

ウェブサービス

関連記事

複数管理OK!ワンクリックで使い捨てメールアドレスを作成できるサイト「myTemp.email」

「myTemp.email」は、一時的に利用できるメールアドレスをワンクリックで簡単に作成できるサイトです。懸賞や会員登録にメアドがどうしても必要なとき、プライベートのメールアドレスを使用するのに少し躊躇する場合の時なんかに便利なサービスです。

Twitterアカウントの利用状況を細かくグラフで解析してくれるサイト「TweetStats」

「TweetStats」は指定したツイッターアカウントの利用状況を解析してくれるサイトです。つぶやいたツイート数を解析してを月別、日別、時間毎にグラフで統計を表示してくれます。自分のツートの傾向を把握したいときなんかに便利。

簡単にJPG、PNG、GIF、SVG画像を圧縮してくれるサービス「Compressor.io」

「Compressor.io」は、無料でJPG・PNG・GIF・SVGの形式の画像を圧縮できるツールです。画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるのが特徴。

【スマホ対応】簡単に複数の画像をアップロードできるサイト!「drp.io」

「drp.io」は、複数の画像を一括で簡単アップロードできるサイトです。使い方はいたってシンプルで画像ファイルをドラッグ&ドロップするだけで完了します。登録不要でスマホからのアップロードも対応しているので写真を共有したいときなんかに便利です。

Twitterにそっくりなのロゴを作成してくれるジェネレータ「Twitlogo」

「Twitlogo」は、ツイッターにそっくりなロゴを生成してくれるウェブサービスです。作成したいテキストを入力するだけで簡単に作成することができます。

Adobe CS風なデザインのアイコンを簡単に作成してくれるサービス「Icon Generator」

「Icon Generator」はAdobe CSやHTML5風のアイコンを簡単に作成することができるジェネレータ。ロゴのテキストや文字色、背景色、ボーダーの色など結構細かく設定をすることが可能だ。

様々な条件に従って画像をリサイズできるサービス「Bulk Resize Photos」

「Bulk Resize Photos」は、指定した条件に従って画像をリサイズすることが出来るできるサービスです。シンプルで洗練されたデザインで使いやすいのが特徴。ブラウザ上で条件を設定するだけなので、ちょっとした画像をササッと目的のサイズに変換したい時に便利です。

あらゆる数学の記号や数式を簡単に生成・検索できるウェブサービス「SearchOnMath」

「SearchOnMath」は、あらゆる数学の記号や数式をビジュアル的に確認しながら簡単に生成できるウェブサービスです。大学等で多く利用されるLaTeXのような出力に近い形を直感的に利用することが出来ます。また、ブラウザ拡張機能を利用すればページ上の使われている数式をすぐに検索できるので、ちょっとした数式を調べたいなってときに便利です。

こりゃ便利!CSSをSass/Scssに変換してくれるサイト「css2sass」

「css2sass」はCSSをSass/Scss形式に変換してくれるオンラインサービスです。変換したいCSSをフォームに入力してボタン1つで簡単に変換することができます。

Appleのイベント発表会・新製品発売までをカウントダウンしてくれるサイト「AppleTimer」

「AppleTimer」はApple製品の発売までをカウントダウン形式で教えてくれるサイトです。WWDCのイベントの発表会や製品発売までの日数をカウントダウンまたはカウントアップで表示してくれます。おしゃれでスタイリッシュなデザインとなっており、iPhoneやiPadなどのモバイル機器からも手軽に確認できるのが魅力的。

Message

メールアドレスが公開されることはありません。