【PhpStorm/WebStorm】正規表現をチェックするプラグイン

【PhpStorm/WebStorm】正規表現をチェックするプラグイン

fukasawaです。こんにちは。夏ですね。
多摩川沿いをジョギングしてると、日焼けしすぎてかりんとうみたいになったおじいちゃんを見かけます。自分は夏でも相変わらず白いままなので、少しメラニン分けてほしいです。

さて、WEB上には正規表現をチェックするためのサイトがいろいろとありますが、JetBrainsのプラグインとしても正規表現をチェックする機能が提供されているようです。今回はPhpStormでそちらのプラグインを使用してみたいと思います。

インストール

[File] → [Settings] → [Plugins] → [Browse repositories ...] → テキストボックスに「regexpTester」を入力して検索。「Install」ボタンでインストール。インストールが完了したらPhpStormを再起動して完了です。

インストール後の画面。「Regex Tester」がこっそり追加されているので、クリックして開きます。

20170825_fukasawa_05.png

機能

[Find] タブ

正規表現にマッチする文字列を検索する

20170825_fukasawa_01.png

  • 上: チェックしたい正規表現パターン
  • 下: 対象の文字列

上のテキストエリアに「4桁の数字」を表す正規表現 "[0-9]{4}" を入力すると、下のテキストエリアに入力した文字列のうち「4桁の数字」にマッチする箇所がハイライトされました。

[Match]タブ

20170825_fukasawa_02.png

正規表現が対象の文字列に、完全一致するときにハイライトされるみたいです。

[Split]タブ

20170825_fukasawa_03.png

正規表現にマッチする文字列を区切り文字として扱い、分割した結果を返すようです。
(上の画像は、4桁の数字を区切り文字として分割した例。)

[Replace]タブ

20170825_fukasawa_04.png

正規表現にマッチする文字列を置換した結果を返すようです。
(上の画像は、「4桁の数字」を「【4桁の数字】」という文字列に置換した例。)

デフォルトの正規表現チェック機能

PhpStormにはデフォルトの正規表現チェック機能があるようです。(JavaScriptのみ?)

1.JavaScriptファイルを開く。正規表現パターンの上にカーソルを置き「Alt + Enter」を押す。   2.ポップアップの中に「Check RegExp」という選択肢がでてくるので選択する。  

20170825_fukasawa_06.png

正規表現をチェックするための入力フォームがポップアップで表示されます。

20170825_fukasawa_07.png

PHPファイルでも試してみたのですが、出てこなかったのでJavaScriptで使える機能のようです。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ