Rui Software

ブラウザで動く正規表現テスターをHTML単一ファイル（HTML/CSS/JS完結）で実装してください。

【パターン入力】
- /pattern/flags の形式で表示する（スラッシュはラベルとして添える）
- パターン入力フィールドとフラグ入力フィールドを横並びにする
- g / i / m / s のフラグをチェックボックスでも切り替えられるようにする
  - チェックボックスとテキスト入力は双方向に同期する
- 無効なパターンはフィールドを赤く染め、エラーメッセージを表示する

【リアルタイムマッチ】
- パターンまたはテキストの入力と同時に RegExp で exec ループを実行する
- g フラグがない場合も内部では g 付きで実行し最初の1件だけ表示する
- マッチが空文字になる場合は無限ループ防止のため lastIndex を +1 する

【ハイライト表示】
- テスト文字列をそのまま表示するエリアを設け、マッチ箇所を  で囲む
- 偶数番目と奇数番目のマッチで背景色を変えて視覚的に区別する
- HTML に挿入する文字列は必ずエスケープする（&, <, > の変換）

【マッチ一覧テーブル】
- 各マッチについて「番号 / 開始位置 / 長さ / マッチ内容」をグリッドで表示する
- キャプチャグループ（$1, $2, ...）がある場合はその下の行に展開して表示する
- マッチがない場合は「マッチなし」を表示する

【サンプルボタン】
以下のサンプルをボタン一覧で提供し、クリックでパターンとテキストを自動入力する。
- メールアドレス / URLリンク / 電話番号 / 日付(YYYY-MM-DD) / 数字抽出 / ひらがな / キャプチャグループ

【制約】
- 外部ライブラリ不使用
- グローバル汚染防止のため即時関数（IIFE）で全体を囲む
- HTML/CSS/JS をすべて1ファイルに収める</pre>
  </div>
</div>