正規表現はプログラマにとっても面倒なもので、間違えることがしばしばあります。プログラミングがエラーになるならまだしも、不具合につながったりすると目も当てられません。 そこで使ってみたいのがRegex Colorizerです。正規表現をハイライト表示し、分かりやすく可視化してくれます。

Regex Colorizerの使い方

例えば以下のように正規表現を記述します。

<code class="regex">/^[A-Za-z0-9]+(?:[ _-][A-Za-z0-9]+)*$/</code>

そうするとパターンに応じてカラーリングされます。

郵便番号の場合。

エラーがあると赤くなります。

複雑な正規表現になると、エラーが出た場合のデバッグにも時間がかかります。カラーリングされることで、目星が立てやすくなるでしょう。コードを解説するブログなどでも活躍しそうです。

Regex ColorizerはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

Regex Colorizer slevithan/regex-colorizer: Highlighter for JavaScript regex syntax, like RegexPal