TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptでCookieのexpiresを設定する方法を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
JavaScript

JavaScriptでCookieのexpiresを設定する方法を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptでCookieのexpiresを設定する方法について現役エンジニアが解説しています。Cookieとはサーバーがブラウザに送信するデータのことです。expires属性とは、有効期限を設定する場所になります。JavaScriptで有効期限を指定してCookieを作成してみましょう。

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

JavaScriptでCookieのexpiresを設定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。

 

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

JavaScriptでCookieのexpiresを設定する方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

目次

 

Cookieとは

サーバーがブラウザに送信するデータのことです。このデータはブラウザに保存されサーバーとのやり取りに使用されます。

データはkey=valueの形の文字列で格納されています。

Cookieを使うことで、ログイン情報やショッピングカートのカート情報などを保持してユーザーの操作をサポートできます。
 

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

Cookieのexpires属性について

Cookieのexpires属性は、有効期限を設定する場所になります。expires属性の指定がない場合は、セッションの終了までとなり、指定をする場合は、UTCの日付文字列で指定します。

UTCの日付文字列は、下記のような形式になります。

Mon, 31 Aug 2020 15:00:00 GMT

この日付のフォーマット文字列は、Dateオブジェクトを生成してtoUTCStringメソッドを呼び出すことで取得できます。
 

Cookieのexpiresを設定する方法

document.cookieと記述するとCookieの持っているkey=valueの値が参照できます。

そこに値をkey=valueとなるような文字列の後に;（セミコロン）で区切ってexpires=【UTCの日付文字列】のようにexpiresを追加で記述することで設定できます。
 

実際に設定してみよう

実際に設定する例として、nameという名前にテックアカデミージュニアという文字列に有効期限であるexpiresを2020年の8月31日の0時として設定してみます。

document.cookie = 'name=テックアカデミージュニア; expires=Mon, 31 Aug 2020 00:00:00 GMT';

このJavaScriptをブラウザのコンソールで実行すると、表示しているサイトのドメインに上記の名前のCookieが追加されます。

Cookieの値は下記のように記述することでkey=valueの部分を見ることができます。

document.cookie

設定したexpiresも確認するには、ブラウザの開発者ツールかCookieを参照する拡張ツールを使用してください。
 

まとめ

画面を移動したり、ブラウザを開き直したりするような場合にもデータを保存したいことがあるかと思います。

サーバーとの通信にもそのデータを含めたい場合は、今回紹介したCookieの使用を検討してみてください。サーバーとの通信にデータを含める必要がなければ、Web Storageという操作の簡単な部品もありますので、適宜使い分けてください。
 

筆者プロフィール

横山茂雄（よこやましげお）

フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。

言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

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

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

記事を検索

関連するキーワード

関連する記事

JavaScriptのコメントアウトの使い方を現役エンジニアが解説【初心者向け】

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

JavaScriptの学習におすすめの無料問題集を現役エンジニアが解説【初心者向け】

JavaScriptの学習におすすめの無料問題集について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 ...
JavaScript

入門に最適！独学から始められるjQueryの学習サイト20選

jQueryを勉強したいと思って検索してみても、サイトが多すぎてどのサイトから勉強すれば良いか分からないという方がいるかと思います。 今回は、独学から始め...
JavaScript

JavaScriptでマイクロ秒単位で時間を計測する方法を現役エンジニアが解説【初心者向け】

JavaScriptでマイクロ秒単位で時間を計測する方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入...
JavaScript

JavaScriptでオブジェクトを使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでオブジェクトを使う方法について解説します。 また、...
JavaScript

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

JavaScriptで要素を削除する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
JavaScript

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

JavaScriptでcookieを読み書き削除する方法を現役エンジニアが解説【初心者向け】

JavaScriptでcookieを読み書き削除する方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門向けのJavaSriptを学習できるサイトも紹介しているので、合わせてご覧ください。   そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 cookieを読み書き削除する方法について詳しく説明していくね！ 大石ゆかり お願いします！   cookieを読み書き削除する方法 cookieとは、ブラウザに保存される小さな情報です。 例えばログインが必要なWebサイトに2回目以降訪問した場合、ログインIDを入力する欄にあらかじめIDが設定されている場合があります。このような場面で利用されるのがcookieです。 cookieを読み書き削除するにはdocument.cookieを使います。   cookieを書き込む cookieを書き込むには以下のように記述します。cookieは key=値 の形式で保存されます。 document.cookie = "key=value"; 書き込みの際にオプションを指定することができます。例えば有効期限を設定する場合はexpiresオプションを使い、以下のように記述します。 document.cookie = "name=value; expires=Thu, 21 Mar 2019 12:00:00 GMT";   cookieを読み込む cookieを読み込むには以下のように記述します。複数のcookieが設定されていた場合、全てのcookieがセミコロンで結合された値が返ります。以下の場合「cookies」という変数に、cookieを読み込んでいます。 var cookies = document.cookie;   cookieを削除する cookieを削除するにはexpiresに0を指定します。 document.cookie = "name=; expires=0";   cookie について、詳しくは以下の記事を参考にしてください。 mozilla.org-cookie   実際に書いてみよう 今回のサンプルプログラムでは、 cookie を読み書き削除しています。なお、 cookie の読み込みの部分のソースコードは以下を参考にしました。 mozilla.org-cookie <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>cookie sample1</title> </head> <body> <input id="input1"value=""/><br> <button onclick="writeCookie()">書き込み</button><br> <button onclick="readCookie()">読み込み</button><br> <button onclick="deleteCookie()">削除</button> <script type="text/javascript"> // cookieの値を読み書きする要素 var input1 =
JavaScript

JavaScriptでcookieを削除する方法を現役エンジニアが解説【初心者向け】

JavaScriptでcookieを削除する方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門向けのJavaSriptを学習できるサイトも紹介しているので、合わせてご覧ください。   そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。     田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでcookieを削除する方法について詳しく説明していくね！ 大石ゆかり お願いします！   cookieとは cookieとは、ブラウザに保存されるテキストデータのことを指します。key=valueという形式でデータを持っています。 cookieにはサイトの訪問回数やユーザーのID、パスワードなどが保存されています。これはWebサイトを訪問した時に、IDやパスワードを入力してログインの手間を省いたりショッピングサイトでのカートに入っている商品の情報を保存するのに使われています。 よくセッションと比較されますが、sessionはサーバー側でデータを持つのに対しcookieはブラウザ側で情報を持つという違いがあります。そのためcookieはユーザー側で削除することができます。 Webサイトを作成する際には、必須の知識になるのでしっかりと押さえておきましょう。 JavaScriptでcookieを削除する方法 cookieを削除する方法はいくつかありますが、JavaScriptでも削除することが可能です。cookieはmax-age（cookieの存続する時間を持っているkey）とexpires（cookieを破棄する日付を持っているkey）を持っています。 削除はmax-age=0にする、またはexpires=過去の日付とする、の二つの方法で可能です。JavaScriptでは以下のようにcookieを操作します。   document.cookie = "key=value;key2=value2"   key=valueでcookieを操作します。連続して値を入れる場合は;で繋ぎます。 [PR] コーディングで副業する方法とは実際に書いてみよう それでは実際にcookieを削除してみましょう。以下のようにコーディングして、値の作成・削除を行ってみます。 document.cookie = "key1=value1" document.cookie = "key2=value2" console.log(document.cookie) document.cookie = "key1=;max-age=0" var dt = new Date('2000-12-31T23:59:59Z'); document.cookie = `key2=;expires=${dt.toUTCString()}`; console.log(document.cookie)   以上がcookieの削除方法です。解説は以上です。   筆者プロフィール メンター金成さん。 2014年より、某物流会社のシステム開発担当として入社。 未経験ながら、社内システム保守～新規受注システム開発まで携わり、JavaScript　Ruby on Rails　PostgreSQLなどの経験を積む。現在も、開発案件に携わりながら、日々勉強中。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

JavaScriptでdocumentオブジェクトを使う方法【初心者向け】

JavaScriptの使い方を初心者向けに紹介した記事です。 今回は、JavaScriptでdocumentを使う方法について解説します。 また、入門向けにJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   documentとは 「document」は、documentオブジェクトと呼ばれ、Chrome等のブラウザ上で表示されたドキュメントを操作する事ができます。 ここで言うオブジェクトとは、プログラミング言語で操作ができるデータを意味します。 今回説明する、documentオブジェクトは非常に多くのプロパティやメソッドを持っています。 ここでのプロパティは値を意味します。そして、メソッドは処理を意味します。   Cookie(クッキー)を保存・取得するdocumentオブジェクトの例 Cookie(クッキー)とは、現在ご利用中のパソコンやスマートフォン（iPhoneやAndroid）端末のブラウザ（Chrome等）に保存されるデータのことです。 Cookie(クッキー)に保存することで、便利になる機能としてログインフォームにニックネームやメールアドレスを記入する時に、毎回記入する必要がなくなります。 一度ニックネームやメールアドレスを入力すると、Cookie(クッキー)がご利用中の端末のブラウザに保存されます。 そして、次回同じ会員制サイトにアクセスした際、前回入力したハンドル名やメールアドレスが取得され自動的にログインフォームへ表示してくれます。 これがCookie(クッキー)の保存と取得の例になります。   [PR] コーディングで副業する方法とはCookie(クッキー)を保存・取得するdocumentオブジェクトの動作例 こちらはテックアカデミーの受講生ログインページです。 通常は赤枠部分に受講生がログインするためのメールアドレスを入力します。 しかし、一度ログインすれば、次回以降は自動的にメールアドレスが表示されます。 Cookie(クッキー)を保存・取得するdocumentオブジェクトの動作例になります。 なお、保存・取得されるCookie(クッキー)はあくまでご利用中のパソコンやスマートフォン（iPhoneやAndroid）端末のブラウザ（Chrome等）に保存されます。 そのため、端末であってもブラウザをChromeからSafariやInternetExplorerに変更して、同じ会員制サイトにアクセスしても、以前アクセスした時のメールアドレス当情報は取得されません。 なぜなら、保存先は、同じ端末のChromeの中にあるためです。   Cookie(クッキー)を保存・取得するdocumentオブジェクトの実装例 Cookie(クッキー)のdocumentオブジェクトの使用方法 Cookie(クッキー)を保存・取得するdocumentオブジェクトは document.cookie の文法で利用することができます。   Cookie(クッキー)を保存する Cookie(クッキー)を保存する場合は、 Cookie(クッキー)名=値; expires=有効期限; domain=ドメイン名; path=パス; secure の形式で記載します。最初のCookie(クッキー)名=値;のみが必須項目になります。 つまり、Cookie(クッキー)名をemail、値をtechacademy@techacademy.jpとする場合は、 document.cookie = "email=techacademy@techacademy.jp"; とJavaScriptに記載します。   Cookie(クッキー)を取得する 同様に document.cookie と記載するだけでCookie(クッキー)が取得できます。 実際のコードJavaScript document.cookie = "email=techacademy@techacademy.jp"; document.write('Cookie(クッキー)名の中身は' + document.cookie+ 'ですね') 実行後の画面 こちらで実際のJavaScriptプログラムを見ながら動作確認ができます。   documentオブジェクトの種類 documentオブジェクトには非常に多くの種類があります。 今回は、よく使われるCookie(クッキー)プロパティを例に説明しました。 他のdocumentオブジェクトについてはこちらでも解説してあります。   以上、documentオブジェクトの使い方について解説しました。 Cookieは、目には見えないですが、重要な情報になるので、扱い方を覚えておくと実際の現場でも役に立つはずです。 また、TechAcademyでは最短4週間でフロントエンドの技術が身につくフロントエンドオンラインブートキャンプを開催しています。JavaScriptを使ってリッチなWebサービスを作りたい方はぜひご覧ください。
トピックス

Webサービスの運営に必須！RubyでCookieを扱う方法【初心者向け】

RubyでCookieを扱う方法について解説しています。Webサイトを運営していく中でユーザーのデータ(どんな人がいつ訪れたのかなど)は必要不可欠です。 日頃インターネットを使う中では目にしませんが、サービス提供側であれば必要になってくる知識なので、ぜひ覚えておきましょう。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事をまずご覧ください。   なお本記事は、TechAcademyのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！Cookieというのはよく聞きますが、具体的にどういう役割があるんですか〜？ 田島悠介 Cookieはユーザーの情報を一時的に保管しておくための機能だよ。 大石ゆかり サイト側でずっと保持しているということですか？ 田島悠介 いや、実際にデータを保管するのはユーザー側になるんだ。まずは基本的な流れを説明しよう。   目次 Cookieとは Cookieの書き方 実際に書いてみよう   Cookieとは Webサイトの提供者が、ユーザーのパソコンに一時的にデータを保存する仕組みのことを指します。 例えば、Cookieにログイン情報を暗号化して保存させておくことによって、Webサービスにログインしたままにする機能や、Cookieに時間のかかる情報をキャッシュしておくことによって、アクセス時間を短くすることができます。 Cookieは他にも、最終アクセスやドメインなど、Webサービスの提供側にとってあると役に立つ情報を保存することができ、Cookieの理解はWebサービス開発にあたって不可欠になってきます。   田島悠介 Cookieの基本的な概念についての説明だよ。 大石ゆかり サイト側にデータが残ってるわけじゃなくて、使用している側のPCに情報が保存されているんですね。 田島悠介 そしてまた同じサイトにアクセスしたとき、その情報をまたサイト側に送るわけだね。   [PR] コーディングで副業する方法とはCookieの書き方 それではRubyでCookieを取得する方法について解説していきたいと思います。CookieはHTTPメソッドのget_fieldsを使用することで取得することができます。 get_fields('Set-Cookie') 実際の流れとしては URLを取得 そのURLからHTTPインスタンスを作成 インスタンスで接続 Cookieを取得 となります。 言葉で説明しても分かりにくいと思うので実際に書いていきたいと思います。   実際に書いてみよう それでは実際にプログラムを書いていきましょう。今回は、実行するとCookieの情報をコンソール上に出力するプログラムを作成していきます。 require 'net/http' uri = URI.parse('http://www.google.co.jp') http = Net::HTTP.new(uri.host) http.start response = http.get '/' p response.get_fields('Set-Cookie') 上で説明した通り、URLを取得、そのURLからHTTPインスタンスを作成、インスタンスで接続、Cookieを取得という流れになっていることがわかります。 実行すると、Cookie情報が出力されます。   まとめ 今回はCookieについて解説していきました。 Cookieはプログラミング初学者にとっては難しい概念となりますが、知っておくととても役立つのでぜひ理解しておくようにしましょう。   田島悠介 上記のコードをコンソールで実行してみよう。どうなったかな。 大石ゆかり なんだか長い文字列が表示されましたね。 田島悠介 この部分がCookieの出力結果になるんだ。Cookieはログインやユーザーの情報を取り扱う上でも大事な要素なので、少しずつ覚えていこう。 大石ゆかり はい、ありがとうございました！   [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルサービスが作れるRuby on Railsオンラインブートキャンプを開催しています。Rubyを習得したい方はぜひご覧ください。
Ruby

JavaScriptでCookieのpath属性を設定する方法を現役エンジニアが解説【初心者向け】

JavaScriptでCookieのpath属性を設定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。   JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をまずご覧ください。   なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでCookieのpath属性を設定する方法について詳しく説明していくね！ 大石ゆかり お願いします！   目次 Cookieとは Cookieのpath属性について Cookieのpath属性を設定する方法 実際に書いてみよう まとめ   Cookieとは サーバーがブラウザに送信するデータのことです。このデータはブラウザに保存されサーバーとのやり取りに使用されます。データはkey=valueの形の文字列で格納されています。 Cookieを使うことで、ログイン情報やショッピングカートのカート情報などを保持してユーザーの操作を助けることができます。   [PR] コーディングで副業する方法とはCookieのpath属性について Cookieの情報はサーバーとの通信に含まれます。URLのどのようなpathに、Cookieの情報を含めるかを指定するのがpath属性になります。 指定がない場合は、同じドメインのURLならば含める設定になります。 URLのドメインとpathは、下記のURLの例だと「○○.com」がドメインでその後の/（スラッシュ）以降がpathになります。 http://○○.com/aaa/bbb   Cookieのpath属性を設定する方法 document.cookieと記述するとCookieの持っているkey=valueの値が参照できます。 そこに値をkey=valueとなるような文字列の後に;（セミコロン）で区切ってpath=/【path】のようにpathを追加で記述することで設定できます。   実際に書いてみよう 実際に設定する例として、nameという名前にテックアカデミージュニアという文字列をもったCookieにpathを/testと指定するコードを紹介します。 document.cookie = 'name=テックアカデミージュニア; path=/test;' このJavaScriptをブラウザのコンソールで実行すると、表示しているサイトのドメインのtestというpathに上記のCookieが追加されます。 Cookieの値は下記のように記述することでkey=valueの部分を見ることができます。 document.cookie 今回はpathを/test、としているので、URLのpathがhttps://○○.com/testのように、pathがtestになっていないと追加したCookieは参照できないので注意してください。もしくは、pathはcookieを設定するURLに合わせて書き換えて実行しても問題ありません。 また、設定したpathも確認するには、ブラウザの開発者ツールかCookieを参照する拡張ツールを使用する必要があります。   まとめ 画面を移動したり、ブラウザを開き直したりするような場合にもデータを保存したいことがあるかと思います。 サーバーとの通信にもそのデータを含めたい場合は、今回紹介したCookieの使用を検討してみてください。サーバーとの通信にデータを含める必要がなければ、Web Storageという操作の簡単な部品もありますので、適宜使い分けてください。   筆者プロフィール 横山茂雄（よこやましげお） フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。 言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

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

PHPで文字列の中から特定の文字列を探す場面というのは比較的多いかと思います。 文字列を検索する方法はいろいろありますが、今回は「strstr関数」「strpos関数」「preg_match関数」について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 strstr・・・区切り文字の前後の文字列を取得します。 strpos・・・文字列が最初に見つかる位置を取得します。 preg_match・・・正規表現で文字列を検索します。 すべての関数の使い方を覚える必要はありませんが、1つでも書き方を覚えておくといざという時に便利でしょう。 目次CookieとはCookieのexpires属性についてCookieのexpiresを設定する方法実際に設定してみようまとめ筆者プロフィール そもそも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

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

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

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptでCookieのexpiresを設定する方法を現役エンジニアが解説【初心者向け】