正規表現テスター

マッチを即時にハイライトし、キャプチャグループやフラグを確認できるインタラクティブな正規表現テスターです。

フラグ
gテスト文字列内のすべてのマッチを検索します。
現在のパターンパターンを入力してテストを開始してください。

マッチプレビュー

マッチするとここにハイライト表示されます。

マッチ詳細

マッチが見つかりませんでした。

よく使う正規表現サンプル

プリセットを読み込んで代表的なマッチング例を素早く試せます。

ISO日付 (YYYY-MM-DD)

ISO形式の日付から年・月・日を取得します。

パターン(\d{4})-(\d{2})-(\d{2})
フラグg
テストテキスト注文日: 2023-10-05 バックアップ: 2024-01-14
名前付きグループ付きメールアドレス

名前付きグループでユーザー名とドメインを抽出します。

パターン(?<user>[\w.+-]+)@(?<domain>[\w-]+\.[A-Za-z]{2,})
フラグgi
テストテキストサポート: help(at)example.com 採用: careers(at)my-shop.co
IPv4アドレス

各オクテットを0〜255で検証しながらIPv4アドレスにマッチします。

パターン\b(?:(?:25[0-5]|2[0-4]\d|1?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|1?\d?\d)\b
フラグg
テストテキストメイン: 192.168.0.1 / 予備: 10.0.24.16
16進カラーコード

短縮形とフル形式の16進カラーコードにマッチします。

パターン#(?:[0-9a-fA-F]{3}){1,2}\b
フラグg
テストテキストパレット: #fff, #0fb981, #1f2937
HTML開始タグ

基本的な属性を含むHTML開始タグを検証します。

パターン^<([a-z]+)(?:\s+[a-z-]+="[^"]*")*>$
フラグim
テストテキスト例: &lt;div class="card"&gt; &lt;input type="text" disabled&gt;

ツール概要:正規表現テスター活用ガイド

正規表現テスターは、JavaScript の正規表現を短時間で設計・検証・デバッグできるインタラクティブツールです。パターンを入力し、フラグ(g / i / m / s / u / y)を切り替えるだけで、テスト文字列内の一致箇所やキャプチャグループが即座にハイライトされます。

正規表現テスター活用ガイドとは?

正規表現テスター活用ガイドはルールや接続を素早くテストして原因切り分けを支援します。

よくある利用シーン

  • リリース前の確認
  • ルールや境界値の検証
  • 連携時の素早い確認

主な特長

  • 高速な試行錯誤:パターンやフラグを変更すると即時に結果とエラーメッセージが表示されます。
  • 視覚的にわかりやすい:ゼロ幅マッチ、複数行マッチ、グループ境界が色分けされ、複雑な正規表現も解析しやすくなります。
  • 豊富なプリセット:ISO 日付、メールアドレス、IPv4、16 進カラー、HTML タグなど代表的なパターンをワンクリックで読み込めます。
  • SEO や QA に最適:公開前のコンテンツや構造化データのチェックに役立ちます。

使い方ステップ

  1. 一番上の入力欄にパターンを入力(例:(?<user>[\w.+-]+)@(?<domain>[\w-]+\.[A-Za-z]{2,}))。
  2. テスト文字列 フィールドに検証したいサンプルテキストを入力します。
  3. フラグ セクションで必要なモード(グローバル、大小区別なし、複数行など)を切り替えます。
  4. 一致プレビュー でハイライトされた部分を確認します。
  5. 一致の詳細 で位置・文字数・キャプチャグループを詳しく調べます。

フラグ一覧

フラグ 名称 主な用途
g グローバル テキスト内のすべての一致を取得します。
i 大小区別なし 大文字・小文字を区別せずに一致させます。
m 複数行モード ^$ を行単位で判定します。
s DotAll . が改行文字も含めて一致するようにします。
u Unicode Unicode コードポイントを正しく扱います。
y スティッキー lastIndex の位置から連続的に一致させます。

プリセットについて

各プリセットは推奨パターン・テキスト・フラグを自動入力します:

  • ISO 日付 (YYYY-MM-DD):日付文字列から年・月・日を抽出します。
  • 名前付きグループ付きメール:メールアドレスのユーザー名とドメインを分離します。
  • IPv4 アドレス:各オクテットが 0〜255 の範囲にあるか検証します。
  • 16 進カラーコード:短縮形 #fff と通常形 #0fb981 を検出します。
  • HTML 開始タグ:シンプルな属性を持つ開きタグを判定します。

コツと注意点

  • ゼロ幅マッチ警告が出た場合は、文字を消費する量指定子(+*{n,} など)を追加して無限ループを防ぎましょう。
  • JavaScript のコードへ貼り付ける際は、バックスラッシュを再度エスケープする必要があります。例:ツール上の \d はソースコードでは \\d になります。
  • 名前付きキャプチャ (?<name>...) を活用すると、結果表が格段に読みやすくなります。
  • ToolMi の他ツール(JSON↔YAML 変換、Markdown→HTML 変換など)と組み合わせると、コンテンツ制作やレビューが効率化します。

FAQ

Q:先読み・後読みは使用できますか?
A:はい。ECMAScript の正規表現エンジンを利用しているため、lookahead/lookbehind、Unicode プロパティ、後方参照をサポートしています。

Q:チームと結果を共有するには?
A:現在はパターンとテスト文字列をコピーして共有します。将来的に共有リンクの追加を予定しています。

Q:一致しないときのチェックポイントは?
A:必要なフラグが有効か、余計な空白がないか、^$ などのアンカーが適切かを確認してください。

参考リンク

このインタラクティブなテスターを活用して、正規表現を自在に操り、高品質なコンテンツや機能を素早くリリースしましょう。