未経験でもわかる!PHPとJavaScriptの違いとは?

こんにちは!インストラクターの井上です。

PHPとJavaScript、多少知識がある人からすれば「全然違う」と即答できますが、プログラミング初心者からすれば何が違うのかさっぱりですよね。

そこで今回はWEBでよく使われるPHPやHTML/CSS/JavaScriptという言語の何がどう違うのかを解説していきます。

プログラミングの学習を行う前に、これらの違いを理解するととても効率が上がるので是非抑えておいてくださいね。

【おすすめ記事】

【卒業生作品まとめ】PCスキル皆無でもこんなWebアプリ作れました!
更新日 : 2019年5月15日

WEBの仕組みとWEBサービス

shutterstock_190201718

WEBの仕組み

WEBサイトやWEBアプリと呼ばれるものには大きく2つの登場人物がいます。

クライアントと呼ばれるブラウザと、サーバと呼ばれるコンピュータです。

このページをも、あなたのブラウザがサーバへアクセスすることで、該当のテキストや画像がダウンロードされて各WEBページを見られるようにしてくれています。

WEBサイトとWEBアプリの違い

情報発信だけを行うWEBページで構成されているものを「WEBサイト」と呼びます。

これは「ただクライアントにダウンロードして見せられれば良い物」です。

しかし、普段使っているFacebookやTwitterといったSNSなどは、「投稿」したり「検索」したりと「双方向にデータのやり取りが有る」ことで成り立っています。

このように、こちらのリクエストに対して、ケースバイケースで対応してくれるものを「WEBアプリ」や「WEBサービス」と呼びます。

WEBサイトはHTML/CSS/JavaScriptという言語のみで作成可能ですが、WEBアプリに関しては、バックエンドと呼ばれる世界でこちらのリクエストを理解する仕組みや処理をPHPやRubyといった言語で作成する必要があります。

HTMLはWEBページの骨組み

shutterstock_285937094

HTMLは家で言うところの骨組みです。

ブラウザがサーバからHTMLをダウンロードして、文字などを画面に表示します。

WEBプログラミングにおいては、まずHTMLで家の柱や壁を作成して、とりあえず機能するものを作成していくイメージです。

具体的には、文字を段落ごとに表示したり、画像を表示したりといった具合です。

CSSはWEBページの装飾

shutterstock_142037845

ただ柱・壁・屋根があるだけの家には何も魅力がありません。

そこで来客をおもてなし出来るように、CSSという言語で配置や色を整えて装飾をしていきます。

具体的には画像を中央寄せにしたり、文字の大きさや色を変えたり、背景を設定したりといった具合です。

なお、HTMLやCSSはプログラミング言語ではなくマークアップ言語とよばれるものになります。

プログラミング言語はロジック(考え方)を記述するもので、答えが一通りしか存在しないものはマークアップ言語は「状態を表現」していきます。

JavaScriptはインタラクティブな動作を作る

shutterstock_131561690

家として機能していればとりあえずは問題ないですが、来客者や住む人に対してまだまだ配慮する仕組みはあった方が良いですね。

JavaScriptは家で言うところの「自動ドア」や「エレベーター」などのように、人が何かしたいと思った際の便利な仕組みを提供したり、視覚的なギミックを作成することが出来ます。

具体的には、検索しようとしたときに検索候補を出したり、フォームでリアルタイムにエラーを表示したり、画像のスライドショーを行ったりといった具合です。

PHPはデータ等の処理を作る

shutterstock_397053460

ここからバックエンドの処理に入ってきますので世界が変わります。

PHPの処理を実装するとただの家ではなく、来客用のおもてなしシステムが組み込まれるようなイメージです。

その人が本人かパスワード等で確認したり、その人の友達の情報などパーソナルにカスタマイズされた情報を出したり、伝言を預かったりとハイテクな場所になります。

具体的には、会員機能・データの投稿や表示・同じURLのページでも状況により表示内容を変更する等が可能です。

Twitter等で更新する度に表示が変わるのは、今見せるべき情報をサーバサイドのロジックを通してから画面にだしているからです。

CakePHPはフレームワークという土台

shutterstock_258562583

ここまでで概ねフロントとサーバサイドの話は出来ましたが、ついでにフレームワークについてもお話しておきましょう。

PHPで一連のデータを扱う処理を全て自分で作成するのはとても骨が折れるので、最近ではWEBフレームワークというものを使用することが一般的です。

これはもともと家に搭載できるシステムの土台が提供されているもので、WEBフレームワークを用いることでこれまで紹介した技術を、ユニットバスのようなパッケージをレゴブロックを組み立てるように組み上げられるようになるものです。

PHPではCakePHPなどが有名です。

フレームワークについてより詳しく知りたい方は次の記事も合わせてご覧ください。

アプリ開発を100倍効率化!独学初心者が最初に知るべき仕組み3選
更新日 : 2019年5月3日

プログラミングを本格的に学ぶためには

これからプログラミング学習をしたいけど

どの言語を学べばいいか分からない、もっとどんな事が出来るのか知りたい

このように悩んでいませんか?

プログラミング学習をする上で、どの言語を学ぶかは今後の仕事にも関わるとっても重要な選択です。この選択を間違えるとあとあと後悔することになりかねません。ですが、一人だとなかなか決められないものです。

プログラミング言語を選ぶコツとしては、今後プログラミングを学びどんなキャリアを目指したいのかを明確にすることです。いきなりキャリアと言われてもイメージできないですよね・・・

プログラミングを学ぶ目的がわからないと悩む人は、弊社で行っている「無料体験レッスン」に参加してみてください。

この無料体験レッスンでは

  • あなたがプログラミングを学んで今後どんなキャリアを目指したいのか
  • そのキャリアに合ったプログラミング言語はどれなのか
  • そのキャリアを達成するための学習プランの提案


このような内容を、業界屈指のコンサルタントに相談することができます。

プログラミングを学んだ先の理想は一人一人違います。完全個別指導で、あなたに合わせた講師とカリキュラムで学習し、オリジナルサービスを開発することによって、転職やフリーランスデビュー、社内昇進など様々な卒業生がキャリアを伸ばすことに成功しています。

プログラミングを学ぶ目的をヒアリングさせていただいた上で、最適な言語選定や学習プランの提案をさせて頂きますので、まずは下記のカレンダーより空いてるお日にちにお気軽にお越し頂ければと思います。

まとめ

JavaScriptやPHPについて違いを説明してきましたがいかがでしたでしょうか?

それぞれの言語がどのような役割や特徴を持つのかつかめましたでしょうか。

また、自分が今学習するべきものが見えてきましたら、是非この機会に学習も行ってみてください。

関連記事

カレンダーも電卓もできる!JavaScriptで作られたWeb作品7選
更新日 : 2018年11月29日
【全て無料】独学でもスキルが身につくプログラミング学習サイトTOP5
更新日 : 2019年5月29日
初心者でも独学でWEBサイトを作れる! JavaScript勉強法まとめ
更新日 : 2018年11月12日

自分にプログラミングなんて・・・と思っていませんか?

今後10年間で今ある職業の『77%』はなくなると言われています。

人工知能や機械学習を筆頭にVR、AR、ドローンなどの最先端技術の発達はこれからのあなたの働き方に間違いなく影響を与えるでしょう。

将来を見据えてプログラミングができるようになってエンジニアになりたい、自分だけにしかできないクリエイティブな仕事がしたい、、、とお考えの方も少なくないでしょう。

と、同時に「難しそう、、自分にはできないだろう、、、」と諦めている方も多いのではないでしょうか。

弊社マンツーマンレッスンは、お一人お一人に専属のインストラクターがつくので、通常のスクールでは難しい、オリジナルアプリ開発や、フリーランスとしての仕事獲得まで支援しています。

まずは『無料体験レッスン』で弊社コンサルタントと一緒にあなた専用の学習カリキュラムを考えてみてはいかがでしょうか?

詳しくは下の画像をクリックしてください。

cta_mtm2

LINEで送る
Pocket

書いた人

井上 慎也

井上 慎也

侍エンジニア塾のインストラクター。フリーでWEB制作の受託や自身の事業の傍ら、侍ではWEBプログラミング方法の指導やプログラミング学習コミュニティの運用を行っている。
好きなショートカットキーは、command + w 。愛機はMac Book Pro。ブラウザのタブを大量に開きがち。

おすすめコンテンツ

あなたにぴったりなプログラミング学習プランを無料で診断!

プログラミング学習の効率を劇的に上げる学習メソッドを解説