正規表現テスター (Regex Tester)
リアルタイムマッチング、フラグ切り替え、キャプチャグループ分解機能を備えたJavaScript正規表現テストツール。ブラウザ完結で安全なデバッグが可能です。
Capture groups
/(\w+)@([\w.]+)/gよくある問題
正規表現をオンラインでテストするには?
上のボックスに正規表現、下のボックスにテストしたいテキストを入力します。マッチ箇所が自動的にハイライトされます。
JavaScriptでキャプチャグループを使うには?
正規表現内で丸括弧 () を使用するとグループが作成されます。このツールの右パネルで、各グループが抽出した内容を正確に確認できます。
ワークフロー
正規表現テスター (Regex Tester) とは?
正規表現テスターは、JavaScriptの正規表現を記述およびデバッグするためのリアルタイム環境を提供します。パターンを入力し、フラグを切り替え、テスト文字列を入力すると、マッチした箇所が即座にハイライトされ、キャプチャグループがインデックスと名前ごとに分解して表示されます。
正規表現テスター (Regex Tester) の使い方
正規表現フィールドにパターンを入力します。ボタンを使用してフラグ(g、i、m、s、u)を切り替えます。テスト文字列を入力または貼り付けます。「グループ」パネルに各キャプチャグループの値が表示されます。マッチ数は入力に合わせてリアルタイムで更新されます。
使用例
パターン: (\w+)@([\w.]+)
フラグ: gi
テスト: Contact: hello@aistacker.dev or support@example.com
マッチ数: 2
グループ 1: hello, support
グループ 2: aistacker.dev, example.com活用例
1. コードを書く前に、メールアドレス、電話番号、URLの形式を検証する。
2. サーバーログやAPIレスポンスから構造化データを抽出する。
3. コードエディタ用の検索・置換パターンを作成する。
4. JavaScriptの正規表現構文を学習・実験する。
5. ある言語では動作するが別の言語では動作しない正規表現をデバッグする。
よくある質問
どの正規表現エンジンが使用されていますか?
標準のJavaScript RegExpエンジンが使用されています。Node.js、Chrome DevTools、またはその他のJSランタイムで使用する場合とまったく同じ動作をします。
パターンを入力するとページが固まるのはなぜですか?
一部のパターンは致命的なバックトラッキング(例: (a+)+)を引き起こします。テスターはRegExpエラーをキャッチしますが、すべての無限ループを防ぐことはできません。固まった場合はページを更新してください。
名前付きキャプチャグループはどうやって使いますか?
(?<name>pattern) という構文を使用します。名前付きグループは、「グループ」パネルにインデックスベースのグループと並んで名前付きで表示されます。