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

是非、お試しあれ。

ウェブサービス

関連記事

指定したテキストをGIFアニメに変換してくれるWebサービス「Slate」

「Slate」は、指定した文章からGIFアニメを作成してくれるサイトです。文字列が切り替わっていく簡単なGifアニメを作成したいとき役立つサービスです。

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

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

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

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

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

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

お手持ちの画像を簡単にポリゴンデザインに変換してくれるサイト「Kubist」

今、フラットデザインと共に静かに流行っているポリゴンスタイル。「Kubist」は、手持ちの画像を簡単にポリゴンスタイルへサッと変換してくれるサイトです。すべてブラウザ上で完結することができ、IllustratorやPhotoshopなどのソフトを使用しなくともブラウザ上ポリゴンスタイルを作成することができます。

他人のTwitterのつぶやきを古い順に表示してくれるサービス「Frikaetter」

「Frikaetter」は、自分や他人の過去のツイートを古い順で表示してくれるサイトです。ユーザー名を入力するだけで過去のつぶやきを簡単に閲覧することができます。昔に投稿したツイートを探したいけれど、だいぶ昔に投稿したもので自力で見つけるのはなかなか大変ってときに便利なサービスです。

簡単にSVGベースのシームレスなパターン画像を生成してくれるWebサービス「Plain Pattern」

「Plain Pattern」は、SVGベースのシームレスなパターン画像を簡単に生成してくれるWebサービスです。ブラウザ上でプレビュー確認しながらサッサと編集ができます。サイト制作やPhotoShopで継ぎ目のない素材を使いたいときに便利です。

指定した画像にエフェクトを使ってハメコミ合成してくれるサイト「Funnywow」

「Funnywow」は、指定した画像に様々なエフェクトをかけてくれるサービスです。画像をアップするだけで壁画の人物やお札の肖像などユーモア溢れる面白い効果をかけることができます。

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

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

一時的に使いたいときに便利!10分だけ使うことのできるファイルストレージ「10minutestorage」

「10minutestorage」は、その名の通り10分間のみファイルを共有することができるストレージサービスです。10分間のみなので使い道は限られるとは思いますが、仕事などで急に簡易的なオンラインストレージが必要になったときに役立つサービスです。

Message

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