PHPコメントを書くコードを組んでいるうちにいつの間にか違いを理解していたJavaScriptとphpの違いに関して、復習も兼ねて記事にしてみようと思います。「バックエンド」や「フロントエンド」という難しい言葉は省いて、ざっくりと「どう違うのか?」「何故使い分けるのか?」という部分をご紹介します。ささいな疑問でも解消するだけに留めず、しっかりと理解しましょう!まず初めに「ブラウザ」と「サーバー」の仕事の違いを理解するJavaScriptやphpの違いを考える前に、Webサイトを閲覧する際に必要な「ブラウザ」と、データを提供する「サーバー」の仕事を理解しなければなりません。Webサイトを見るために使用している「ブラウザ」と「サーバー」はそれぞれどんな仕事をしているのか。各々の仕事の違いを見てみましょう。ブラウザの仕事は?ブラウザの仕事は「サーバーへの要求」と「サーバーから提供された情報に対する処理を行う」ことが主な仕事になります。サーバーから提供されるデータにはJavascriptの記述もありますので、ブラウザではJavascriptの処理を行います。サーバーの仕事は?サーバーの仕事は「ブラウザの要求に対して必要なデータを提供する」ことが主な仕事になります。ブラウザが要求したデータがphp形式であれば、phpで記述された箇所を処理して、データをブラウザ側へ提供します。このように、ブラウザとサーバーは「要求」と「提供」をすることによって、様々なWebサイトを表示しています。JavaScriptとphpの大きな違いは処理を行うタイミングにあります見出しの通りですが、JavaScriptとphpの大きな違いは処理を行うタイミングにあります。JavaScriptはブラウザ側で処理が行われて、phpはサーバー側で処理が行われます。言葉ではなかなかイメージできないと思いますので、下記のようなソースコードを参考にして処理の流れを見てみましょう。上記のソースコードをサーバーに設置してブラウザからアクセスをすると、phpの部分はサーバー側で処理が行われます。サーバー側はphpの処理を行い、下記のようなコードに変換してブラウザ側にデータを送信します。JavaScriptの記述はそのまま残るので、JavaScriptのコードはブラウザ側で処理されます。phpはサーバー側で処理を行うため、データベースにもアクセスが可能となっています。そのため、記事のデータをデータベースに保管するCMS(WordPress等)ではphpの操作が必須となります。した余談になりますが、以前に私は下記のような記事を書きました。「日替わり」や「期間限定」という言葉に弱いです、網干です。飲食店やスーパーマーケットで曜日替わりのサービスをやっているお店をよく見かけます。ホームペ...上記の記事では、JavaScriptを使用して「現在の曜日」を取得していますが、phpでも同様の処理をさせることができます。JavaScriptとphpでは処理を行うタイミングが違うため、結果が異なる場合があります。パソコンの日付設定が月曜日で、サーバーの日付設定が火曜日だった場合を考えてみましょう。JavaScriptでプログラムを組んだ場合は、パソコンの設定で処理が行われるため、今回の例であれば月曜日が出力されます。phpでプログラムを組んだ場合は、サーバーの設定で処理が行われるため、今回の例であれば火曜日が出力されます。このように、パソコンの設定とサーバーの設定が異なっていると違う結果が出力されます。そのため、Webサイトで機能を実装する際には、JavaScriptとphpのどちらで組むべきかを事前に決める必要があります。ささいな疑問でも解消するだけに留めず、しっかりと理解しましょう!いかがでしたか?JavaScriptとphpの違いは、プログラムを組んでいる人は何となく理解した気になってしまう部分だと思います。言う私も、半年ほど前までは何となくで組んでいましたが、ふとJavascriptとphpを交互に組んでいるうちに「あれ?どっちが先に処理されるんだっけ?」と初歩的な部分に躓いてようやく理解しました。いったささいな躓きで理解していくことが、プログラマーにとっては大事なことなんだと思います。!この記事であなたの課題を解決することができましたか?疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。裕介Webサイト制作の際に活用するJavaScript、PHP等のプログラム関係を担当しています。過去にはC、C++、C#等を活用したソフトウェア開発も行っていました。Tokyoに行ってきました!2016.02.09“日本”と”世界”と”人”と”伝統工芸品”を結ぶ新しい取り組み2016.04.01【Photoshop】インクループ社長が髪を切ったようです。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。現代のマーケティング課題を解決する資格セミナーを行っているマーケティングリテラシー協会様のLPを作成いたしました。Animateを利用したアニメーションを作ってみる。2020年2月13日AD最近の実績/おすすめ記事2017-5-17ワードで空白を挟んで右側で文字を揃える方法2017-6-28読んでみようかな?と思うのは手書きチラシ!一友ビルドテック様のチラシを制作させていただきました。2016-3-14伊勢ヶ濱部屋様のHPを制作させていただきました!2019-7-25株式会社えがお様のランディングページを制作しました2019-2-4昔の味たまごさんの昔の味たまごプリンのランディングページを作成いたしました。ホームページ制作、WEBマーケティングページ上部へ戻る。