正規表現 正規表現で最短一致検索を行う方法
繰り返しの正規表現は、そのままの状態で使用すると最長一致検索になります。つまり、その表現であらわすことのできる一番長い文字に一致します。最長一致の例本サイトのOpenLayersの記事のソースコードを例に解説します。このソースコードの中から...
正規表現 
正規表現 正規表現置換で、数字３ケタおきにカンマを挿入する方法
アプリケーションの画面に値段や距離などの数字を表示する際、多くの場合、３ケタおきにカンマが挿入されています。\10,000$1,2002,000,000m正規表現置換を用いることで、元々カンマが挿入されていない数字に対して、カンマを挿入する...
JavaScript WordPressの記事内でJavaScriptを実行する方法
私のOpenLayersの記事は、その記事の中でJavaScriptを実行して、実際の動作が確認できるようになっています。・OpenLayersで図形を描画する方法今回はその方法についてお伝えいたします。手順①記事投稿画面の̟⊕メニューから...
JavaScript 線のスタイルを設定する方法～OpenLayersで図形を描画する⑭
今までの記事においてOpenLayersで図形を描画する方法についてお伝えしました。しかし、描画された図形の線の色は「赤」、線幅は「2px」で固定されていました。描画前および描画後に、線のスタイル変更ができるように修正を行ってまいります。動...
正規表現 正規表現で「または検索」を行う方法
普通のテキスト検索ではor（または）検索を行うことはできません。以下のような場合、正規表現によるor検索を行う必要があります。検索したいワードがあいまい（山崎と山﨑など）ログファイルの先頭が「2019-10-31」または「2019-10-3...
正規表現 正規表現の繰り返しの考え方
正規表現の繰り返しについて解説するために以下の文字列を用います。ビルビールビーールビーーールビーーーールビーーーーール指定回数繰り返し本解説において、最も基本的な形は以下になります。ビー{2,4}ル意味は、『「ビ」の後ろに「ー」が2～4回続...
正規表現 否定の文字クラス【正規表現】
普通の文字クラス正規表現で角カッコ[]を使用すると、文字クラスという意味になります。角カッコ内に、検索したい候補の文字を記述することで、その中のどれかという意味になります。例えば、として検索すると、「あ」または「い」または「う」という意味に...
JavaScript OpenLayersで地図コントロール上に独自のボタンを配置する
前回の記事でWebページ上に地図を表示させる方法をお伝えしました。今回は表示した地図上にオリジナルのボタンを配置します。実際にやってみた前回の記事内のソースコードにボタンについての追記を行いました。 <meta http-equiv="X-...
JavaScript OpenLayersで描画した図形をJSONで保存する方法～OpenLayersで図形を描画する⑫
今までの記事で、図形を描画する方法についてお伝えしてきました。地図上に線を引いたり、円を描いたり、マーカーを配置することにより、ある地点を強調することが可能になります。業務系のアプリケーションにおいて、一度描画した図形はファイルやデータベー...
JavaScript 図形の色を設定する方法～OpenLayersで図形を描画する⑮
今までの記事において、OpenLayersで図形を描画する方法についてお伝えしました。しかし、描画された図形の色は「赤」、透過性は「0.3」で固定されていました。※本投稿では図形の色のことをfillColor、透過性のことをOpacityと...