JavaScript

業務で役立つ！jQueryで覚えておくべき正規表現とは【初心者向け】

プログラミング初心者向けに、jQueryで覚えておくべき正規表現とは何か解説しています。正規表現は、一人でプログラミングをしていく中では重要な知識ではありませんが、実際の現場では役立つ知識なので、今のうちにいくつか知っておくと良いでしょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

JavaScriptのライブラリであるjQueryでの正規表現について説明します。

jQueryに限らずプログラミングには正規表現というものが存在します。細かい知識ではあるので、まず最初に覚えておくべきものではありませんが、知っておくと良いでしょう。

jQueryについてそもそもよく分からないという方は、jQueryとは何なのか解説した記事をまずご覧ください。

なお本記事は、オンラインブートキャンプフロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。

正規表現とは

文字入力欄を設けるときに、それがメールアドレスなのか。また、使える文字なのか。などいろいろ問題があります。

正規表現はjQueryだけでなく、ほかの言語やエディターでも用います。

有名なエディターだと「Vim」では正規表現が使えるとコーディングスピードが上昇します。

また、サーバーサイドのインフラエンジニアにもよく使われている正規表現です。

田島メンター！正規表現というのは何でしょうか？

数値や記号を含めた、文字全般を別の形で表したものなんだ。

別の形で表すってことは、何か理由があるんですよね？

そうそう。例えば、1文字以上、文字が続いて@(アットマーク)があって、その後に文字が1文字以上続く場合などを表現できるんだ。メールアドレスの表現になるよね。さっそく正規表現を見てみよう！

[PR] コーディングで副業する方法とは

主な正規表現

主な正規表現には次のものがあります。

[A-Z] ・・・アルファベット小文字
[a-z] ・・・アルファベット大文字
[A-Za-z] ・・・アルファベットすべて
[0-9] ・・・数字
[A-Za-z0-9] ・・・数字とアルファベット

また、何文字という表記も出来ます。

{5}

これだと5文字です。

マッチ回数のパターンがあります。

「*」・・・ 0回以上マッチ
「+」・・・ 1回以上マッチ
「?」・・・ 0、1回以上マッチ
「{m}」・・・ m回以上マッチ

例えば、「(/img[0-9]{4})」とあれば、ファイル名がimgの後ろに0-9の数字が4つあるものが該当することになります。

上記のようなものが正規表現と呼ばれるものです。

実際難しいですが、これをマスターすることで、できることは大きく広がります。

まだ必要のないと思っている方も、この先プログラミングをしていけば必ずぶつかる壁になるかと思います。

Webには多くの例文から、書き方まで存在しているので、必要になったときに勉強していきましょう。

正規表現は難しそうですねー。

確かに。ただ、他のプログラミング言語でも正規表現はあるので、ある程度覚えておきたいね。

主にどんなところで使われているんですか？

例えば、メールアドレスの形式になっているかどうかだったり、取得したWebページのソースコードの一部を切り分けるなどかな。

[お知らせ]TechAcademyでは最短4週間でフロントエンドの技術が身につくフロントエンドオンラインブートキャンプを開催しています。JavaScriptを使ってリッチなWebサービスを作りたい方はぜひご覧ください。

JavaScriptで画像クリックにより発動される処理を実装する方法を現役エンジニアが解説【初心者向け】

Web制作をしていると、画像クリックをきっかけに動きを作りたいことがありますね。ページ遷移したり、画像を大きくしたり、動きがあるとWebページがさらに魅...

JavaScript

JavaScriptのmatchメソッドで文字列の完全一致を判定する方法を現役エンジニアが解説【初心者向け】

JavaScriptのmatchメソッドで文字列の完全一致を判定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者...

JavaScript

FirefoxでJavaScriptのデバッグを行う方法を現役エンジニアが解説【初心者向け】

FirefoxでJavaScriptのデバッグを行う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します...

JavaScript

JavaScriptでalertを使ってアラートを表示させる方法【初心者向け】現役エンジニアが解説

JavaScriptの使い方を初心者向けに紹介した記事です。今回は、JavaScriptでalertを使ってアラートを表示させる方法について解説します。...

JavaScript

JavaScriptでif文を使って条件分岐させる方法【初心者向け】現役エンジニアが解説

JavaScriptの使い方を初心者向けに紹介した記事です。今回は、JavaScriptでif文を使って条件分岐させる方法について解説します。 &...

JavaScript

JavaScriptで数値チェックする方法を現役エンジニアが解説【初心者向け】

JavaScriptで数値チェックする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 &n...

JavaScript

あわせてよく読まれている記事

書きながら覚えよう！Pythonで正規表現を使う方法【初心者向け】

今回は、Pythonで正規表現を使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。普段見慣れない文字を入力していますが、実際に書いてみて慣れていきましょう。目次正規表現とは主な正規表現そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。 Pythonの正規表現とは正規表現とは、文字列を1つのパターン化した文字列で表現する表記法です。正規表現を使用して、文字列をパターン化した文字列に置き換えることで、文字列の検索や置換を行えます。また、自然言語処理といったAI技術の基礎的な処理も行うことができます。メタ文字正規表現において、パターン化した文字列のことをメタ文字と言います。 ★は文字列を意味します。メタ文字説明指定例合致する . 任意の1文字 a.c abc, acc, aac ^ 行の先頭 ^abc abcdef $ 行の末尾 abc$ defabc * 0回以上の繰り返し ab* a, ab, abb, abbb + 1回以上の繰り返し ab+ ab, abb, abbb ? 0回または1回 ab? a, ab {m} m回の繰り返し a{3} aaa {m,n} m〜n回の繰り返し a{2, 4} aa, aaa, aaaa [★] ★のどれか1文字 [a-c] a, b, c ★|★ ★のどれか a|b a, b 特殊シーケンスよく利用される正規表現のパターンは、特殊シーケンスと呼ばれます。特殊シーケンスは、（バックスラッシュ）を先頭に記載します。特殊シーケンス説明同じ意味の正規表現 d 任意の数字 [0-9] D 任意の数字以外 [^0-9] s 任意の空白文字 [tnrfv] S 任意の空白文字以外 [^tnrfv] w 任意の英数字 [a-xA-Z0-9_] W 任意の英数字以外 [a-xA-Z0-9_] A 文字列の先頭 ^ Z 文字列の末尾 $ Pythonで正規表現を使う方法 Pythonではreモジュールを使って正規表現を扱います。 reモジュールをimportすることで正規表現を利用できます。 import re importを詳しく知りたい人は、Pythonでimportを使う方法について解説している記事もあわせてお読みください。 reモジュールには、以下のような関数があります。 match()：文字列の先頭から正規表現にマッチしている部分を返す fullmatch()：文字列全体が正規表現にマッチしているかを返す search()：文字列中で正規表現にマッチする最初の部分を返す findall()：文字列中で正規表現にマッチするすべての部分を文字列のリストで返す finditer()：文字列中で正規表現にマッチするすべての部分をイテレータとして返す sub()：文字列中で正規表現にマッチする部分を置換して返す subn()：文字列中で正規表現にマッチする部分を置換してタプル(置換後文字列, マッチした数)で返す split()：文字列を指定した正規表現で分割するそれぞれの関数について、サンプルをもとに書き方を確認していきましょう。 match()関数の書き方文字列の先頭から正規表現にマッチしている部分を返します。結果はマッチした情報を取りまとめた「マッチオブジェクト」で返ります。マッチオブジェクトからマッチした文字列を取り出す方法は、次の具体例でご紹介します。マッチしない場合、Noneが返ります。書き方のサンプル： # マッチする例 result = re.match(r'a.c', 'abcdefg') print(result) # マッチしない例(Noneが返る) result = re.match(r'a.c', 'Alphabet starts with abcdefg.') print(result) 解説： match関数で、文字列の先頭から正規表現「r’a.c’」にマッチしている部分を検索します。マッチした場合の例では、マッチオブジェクトが返ります。マッチオブジェクトの「span」はマッチした位置を表しています。今回の場合、0～2文字目がマッチした位置になります(3文字目は含みません)。実行結果： <re.Match object; span=(0, 3), match='abc'> None マッチオブジェクトの「match」はマッチした文字列を表しています。 fullmatch()関数の書き方文字列全体が正規表現にマッチしているかを返します。結果はマッチオブジェクトで返ります。マッチしない場合、Noneが返ります。書き方のサンプル： # マッチする例 result = re.fullmatch(r'a.c', 'abc') print(result) # マッチしない例(Noneが返る) result = re.fullmatch(r'a.c', 'abcde') print(result) 解説： fullmatch関数で、文字列全体が正規表現「r’a.c’」にマッチしているかを確認します。マッチした場合の例では、マッチオブジェクトが返ります。 span、matchについてはmatch関数と同様ですので説明は省略します。実行結果： <re.Match object; span=(0, 3), match='abc'> None search()関数の書き方文字列中で正規表現にマッチする最初の部分を返します。結果はマッチオブジェクトで返ります。マッチしない場合、Noneが返ります。書き方のサンプル： # マッチする例 result = re.search(r'a.c', 'Alphabet starts with abcdefg.') print(result) # マッチしない例(Noneが返る) result = re.search(r'a.c', 'Alphabet

Python

PHPのpreg_matchで正規表現によるマッチングする方法

今回は、preg_matchについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 preg_matchを利用することで、文字列の検索や置換を行うことができます。実務でも、preg_matchを利用した文字列の検索や置き換えを行う処理を実装するので、ぜひ学習してみてください。目次正規表現とは主な正規表現そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。 preg_matchとは preg_matchでは、ある文字列から正規表現で指定したパターンにマッチした文字列を検索できます。パターンにマッチした場合は1を返し、マッチしなかったら0を返します。例えば、検索対象の「これからphpを勉強します。」という文字列から、パターン「php」を検索すると1を返します。一方、「ruby」を検索すると0を返します。「php」の場合は文字列内にありますが、rubyはないのでこういった結果になります。他にも大文字・小文字を区別せずにパターンにマッチさせることや、指定文字列が先頭にあるだけマッチさせることもできます。正規表現とは正規表現とは、文章中の特定文字を検索、置き換え、削除することができる文法です。正規表現を利用する例として、文章中にある「,」という英文字のカンマを、「、」という日本語の読点に一括変換する場合などです。その他にも、次のような使い方が可能です。〇〇〇から始まる文字列を検索したい ×××で終わる文字列を▼▼▼に置き換えたい大文字で始まる英単語を検索したい HTML内のcol-から始まり、そのあとは1～2桁の数字となっているコードを別のコードに置き換えたい全角と半角、両方のスペースを削除したい正規表現には非常に多くの指定方法があり、正規表現だけで1冊の本を書くことができるほど非常に深い内容です。まずは、基本的な使い方を、サンプルコードを利用して使っていきましょう。大石ゆかり正規表現で指定したパターンにマッチするかどうかって少し難しいですね。田島悠介そうだね。簡単に言うと、ある形式にマッチしているかどうかってことなんだ。大石ゆかりある形式とは何ですか？田島悠介例えばメールアドレスの形式になっているかどうかだったり、電話とか日付でもいいね。そういう単純には表せないものに使うんだよ。書き方を見てみよう！ [PR] コーディングで副業する方法とはpreg_matchの書き方 preg_matchの書式は以下の通りです。 [ ]はオプションで省略できます。 preg_match(/正規表現パターン/,検索対象の文字列,[配列],[動作フラグ],[検索開始位置]) 返り値 preg_match関数の返り値は、パターンにマッチすれば1、マッチしなければ0です。返り値の部分に変数を指定することで、パターンマッチの結果である1か0が代入されます。正規表現パターン「正規表現パターン」でマッチさせたいパターンを指定します。正規表現は/で囲んで記述します。検索対象の文字列「検索対象の文字列」では、正規表現でマッチさせる対象文字列です。配列「配列」を指定した場合は、検索結果が配列として代入されます。動作フラグ「動作フラグ」で「PREG_OFFSET_CAPTURE」を指定すると、マッチした文字列の登場した位置（オフセット）をバイト数で取得できます。検索開始位置「検索開始位置」では、先頭ではなく検索を始めたい位置を指定できます。ただし、指定はバイト数なので注意が必要です。実際に書いてみようそれでは実際に、preg_match関数を使用してPHPのプログラムを書いてみましょう。文字列「PHP」を検索する以下は、文字列「PHP」にマッチするか確認しています。サンプルコード <?php if (preg_match("/PHP/", "今PHPを勉強しています。")) { echo "マッチしました。"; } else { echo "マッチしませんでした。"; } 出力結果解説 <?phpでは、PHPプログラムを開始することを意味します。 if (preg_match(“/PHP/”, “今PHPを勉強しています。”)) {では、preg_matchを利用して、今PHPを勉強しています。という文字列からPHPという文字列がパターンマッチするかどうかを調査しています。 if文で、もし適合していたらという条件分岐を行っています。 echo “マッチしました。”;では、if文の条件に合致したら、マッチしました。と表示しています。 } else {では、if文の条件に合致しない場合の条件を指定しています。 echo “マッチしませんでした。”;では、if文の条件に合致しない場合、マッチしませんでした。と表示しています。 }ではif文の処理を終了します。文字列「PHP」を大文字、小文字を区別せずに検索する以下では、大文字・小文字の区別をせずにマッチするか確認しています。これは、preg_matchの/正規表現パターン/の最後にアルファベットのiを記載することで、大文字、小文字を区別せずに検索します。サンプルコード <?php if (preg_match("/PHP/i", "今phpを勉強しています。")) { echo "マッチしました。"; } else { echo "マッチしませんでした。"; } 出力結果解説 <?phpでは、PHPプログラムを開始することを意味します。 if (preg_match(“/PHP/”, “今phpを勉強しています。”)) {では、preg_matchを利用して、今phpを勉強しています。という文字列からPHPという文字列がパターンマッチするかどうかを調査しています。 if文で、もし適合していたらという条件分岐を行っています。 echo

PHP

JavaScriptで正規表現のmatchを使う方法【初心者向け】

JavaScriptで正規表現のmatchを使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 JavaScriptで正規表現のmatchを利用することでデータの効率的に扱うことが可能になります。実務でも正規表現を利用して、電話番号や住所データを扱うため、ぜひ学習してみてください。また、入門向けのJavaSriptを学習できるサイトも紹介しているので、合わせてご覧ください。目次正規表現とは主な正規表現そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。大石ゆかり田島メンター！正規表現というのは何でしょうか？田島悠介様々な文字列を一つの文字列で表現できるようにした表記法のことだよ。大石ゆかりどのような書き方があるのですか？田島悠介例を見ながら説明していくね！正規表現とは例えばユーザーが入力した文字列が、郵便番号として正しいか確認するにはどうしたら良いでしょう。郵便番号にはいろんな数字があり、プログラムを作って確認するにしても大変そうです。そんな時に便利なのが、正規表現です。正規表現は、郵便番号であれば「数字4桁-数字3桁」というような文字列を表現できるようにした表記法のことです。正規表現で指定した表記を利用して、該当パターンに合致するデータを検索できます。 JavaScriptではmatchメソッドなどで正規表現を利用できます。 matchメソッドを利用すると、matchメソッドで指定した文字列が存在した場合、指定文字列を配列で返します。もし、存在しなかった場合はnullを返します。 matchの書き方基本的なプログラムは以下のようになります。対象となる文字列の後ろに「.」ピリオドを付けて記載します。文字列.match( 正規表現 ) [PR] コーディングで副業する方法とはmatchメソッドとtestメソッドとの違いここでは、matchメソッドとtestメソッドの違いについて解説します。 testメソッドの書き方正規表現パターン.test(対象の文字列) matchメソッドを利用すると、matchメソッドで指定した文字列が存在した場合、指定文字列を配列で返します。もし、matchメソッドの存在しなかった場合はnullを返します。 testメソッドを使う場合、指定した文字列が存在した場合はtrueが返ります。指定した文字列が存在しない場合はfalseが返ります。サンプルコード let str = "123-4567, 一二三ー四五六七, 000-1111"; let reg = /d{3}-d{4}/g; console.log( str.match( /d{3}-d{4}/g ) ); console.log( reg.test(str) ); 実行結果解説 let str = “123-4567, 一二三ー四五六七, 000-1111”;では、変数strに、文字列123-4567, 一二三ー四五六七, 000-1111を代入しています。 let reg = /d{3}-d{4}/g;では、変数regに正規表現パターン/d{3}-d{4}/gを代入しています。 console.log( str.match( /d{3}-d{4}/g ) );では、matchメソッドを利用して、郵便番号を検索しています。 matchメソッドでは、正規表現に適合した場合、適合した文字列が配列で返ってくるので、次の配列が表示されました。 ['123-4567',

JavaScript

strstr関数の使い方！PHPで文字列を検索する方法【初心者向け】

PHPで文字列の中から特定の文字列を探す場面というのは比較的多いかと思います。文字列を検索する方法はいろいろありますが、今回は「strstr関数」「strpos関数」「preg_match関数」について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 strstr・・・区切り文字の前後の文字列を取得します。 strpos・・・文字列が最初に見つかる位置を取得します。 preg_match・・・正規表現で文字列を検索します。すべての関数の使い方を覚える必要はありませんが、1つでも書き方を覚えておくといざという時に便利でしょう。目次正規表現とは主な正規表現そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。大石ゆかり PHPで文字を探すプログラムを作りたいんですけど、どうすればいいんでしょうか。田島悠介どうして文字を探したいのかな？何かの文字で区切っているから？それとも文字の位置を探したい？大石ゆかりええと、文字を探す方法がそんなにいろいろあるんですか？田島悠介そうなんだ。PHPではいろんな文字列の検索方法があるよ。まずは、区切り文字で検索する方法から見てみよう！区切り文字で分けて検索 – strstr関数 strstr関数は対象の文字列から検索文字列を探し、見つかったら検索文字列から対象の文字列の最後までを返します。区切る文字列を境にして文字列を取得したいときに使えます。構文検索対象の一部分の文字列 = strstr(検索対象の文字列, 検索文字列, [検索文字列より前の部分を取得するか]) 第1引数は検索文字を探し出す対象の文字列です。第2引数は検索する文字列です。検索文字列が半角のアルファベットの場合は、大文字小文字を区別して検索されます。第3引数は省略でき、検索文字より前の部分を返したい場合にtrueを指定しますが、標準ではfalseつまり検索文字より後の部分を取得します。戻り値は検索文字列が検索対象の文字列から見つかったときに、検索文字列を含む文字から検索対象の文字列の最後までの文字列を返します。たとえば、「dog&cat」の文字列から「&」を検索した場合、「&cat」が戻り値として返ります。ただし第3引数にtrueが指定されている場合は、検索文字を含まない前の部分を返します。もし検索文字が見つからなかったときはfalseを返します。 ※ある文字列中に別の文字列が存在するかどうかを確認したいだけならstrpos関数またはstr_contains関数（PHPの新しいバージョン8で使用可能)を使います。 ※大文字小文字を区別しないで検索したい場合は「stristr関数」を使うことで実現できます。 strstr関数の使い方 strstr関数を使ってある文字列で区切った文字列の分割をしてみましょう。ソースコードフルネーム「山田太郎」を半角スペースで姓と名に分けて出力するプログラムです。 <?php //検索文字列（半角スペース） $search = ' '; //対象文字列（空白で区切られたフルネーム） $target = '山田太郎'; echo "対象文字列：$target<br>"; //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); //空白を削除（「太郎」->「太郎」） $firstName = trim($firstName); //姓の取得（空白より前） $lastName = strstr($target, $search, true); //検索結果はあるか if($firstName != false || $lastName != false){ //姓名の出力 echo "姓：$lastName<br>"; echo "名：$firstName"; } else { echo "文字が見つかりませんでした。"; } ?> ※ダブルクォーテーションで変数を囲うと、“$変数名”で変数の値を展開して出力できます。変数の展開について詳しくは公式ドキュメント「変数のパース」をご覧ください。 ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。表示結果解説 //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); 検索対象の文字列（$target）から検索文字（$search）が見つかったところより後ろの文字列を取得します。検索対象の文字列

PHP

Javaの正規表現のエスケープ処理について現役エンジニアが解説【初心者向け】

Javaの正規表現のエスケープ処理について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。そもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプJava講座の内容をもとに作成しています。田島悠介今回は、Javaに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介正規表現のエスケープ処理について詳しく説明していくね！大石ゆかりお願いします！目次正規表現のルールとは Javaで正規表現を扱う方法エスケープ処理とは正規表現のエスケープ処理を実装してみようまとめ正規表現のルールとは正規表現とは文字列のパターンを一つの形式でまとめて表現するために使うものです。郵便番号や電話番号などを表すことができ任意の文字列から特定の文字列を取得したり、一致しているかを判定したりする際に使います。正規表現を作成する時には以下のルールがあります。以下に示す特殊文字を使用する特殊文字以外の文字は、その文字自体を照合する大カッコ([])で囲まれた文字セットは、そのセット内の任意の文字を照合する 1文字の正規表現を表します。例えば[abc]と記述すればaもしくはbもしくはcと一致することを表します正規表現の特殊文字及び記号には以下のようなものがあります。特殊文字及び記号記号の説明 . 任意の1文字。改行文字は除く。 * 直前の1文字の0回以上の繰り返しと一致 ^ 行の先頭 $ 行の末尾 [ ] カッコ内の任意の1文字と一致。「-」で範囲指定可。 [^ ] カッコ内の任意の1文字と不一致。「-」で範囲指定可。 + 直前の文字の1個以上の繰り返しと一致 ? 直前の文字が0個または1個の場合に一致 { } カッコ内の数値の繰り返しと一致 | 直前、直後どちらかのパターンに一致 [PR] コーディングで副業する方法とはJavaで正規表現を扱う方法 Javaで正規表現を使うためには以下のように記述します。 Pattern Patternの変数 = Pattern.compile(正規表現); Matcher Matcherの変数 = Patternの変数.matcher(比較対象文字列); java.util.regexパッケージにあるPatternクラスとMatherクラスを使うことで正規表現を使って処理をすることができます。最初にPatternクラスをcompileクラスの引数に正規表現を設定することで正規表現を使用する準備をします。次に先ほど作成したPatternクラスのオブジェクトからmatcherメソッドを呼び出し、引数として正規表現を使って調べたい文字列を設定します。戻り値としてMatcherクラスのオブジェクトを返すためMatherクラスの変数を用意しておきます。 matcherメソッドを使うことで文字列を正規表現に一致する部分に分けることができるため一つの文字列の中に複数正規表現に一致する場合でも調べることができます。エスケープ処理とは特殊文字を使うことで正規表現を表すことができます。しかし、特殊文字を正規表現としてではなく、文字として表したい時にはエスケープ処理をする必要があります。エスケープ処理は以下のようにします。特殊文字「」を前に付けることで正規表現としての特殊文字ではなく、普通の文字として扱うことができます。しかし実際には「」は文字列において特殊な意味を持つため「」に対してもエスケープ処理が必要になるため特殊文字という形で記述します。正規表現のエスケープ処理を実装してみようでは正規表現のエスケープ処理を実装してみましょうソース import java.io.IOException; import java.io.IOException; import java.util.regex.Matcher; import java.util.regex.Pattern; public class MainClass { public static void main(String[] args) throws IOException { String str01 = "..."; String str02 = ".da.fb.rd"; Pattern p = Pattern.compile(str01); Matcher m =

Java

JavaScriptで正規表現を使ってメールアドレスをチェックする方法を現役エンジニアが解説【初心者向け】

Web制作でメールアドレス入力フォームを作ることがあります。入力された文字が、きちんとメールアドレスの形式になっているか確かめたいですよね。そんな時に役立つ、JavaScriptの正規表現でメールアドレスをチェックする方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。正規表現が呪文みたいでよくわからないという方、ぜひ本記事でマスターしてください。目次正規表現とは主な正規表現そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 JavaScriptで、正規表現を使ってメールアドレスをチェックする方法について詳しく説明していくね！大石ゆかりお願いします！メールアドレスチェックの方法 JavaScriptで、正規表現を使ってメールアドレスをチェックするサンプルコードはこちらです。 See the Pen pattern by TAKAYOSHI (@lspuwbkv) on CodePen. /*入力フォームの要素*/ var form=document.getElementById("form"); /*結果出力用の要素*/ var result=document.getElementById("result"); /*メールアドレスのパターン正規表現*/ var pattern = /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+.[A-Za-z0-9]+$/; /*フォーム入力のイベントハンドラ*/ form.addEventListener("input", (e) => { /*メールアドレスのパターンにマッチするかチェック*/ if (pattern.test(form.value)) { /*パターンにマッチした場合*/ result.textContent = "メールアドレスです"; } else { /*パターンにマッチしない場合*/ result.textContent = "メールアドレスではありません"; } }) ポイントはこちらの1行。 /*メールアドレスのパターン

JavaScript