ライブラリ D3.js | 複雑なグラフをSVGで描く | 複数の実例で理解するJavaScriptライブラリ解説
D3.jsについての解説D3.jsは、データ駆動型のドキュメント操作を実現する強力なJavaScriptライブラリです。HTML、SVG、CSSを利用して、データを視覚的に表現することが可能です。インタラクティブなグラフ、アニメーション、動的データの表示など、多様な表現を行うために広く使用されています。D3.jsの実装...
JavaScript
ライブラリ 
目的別リファレンス 正規表現のパターン一覧表 | 正規表現 | JavaScript 目的別リファレンス
正規表現パターン一覧表 正規表現 説明 例 ^ 行の先頭に一致 ^abc は "abc" で始まる文字列に一致 $ 行の末尾に一致 abc$ は "abc" で終わる文字列に一致 . 任意の1文字（改行除く）に一致 a.b は "a" と "b" の間に任意の文字がある文字列に一致 * 直前の要素の0回以上の繰り返し ...
目的別リファレンス 空のHTMLタグを検出して削除したい | 正規表現 | JavaScript 目的別リファレンス
削除するには、正規表現で該当する文字列を検出し、その文字列を空文字に置き換えます。空のHTMLタグを検出して削除するプログラム実行例置換前文字列:結果:JavaScriptとHTMLコード // 空のHTMLタグを削除する関数 function removeEmptyTags(inputHTML) { // 正規表現を...
目的別リファレンス 大文字・小文字を区別せずに文字列を検出したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、与えられた文字列内に特定の文字列が含まれているかを大文字・小文字を区別せずに検証します。大文字・小文字を区別せずに文字列を検出するプログラム"JavaScriptは楽しいです"という文字列の中に"Javascript"、"java"、"Python"が含まれているかを確認しています。実行例置換前文字列...
目的別リファレンス 正規表現で文字数に制限をかけたい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、与えられた文字列の長さが5〜10文字以内であるかを検証します。例えば、"こんにちは"のような5文字の文字列は条件を満たしますが、"あ"（1文字）や"これはとても長い文字列です"（20文字）は条件を満たしません。正規表現で文字数に制限をかけるプログラムJavaScriptとHTMLコード置換前文字列:結...
目的別リファレンス タブ、改行、空白をすべて削除したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、与えられた文字列からタブ、改行、および空白をすべて削除するためのものです。たとえば、文字列に含まれる不必要なスペースや改行を排除し、クリーンなテキストを取得します。タブ、改行、空白をすべて削除するプログラムJavaScriptとHTMLコード置換前文字列:結果: // タブ、改行、空白を削除する関数 ...
目的別リファレンス 16進数カラーコードを抽出したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、与えられた文字列から16進数カラーコード（例：#FF5733、#C70039など）を抽出するためのものです。正規表現を使用して、6桁または3桁のカラーコードを検出します。16進数カラーコードを抽出するプログラムJavaScriptとHTMLコード置換前文字列:結果: // 16進数カラーコードを抽出す...
目的別リファレンス 電話番号のフォーマットに修正したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、電話番号のフォーマットを修正するためのものです。具体的には、連続した数字をハイフンで区切り、見やすい形式に整えます。電話番号のフォーマットに修正するプログラムこのプログラムでは、与えられた電話番号（例：0123456789）を「XXX-XXXX-XXXX」の形式に変換します。ハイフンを追加することで、...
目的別リファレンス クレジットカード番号の形式かを検証したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、与えられたクレジットカード番号が正しい形式であるかどうかを検証するためのものです。Visa、MasterCard、American Expressなど、一般的なクレジットカード番号の形式に対応しています。クレジットカード番号の形式を検証するプログラムこのプログラムでは、与えられたクレジットカード番号（...
目的別リファレンス 英文の単語をすべて取得したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、与えられた英文からすべての単語を抽出するためのものです。正規表現を使用して、英文内の単語を特定し、配列として取得します。英文の単語をすべて取得するプログラムこのプログラムでは、与えられた英文（例： "This is a sample text."）からすべての単語を抽出します。単語は、アルファベットと...
目的別リファレンス JSON文字列の特定の部分を抽出したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、JSON文字列から特定のキーの値を抽出するためのものです。与えられたJSONデータから必要な情報を効率的に取得できます。JSON文字列の特定の部分を抽出するプログラムこのプログラムでは、与えられたJSON文字列から指定したキーである「age」の値を抽出し、出力しています。たとえば、{"name": "...
目的別リファレンス 特定の文字列の間にあるすべてのテキストを抽出したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、特定の文字列の間にあるすべてのテキストを抽出するためのものです。指定した開始文字列と終了文字列の間に含まれるテキストをすべて取得します。特定の文字列の間にあるすべてのテキストを抽出するプログラム実行例置換前文字列:結果:JavaScriptとHTMLコード// 特定の文字列の間にあるすべてのテキストを...
目的別リファレンス JavaScriptやHTMLのコードのコメント部分を削除したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、JavaScriptやHTMLのコード内に含まれるコメント部分を削除するためのものです。行コメントとブロックコメントの両方に対応しています。コメントを削除するプログラム実行例置換前文字列:結果:JavaScriptとHTMLコード // コメントを削除するプログラム function removeCo...
目的別リファレンス 正規表現でXMLタグを削除したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、文字列からXMLタグを削除します。XMLタグを削除するプログラム実行例検証前の文字列:<note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don't forget me this weekend!</body></n...
目的別リファレンス バックスラッシュを含む文字列をエスケープせずに処理したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、バックスラッシュを含む文字列をエスケープせずに処理します。バックスラッシュを含む文字列をエスケープせずに処理プログラム実行例検証前の文字列:これはテストです。\n新しい行です。JavaScriptとHTMLコード <script> window.onload = function() { const ...
目的別リファレンス ファイルパスからディレクトリ名を抽出したい | 正規表現 | JavaScript 目的別リファレンス
このプログラムは、ファイルパスからディレクトリ名を抽出します。ファイルパスからディレクトリ名を抽出プログラム実行例検証前の文字列:/usr/local/bin/example.txtJavaScriptとHTMLコード <script> window.onload = function() { const filePa...