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\._-]+)+$/

是非、お試しあれ。

ウェブサービス

関連記事

入力したパスワードのセキュリティ強度を測定してくれるサイト「How Secure Is My Password」

「How Secure Is My Password」は、入力したパスワードのセキュリティ強度を算出してくれるサイトです。文字列、数字の数により安全度を測定して色で表してくれます。そのパスワードをクラックするのにどのくらいの時間がかかるだろかを表示することも可能です。パスワードを強固にしたい際なんかに便利なサービスです。

最大3200件までOK!他人の過去のツイートを一括で調べられるTwitter検索サイト「TwimeMachine」

「TwimeMachine」は、他人のツイートの過去ログを一括で見ることができるサイトです。最大3200件まで過去のつぶやきを調べることが可能です。検索機能が付いているのが嬉しいポイントで、他のTwitter検索サービスに比べて多くのつぶやき一度に見ることができるのが特徴。ページを跨ぐことなく1ページで過去のツイートをまとめ表示をしてくれるので、ストレスなくツイートを検索することができます。

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

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

ディスプレイサイズに特化した比計算サービス「Ratio Calculator」

「Ratio Calculator」は、指定したサイズ幅をディスプレイサイズに応じた比で計算をしてくれるサイトです。対応している比率は「16:9」、「4:3」、「3:2」、「黄金比」の4つ。縦横のピクセル数をディスプレイサイズにピッタリ合わせいときなんかに便利。

顔を自動検出してモザイクを掛けてくれるWebサービス「Privacy Image Editor」

「Privacy Image Editor」は、指定した画像に自動でモザイクを掛けてくれるWebサービスです。ブラウザ上で画像をアップすることで手軽にモザイク処理を行うことができます。自動で顔を認識してエフェクトを掛けてくれるのでちょっとした写真にモザイクを施したいときなかに便利です。

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

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

レスポンシブデザイン用の画像を一括生成してくれるサイト「Responsive Image Breakpoints Generator」

「Responsive Image Breakpoints Generator」は、レスポンシブデザイン用に画像をまとめて複数サイズ生成してくれるサイトです。様々な画像サイズの画像をいちいち用意せずとも、元となる一枚をブラウザ上にアップロードするだけで簡単にレスポンシブデザイン用の画像を作成することができます。また、貼付け用コードも同時に生成される実用的なものとなっています。

画像から背景を自動認識して透過処理を行ってくれるWebサービス「Background Burner」

「Background Burner」は、画像の背景を自動で認識して透過処理を行ってくれるサイトです。どこの部分が背景なのか、どの部分がメインの物体なのか指定しなくても場所を自動で識別し処理を行ってくれます。Photoshopなのどツールを使えば精度の方はもちろんですが、「Background Burner」は、Web上で透過をすべて完結することができます。お気軽に透過処理を行いたいってときに重宝するサービスです。

溶け込み過ぎ!指定した画像でうまく顔写真を合成してくれるサービス「Photo505」

「Photo505」は、指定した画像にエフェクトを追加して合成写真を生成してくれるサイトです。顔認識をして、しっかり溶け込むような画像を作成してくれます。

フラットデザインに合うソーシャルアイコンを生成してくれるジェネレータ「Perfect Icons」

「Perfect Icons」は、フラットデザインに合うソーシャルボタンを作成してくれるサイトです。扱っているソーシャルメディア種類も豊富で細かいカスタマイズを行うことが出来ます。

Message

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