JavaScript

JavaScriptの正規表現でエスケープが必要な文字を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptの正規表現でエスケープが必要な文字について現役エンジニアが解説しています。正規表現とは文字列を一定のパターンで表記する方法です。正規表現の中では、文字として表現できないタブや改行、特定の役割をする文字に対してエスケープする必要があります。

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

JavaScriptの正規表現でエスケープが必要な文字について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。

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

なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。

今回は、JavaScriptに関する内容だね！

どういう内容でしょうか？

JavaScriptの正規表現でエスケープが必要な文字について詳しく説明していくね！

お願いします！

正規表現とは

「正規表現」だけで一冊の本ができるほど、その内容は奥深いので、一言で表現するのはなかなか難しいのですが、「文字列を一定のパターンで表記する方法」といった感じでしょうか？

よくある利用ケースは、文章の中から一定の条件で書かれている情報を抜き出したり、設定ファイルから設定項目と情報を抜き出したり、などと利用用途は多岐にわたります。

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

エスケープとは

文字列のパターンを考えるときに、プログラム上で文字として認識できない表現を示すときに利用するものです。ちょっとわかりにくいと思いますが、『改行』や『タブ』などが代表的でイメージしやすいかと思います。このような文字として認識できない文字を示すときに頭に「(バックスラッシュ(※となることもあります))」マークを付けて代用します。この「」マークのことをエスケープと言い「」マーク付きの文字のことをエスケープシーケンスといいます。『改行(n)』や『タブ(t)』になりますね。

また、これ以外に特別な意味を持つ文字を表示するときにもこのエスケープを利用します。例えば『.』という文字を扱う場合、正規表現の中では『.』は特殊文字として扱われ、「任意の文字という意味」を示します。その為、文中に『.』を『.』として使いたい場合に、エスケープを前につけることで特殊文字であることを打ち消して文字としての『.』として扱うことができます。

escape関数とは

escape関数は、引数の文字をエスケープシーケンスの16進数の文字列へ置き換えます。また、特殊文字は@*_+-./以外の文字が符号化されます。

少しわかりにくいと思いますが、日本語をなどの２バイト文字を16進数の表記にエンコードすることができます。戻すときはデコード(unescape関数)を利用します。URLに日本語を渡すときなどに利用します。

下記の用に利用します

01  str = escape("正規表現でエスケープが必要な'文字'");
02  console.log(str);
03  str2 = unescape(str);
04  console.log(str2);

正規表現でエスケープが必要な文字一覧

\ : バックスラッシュ
‘ : シングルクォーテーション
” : ダブルクォーテーション
. : ドット
* : アスタリスク
+ : プラス
? : クエスチョンマーク
^ : キャレット
$ : ドル
– : マイナス
| : パイプ
/ : スラッシュ
{ or } : カーリーブラケット
( or ) : パーレン
[ or ] : スクエアブラケット

まとめ

プログラムの中で、文字列を扱うことはよくあります。引数から取り出す場面や、ファイルから読み込んで処理を行うことなどもよくあります。その際に必ず、エスケープの対応が必要となりますので、しっかりと内容を理解しておきましょう。

筆者プロフィール

小宮山晃史（こみやまこうじ)

現在はOracle系システムの導入コンサルに勤め、仕事でコーディングをする機会は少なくなくなっているが、ライフワークで数多くの言語を勉強中。

iphoneのアプリ開発やWEBサーバの構築など幅広く挑戦しています。

内容分かりやすくて良かったです！

ゆかりちゃんも分からないことがあったら質問してね！

分かりました。ありがとうございます！

TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できる、オンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

JavaScriptのarray型データに利用するlengthメソッドについて現役エンジニアが解説【初心者向け

JavaScriptのarray型データに利用するlengthメソッドについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向...

JavaScript

JavaScriptの条件分岐に利用される論理演算子&&について現役エンジニアが解説【初心者向け】

JavaScriptの条件分岐に利用される論理演算子&&について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心...

JavaScript

JavaScriptのアロー関数の使い方を現役エンジニアが解説【初心者向け】

JavaScriptのアロー関数の使い方について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。また、入門向けの...

JavaScript

JavaScriptのLocalStrage（ローカルストレージ）の使い方を現役エンジニアが解説【初心者向け

JavaScriptのLocalstrage（ローカルストレージ）の使い方について解説します。実際のコードをもとに解説していきますので、理解を深めていき...

JavaScript

JavaScriptの連想配列で要素を削除する方法を現役エンジニアが解説【初心者向け】

JavaScriptの連想配列で要素を削除する方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。また、...

JavaScript

JavaScriptでビンゴゲームを作る方法を現役エンジニアが解説【初心者向け】

JavaScriptでビンゴゲームを作る方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 J...

JavaScript

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

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

今回は、Pythonで正規表現を使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。普段見慣れない文字を入力していますが、実際に書いてみて慣れていきましょう。目次正規表現とはエスケープとはescape関数とは正規表現でエスケープが必要な文字一覧まとめ筆者プロフィールそもそも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

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

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

PHPのエスケープ処理について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。目次正規表現とはエスケープとはescape関数とは正規表現でエスケープが必要な文字一覧まとめ筆者プロフィールそもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。大石ゆかり PHPでダブルクォーテーションを表示しようとしたらエラーがでます。どうしたらいいですか？ソースコード： <?php echo "私は"りんご"が好きです"; ?> エラー画面： PHP Parse error: syntax error, unexpected identifier "りんご", expecting "," or ";" in /workspace/Main.php on line 2 田島悠介 PHPでのダブルクォーテーションは「文字列の始まりや終了」を表す特別な意味がある記号だから、そのままでは表示できないんだ。ダブルクォーテーションのような、特別な記号の働きをなくすエスケープ処理が必要だね。大石ゆかりエスケープ？何の処理ですか？田島悠介エスケープ処理をすると機能を無効にしたり、違う機能をさせたりできるんだ。「エスケープ」の英語には「脱出する」という意味があるから、本来の機能から「脱出」させるのがエスケープ処理と覚えるのもいいね。大石ゆかりそういえば、スマホのゲームに「エスケープ」ってタイトルが付いたゲームがありましたけど脱出ゲームでしたね。田島悠介プログラミング言語でのエスケープ処理には特殊記号を表示することと、HTMLタグなどの命令を無効にする2つの役割があるんだよ。大石ゆかりそうなんですね。その「エスケープ処理」について教えてください！田島悠介じゃあ、特殊記号を表示させる方法から見ていこうか。この記事は、エスケープ処理の概要や、PHPプログラムでエスケープ処理を行う方法について解説しています。PHPを使用した開発にまだ慣れていないという方でも、理解できる内容になっています。エスケープ処理とはエスケープ処理とは、特殊記号（あるいはタグなどの命令）で行われる処理を回避して単なる文字として表示したり、逆に普通の文字に改行などの特別な機能を持たせます。たとえば、「”」（ダブルクォーテーション）をPHPのコードから文字列として表示させたい場合、通常なら「”」は文字列の始まりか終わりを指す特殊記号なのでPHPでは表示ができません。特殊記号を表示するには、バックスラッシュ(\)または円記号に続けて特殊記号を記述します。バックスラッシュのようなエスケープ処理に使う文字をエスケープ文字といいます。エスケープ処理には特殊記号を表示させるだけでなく、HTMLコードやJavaScriptの命令を無効化して安全に表示する使い方もあります。このようなエスケープ処理はPHPに限らず、他のプログラム言語でも共通に存在する処理です。 ※バックスラッシュ(\)を入力しても円記号(¥)がそのまま表示される場合もありますが、PHPでは円記号はバックスラッシュと同じ役割です。 ※ダブルクォーテーションをWebページ上に表示するには、HTMLの特殊文字コード「"」を使う方法もあります。バックスラッシュの入力方法について Windowsで標準的なキーボード配列の場合、バックスラッシュ(\)は日本語キーボードだとバックスペースキーの左側のキー（キーボードの刻印は「¥」）を押すか、右下にある「\」キー（日本語かな表記だと「ろ」の刻印のキー）を押します。 ※Windowsでは使用しているアプリやフォント（書体）により、バックスラッシュが円記号で表示される場合があります。 ※バックスラッシュの入力はPHPの命令と同じように漢字入力オフ（漢字が入力できない状態）で入力してください。 ※URLで使われるスラッシュ(/)と、エスケープ文字のバックスラッシュ(\)は違う記号なので注意してください。またMacの場合だと、「option」キーを押しながら右上の「¥」キーを押すだけで、半角のバックスラッシュが入力できます。【参考】文字列の囲み方 PHPで文字列を囲むには、(“)ダブルクォーテーションで囲む方法と(‘)シングルクォーテーションで囲む方法があります。 (“)ダブルクォーテーションを文字列の中で使用する場合、(‘)シングルクォーテーションで囲んで「’私は”りんご”が好きです’」のように指定します。違う記号で囲む方法は、コードの中で文字列を囲む記号が統一できないので、エスケープ処理をするのがおすすめです。特殊記号を表示する PHPでダブルクォーテーションを含んだ文字列をバックスラッシュでエスケープして表示します。サンプルコードダブルクォーテーションを含んだ「私は”りんご”が好きです」という文章を表示します。ソースコード <?php echo "私は\"りんご\"が好きです"; ?> 実行結果解説上記のプログラムでは、「”」の前にバックスラッシュ(\)を使用して「”」を単に文字として扱うようにしています。このようにダブルクォーテーションのような特別な意味を持つ文字の前に「\」のエスケープ文字を使用して「文字列の開始と終了」という特別な効果を打ち消す処理がエスケープ処理です。エスケープシーケンス上記のように、特殊な記号を文字として出力するためにエスケープ文字を使用した文字の組み合わせをエスケープシーケンスといいます。エスケープシーケンスを使用することで、文字列の途中で「改行」したり「タブ」を挿入したりといった特殊な処理を行うことも可能です。エスケープシーケンスを有効にするにはダブルクォーテーションで文字列を囲みます。以下は、主なエスケープシーケンスの一覧です。 \n 改行 \’ シングルクォーテーション(‘) \” ダブルクォーテーション(“) \¥ 円記号 \$ ドル記号 \t 水平タブ \\ バックスラッシュ ※PHPの他のエスケープシーケンスについて、詳しくは公式のドキュメント「エスケープシーケンス」をご覧ください。 ※エスケープシーケンスが含まれた文字列をシングルクォーテーションで囲むと、「\’」「\\」以外のエスケープシーケンスは機能せずエスケープ文字が表示されてしまいます。エスケープシーケンスを使った例それでは、実際にエスケープシーケンスを使用する例を見ていきましょう。サンプルコードエスケープシーケンスを使った例として、以下の記号の表示をしてみましょう。 (‘)シングルクォーテーション改行タブドル記号バックスラッシュソースコード //preタグで通常のテキストとして表示 echo "<pre>"; // ダブルクォーテーションの表示 echo 'PHPの文字列は「"」か「\'」で囲みます。'; // 改行 echo "\n"; echo "\nりんご\nみかん\nれもん\n"; echo "\n"; // タブ echo "1\t2\t3\n"; echo "りんご\tみかん\tれもん\n"; echo "\n"; // ドル記号 echo "りんごの価格：\$1\n"; echo "\n"; //バックスラッシュ echo "PHPで改行するには「\\n」と記述します"; //preタグの終わり echo "</pre>"; 実行結果解説 2行目のpreタグは出力した改行などをHTML表示でも反映させるためのタグです。 5行目では文字列をシングルクォーテーションで囲っているのでダブルクォーテーション(“)はそのまま表示でき、シングルクォーテーションはエスケープシーケンスで表示します。 8から10行目でエスケープシーケンス「\n」により文字列の途中で改行しています。 13と14行目は文字をそろえる時に便利なタブ文字「\t」（一定間隔の空白を空ける文字）を入力しているので、数字とフルーツの名前がそろっています。 18行目は変数名などで使われるドル記号($)をエスケープして表示しています。また22行目にあるように、バックスラッシュ（または円記号）自身を表示するときは「\\」と記述します。 ※シングルクォーテーションで文字列を囲ったときに機能するエスケープシーケンスは、「\’」と「\\」だけです。 [PR] コーディングで副業する方法とはHTMLタグのエスケープ(htmlspecialchars) エスケープ処理の中にはHTMLタグを無効化する処理も含まれます。たとえば、エスケープ処理をしていないフォームに「<script>alert(‘Hello!’)</scprit>」と入力すると、入力された文字を表示するときにアラート画面を表示するJavaScriptがそのまま実行されてしまう可能性があります。エスケープ処理を行うとタグで使われるHTMLの命令であるHTMLエンティティに変換されるので「<」や「>」などの記号は単なる文字として表示する「<」「>」に変わります。 PHPでHTMLタグをエスケープ処理するにはhtmlspecialchars関数を使います。 ※HTMLエンティティとは、アンパサンド(&)で始まりセミコロン(;)で終わる記号を表示するHTMLの命令を表す文字です。たとえばコピーライトの記号「©」を表示させるHTMLエンティティは「©」です。 ※エスケープ処理する関数は、他に特殊記号なども変換できるhtmlentities関数やタグを取り除くstrip_tags関数などもあります。書式エスケープ処理された文字 = htmlspecialchars( 対象文字列 ); htmlspecialchars関数の第1引数には、エスケープ処理したい文字列を指定します。 ※第2引数は省略できますが、ダブルクォーテーションなどを変換するかどうかなどの変換パターンを指定します。詳しくは公式ドキュメント「PHP: htmlspecialchars – Manual」のパラメータflagsの項目をご覧ください。 ※第3引数も省略できて、文字を変換するときの文字コードを指定します。サンプルコード HTMLタグを含んだ文字列「太字 」をhtmlspecialchars関数でエスケープ処理して、HTMLタグとして認識されない文字（HTMLエンティティ）に変換します。ソースコード <?php //HTMLタグをそのまま表示（太字になる） $tag = "太字 "; echo $tag; //HTMLタグをエスケープして表示（HTMLエンティティに変換される） $tag_escape = htmlspecialchars($tag); echo $tag_escape; ?> 実行結果解説変数 $tagを表示すると、HTMLタグが有効なのでタグが有効になり太字で表示され タグで改行されます。 htmlspecialchars関数にエスケープ処理したい変数 $tagを渡します。エスケープ処理されて「<」「>」の記号がHTMLエンティティに変換され、変数 $tagの文字列は「太字 」になります。エスケープ処理された変数 $tag_escapeを表示するとHTMLエンティティに変換されているので、太字にも改行にもならず単なる文字として表示されます。まとめバックスラッシュ(\)に続けて記述されたエスケープシーケンスを使用することで、特別な効果を持つ「’」や「$」を文字として出力したり、改行やタブのような特殊な処理を行えます。 HTMLタグを無効にするhtmlspecialchars関数でエスケープ処理することで安全な表示が行えます。エスケープ処理は実務でもよく使いますし、PHP以外のプログラム言語でも使用する処理です。エスケープ処理とは何か、その使用方法について確実にマスターして実際の開発に役立てましょう。大石ゆかり内容が分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ PHPを学習中の方へこれで解説は終了です、お疲れさまでした。つまずかず「効率的に」学びたい副業や転職後の「現場で使える」知識やスキルを身につけたいプログラミングを学習していて、このように思ったことはありませんか？テックアカデミーのPHP/Laravelコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、PHP/Laravelを使ったWebアプリケーション開発を学べます。まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

PHP

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

今回は、preg_matchについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 preg_matchを利用することで、文字列の検索や置換を行うことができます。実務でも、preg_matchを利用した文字列の検索や置き換えを行う処理を実装するので、ぜひ学習してみてください。目次正規表現とはエスケープとはescape関数とは正規表現でエスケープが必要な文字一覧まとめ筆者プロフィールそもそも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

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

PHPで文字列の中から特定の文字列を探す場面というのは比較的多いかと思います。文字列を検索する方法はいろいろありますが、今回は「strstr関数」「strpos関数」「preg_match関数」について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 strstr・・・区切り文字の前後の文字列を取得します。 strpos・・・文字列が最初に見つかる位置を取得します。 preg_match・・・正規表現で文字列を検索します。すべての関数の使い方を覚える必要はありませんが、1つでも書き方を覚えておくといざという時に便利でしょう。目次正規表現とはエスケープとはescape関数とは正規表現でエスケープが必要な文字一覧まとめ筆者プロフィールそもそも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 "; //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); //空白を削除（「太郎」->「太郎」） $firstName = trim($firstName); //姓の取得（空白より前） $lastName = strstr($target, $search, true); //検索結果はあるか if($firstName != false || $lastName != false){ //姓名の出力 echo "姓：$lastName "; echo "名：$firstName"; } else { echo "文字が見つかりませんでした。"; } ?> ※ダブルクォーテーションで変数を囲うと、“$変数名”で変数の値を展開して出力できます。変数の展開について詳しくは公式ドキュメント「変数のパース」をご覧ください。 ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。表示結果解説 //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); 検索対象の文字列（$target）から検索文字（$search）が見つかったところより後ろの文字列を取得します。検索対象の文字列

PHP

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

JavaScriptで正規表現のmatchを使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 JavaScriptで正規表現のmatchを利用することでデータの効率的に扱うことが可能になります。実務でも正規表現を利用して、電話番号や住所データを扱うため、ぜひ学習してみてください。また、入門向けのJavaSriptを学習できるサイトも紹介しているので、合わせてご覧ください。目次正規表現とはエスケープとはescape関数とは正規表現でエスケープが必要な文字一覧まとめ筆者プロフィールそもそも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

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

JavaScriptの正規表現でエスケープが必要な文字を現役エンジニアが解説【初心者向け】

目次

正規表現とは

エスケープとは

escape関数とは

正規表現でエスケープが必要な文字一覧

まとめ

筆者プロフィール

関連するキーワード

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

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

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

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

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

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

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

TechAcademyから
現役エンジニアの方へ
お知らせ

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

目次

正規表現とは

エスケープとは

escape関数とは

正規表現でエスケープが必要な文字一覧

まとめ

筆者プロフィール

記事を検索

関連するキーワード

関連する記事

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

TechAcademyから 現役エンジニアの方へ お知らせ

TechAcademyから
現役エンジニアの方へ
お知らせ