PHPを学ぶ

【初心者向け】PHPとJavaScriptはどっちから学べばいい?それぞれの違いや勉強法も解説!

しろねこくん
しろねこくん
PHPとJavaScriptってどっちから勉強すればいいんだ?どっちも似てるし、違いもよくわかってないんだよな…
まど
まど
たしかによく似てるね!じゃあ今回はPHPとJavaScriptの違いから、どっちから勉強するべきか、効率の良い勉強法もあわせて紹介するね!

本記事の内容

  • PHPとJavaScriptの違い
  • まずはJavaScriptから学ぶのがおすすめ
  • JavaScriptの次にPHPを学ぶ
  • PHPとJavaScriptの効率の良い勉強法
  • まとめ:目的に合わせて学習すべし

プログラミングについて調べていると、PHPやJavaScriptが初心者におすすめの言語としてよく紹介されています。

しかし、どちらも同じようなことができるので、どちらから学習すればいいのか迷ってしまうのではないでしょうか?

当記事では、PHPとJavaScriptの違いや学ぶべき順序、学習方法まで紹介します。

PHPとJavaScriptの違い

しろねこくん
しろねこくん
そもそも、PHPとJavaScriptの違いってなんなんだ?

PHPとJavaScriptは似ているようで明確に違います。

まずはそれぞれがどういったもので何ができるのかを理解しましょう!

ざっくり違いを説明すると、

  • PHP:サーバー上で実行され、複雑な処理はできるがリアルタイムな処理ができない
  • JavaScript:ローカルPC上で実行され、複雑な処理はできないがリアルタイムな処理ができる

という感じです。

これだけだけでは分かりづらいので、詳しく解説します。

PHPはデータ等の処理に使われる

PHPはサーバー上で実行されると説明しましたが、具体的には下記のようなシチュエーションで使われます。

  • 会員機能
  • データの投稿・表示
  • 状況によってページに表示させる内容を変更

データベースを扱うような処理であったり、掲示板のように誰かの投稿が反映されていくような、そのサイトを見ているユーザー全体に影響があるような処理はサーバー側で実行します。

データを扱う複雑な処理ができる反面、ユーザーの動作にあわせてリアルタイムに処理をするということができません。

例えば、お問い合わせフォームの入力チェックを例にします。

JavaScriptでは、入力ミスがあればすぐにエラーとして表示することができますが、PHPではその情報を次のページに送信したときにしかチェックすることができません。

しろねこくん
しろねこくん
なるほど、リアルタイムな処理はできないんだな
まど
まど
そうだね、かわりにデータベースや動的な出し分けには向いているよ!

JavaScriptはインタラクティブな動作に使われる

ローカルPC上で実行されるJavaScriptは主に次のようなシチュエーションで使われます。

  • ボタンを押したときの処理
  • 登録フォームでのリアルタイムな入力チェック
  • スクロールしたときの処理

JavaScriptの特長は、ページ内で動作に合わせて即時に実行できるところです。

ページの更新を必要としないので、適切なタイミングで適切な処理を実行することができます。

PHPはページを読み込んだ際に実行されてしまうので、ページの更新なしに動作させることが難しくなっています。

しろねこくん
しろねこくん
やりたいことによってPHPとJavaScriptをうまく使い分けないといけないのか!
まど
まど
どちらも得手不得手があるってことだね!それぞれの特長を活かそう!

まずはJavaScriptから学ぶのがおすすめ

まど
まど
PHPとJavaScriptの違いは理解できたかな?
しろねこくん
しろねこくん
大体わかったぞ!それで、どっちから学ぶのがいいんだ?

結論からいうと、特別な理由がなければまずはJavaScriptから学ぶことをおすすめします。

その理由は下記。

  1. 環境構築が必要ない
  2. PHPに比べ覚えることが少ない
  3. HTML/CSSと合わせれば十分なサイトが作れる

では、それぞれみていきましょう!

環境構築が必要ない

JavaScriptをおすすめする理由の大きな理由です。

PHPは実行するための環境構築が必要で、これは初心者には大きな壁で、ここで挫折する人がかなり多いです。

まど
まど
とはいえ、今では簡単に環境構築できるツールもあるから安心してね!

今は簡単なツールがあるとはいえ、インストールから設定まで多少の負担は避けられないので、環境構築が不要というのはかなり大きいです。

試しに下記のコードをテキストファイルに「test.html」という名前で保存し、実行してみてください。

<script>
    alert("JavaScriptが実行されました!")
</script>

下記のようなアラートが表示されるかと思います。

しろねこくん
しろねこくん
ファイルを保存して実行するだけでいいんだな!

JavaScriptはこのように、特別な環境がなくても実行できるので非常に入門向きの言語だといえますね。

PHPに比べ覚えることが少ない

JavaScriptはPHPと比べ、覚えることが少なく短期間で学ぶことができます。

PHPを学ぶには下記のような知識も必要になってきます。

  • Session
  • Cookie
  • POST/GET
  • データベース
  • SQL

これは必要な知識の一部ですが、かなり大変そうですよね…。

しろねこくん
しろねこくん
言語の勉強だけすればいいわけじゃないのか…
まど
まど
そうだね、覚えることは多いけど、ひとつひとつはそこまで複雑じゃないから安心してね!

JavaScriptも覚えることはありますが、他言語に比べ仕様がコンパクトになっているので、覚えやすい言語といえます。

HTML/CSSと合わせれば十分なサイトが作れる

とりあえずWebサイトを作りたいという目的であれば、HTMLとCSS、JavaScriptがあれば立派なサイトが作れます。

データベースを使いたい、ページの出し分けをしたいというような理由がなければPHPは使用していないサイトも多いです。

しろねこくん
しろねこくん
なるほど、無理にPHPを使わなくてもいいのか

一般的なLP(ランディングページ)であれば、問題なく作れますね。

まど
まど
LPは広告でよく使われる、商品やサービスの特長を1ページにまとめたページのことだよ!

これに関しては、自分がどういったサイトを作りたいのかをはっきりさせて、目的に合った言語を選ぶといいでしょう。

JavaScriptの次にPHPを学ぶ

JavaScriptの基礎を一通り身につけたら、PHPの学習を始めるのがおすすめです。

今は環境構築は簡単にできる

以前は環境構築は大変な作業でしたが、今は誰でも簡単に構築できるツールがあります。

有名なものでいうと、XAMPPやMAMPですね。

インストールや設定の手間は多少ありますが、短時間で構築でいるメリットは計り知れません。

しろねこくん
しろねこくん
初心者の俺でもXAMPPを使えば10分でできたぞ!

XAMPPやMAMPの導入方法は、【画像で解説!】PHPの開発環境構築|XAMPP編にて紹介しています。

JavaScriptと文法が似ていて覚えやすい

JavaScriptとPHPは文法が非常によく似ており、JavaScriptでの書き方がそのまま使えるものもあります。

条件分岐に使われるif文やswitch文は全く同じ構文です。

// if文
if(式){
        // 処理        
}else{
        // 処理
}
// switch文
switch(式){
  case x:
    // 式がx の場合に実行する処理;
    break;
  case y:
    // 式がy の場合に実行する処理;
    break;
  default:
    // その他の場合の処理;
}
しろねこくん
しろねこくん
知識が流用できるのは嬉しいぞ…!!

また、プログラミングの勉強は最初の言語が鬼門ですが、ひとつ言語を覚えてしまえば2つ目以降の学習は意外にスムーズにいくことが多いです。

なぜなら、言語の学習方法が身についているから。

言語は違えど、その考え方は似ているといったケースが多いので、学習速度は確実に早くなります。

まど
まど
JavaScriptとPHPは共通点が多いから、学習の相性もすごくいいよ!

JavaScriptと連携してプログラムが組める

この2つの言語を連携させてプログラムを組むこともできます。

例えば、PHP側で取得してきたデータベースの情報を、JavaScriptを利用してボタンを押したときに表示させるといったことが可能です。

まど
まど
逆に、JavaScriptからPHPを呼び出して、リアルタイムにデータベースの情報を表示させるといったこともできるよ!

どちらもWeb上で動作する言語なので、その相性はすごく良いんです!

データベースも覚えよう

PHPはデータベースを扱えることが大きなメリットです。

データベースを学ぶことで、データの保存・検索・表示・削除などの管理ができるようになるので、開発の幅が圧倒的に広くなります。

今やデータベースを使用していないサービスはほとんどないと言っても過言ではないため、言語と一緒に学んでおきましょう。

XAMPPやMAMPを使えばMySQLというデータベース管理システムも一緒にインストールされ、シェアも広いのでおすすめです。

しろねこくん
しろねこくん
データベースはMySQLがおすすめなのか。データベースも一緒にインストールされるのは助かるな!

PHPとJavaScriptの効率の良い勉強法

PHPとJavaScriptのおすすめの勉強法は次のとおり。

  1. 参考書で学ぶ
  2. 動画で学ぶ
  3. 学習サービスを使う
  4. プログラミングスクールに通う
  5. メンターを雇う

順番にみていきましょう!

参考書で学ぶ

定番ではありますが参考書を使った学習ですね。

参考書にも相性があるので、パラッと中身をみてみて、自分に理解できそうかを確認しておきましょう。

初心者向けなのに内容は専門用語いっぱいで分かりづらいものもあります。

また、本をみながらコード書いて作っていくような内容のものが、理解しやすいので特におすすめです。

動画で学ぶ

最近はYoutTubeなどの動画配信サービスでもプログラミング関係のものが増えてきました。

こちらも、動画を見ながら実際にコードを書く練習ができるような内容のものがおすすめです。

初心者向けに解説しているものもあり、無料で視聴できるためとりあえず試してみるといいかと思います。

学習サービスを使う

プログラミング専用の学習サービスです。

有名どころでいうと、Progateドットインストールがおすすめです。

出典:ドットインストール公式サイト

スライドや動画を見ながらスムーズに学習でき、Web上に実際にコードを書きながら練習できるという機能もついており、かなり理解しやすいサービスになっています。

一部プランは有料ですが、無料プランでも基礎に関しては学習できるのでかなりおすすめです。

プログラミングスクールに通う

独学でも大丈夫ですが、スクールもありです。

プログラミングスクールは下記のようなメリットがあります。

  • メンターに相談してすぐに問題が解決できる
  • 一緒にがんばる仲間がいてモチベーションになる
  • 転職支援や返金制度などのサポートが充実している

界隈ではプログラミングスクールに通うべきかどうかで意見が分かれていますが、間違いなく最速でスキルを身につけることができます。

とはいえ、費用はなるべく抑えたい…という方のために、安価で高品質なスクールを、無料あり:安くて質が高いプログラミングスクール厳選3社!【エンジニアの私がおすすめする】にて紹介していますのでご覧ください!

無料あり:安くて質が高いプログラミングスクール厳選3社!【エンジニアの私がおすすめする】プログラミングスクールに興味はあるけど費用が高い…こんな悩みはありませんか?当記事では、安くて質が高いプログラミングスクールを厳選して紹介します!安いスクール選びの注意点も紹介するため、スクールに興味がある方は必見です!...

※ちょっと宣伝:大手スクールTechAcademyでは現在1週間の無料体験を受けることができます。

学習のコツを知りたい、プログラミングが自分に合っているか確かめたい方は、とりあえず無料体験だけ受けてイメージを掴むのがおすすめです。

» TechAcademyの無料体験はこちら

メンターを雇う

個人的にメンターを雇うということもできます。

月数万円からが相場のようなので、プログラミングスクールに通うよりかは安く抑えることができます。

プログラミングスクールほどのサービスはありませんが、効率よく学習することは十分可能です。

メンターの探し方については、下記ようなものがあります。

  • SNSで募集する
  • クラウドソーシングを使う
  • MENTAなどのサービスを使う

最近ではSNSでメンターや生徒を募集している投稿もみかけるので、その人の人となりを知ってから依頼したいという方には合っていますね!

まとめ:目的に合わせて学習すべし

特別な理由がなければJavaScript→PHPの手順で学習したほうが理解りやすいかなと思います。

ただ、PHPでしかできないものを作りたいなどの目的があれば、PHPが先でも全然問題ありません。

最終的にはどちらも勉強することになるかと思うので、目的に応じて優先度を決めるといいでしょう。

それでは以上です。ありがとうございました。

学習のコツを知りたい方

【プログラミング学習の始め方】完全初心者・未経験が0から始めるための手順プログラミングを始めてみたいけど、何をすればいいのかわからない。と悩んでいませんか?当記事では、完全初心者が0からプログラミングを学ぶための手順について紹介しています。誰でもできるのか、文系でも大丈夫なのかなどの疑問にも答えます。プログラミングを始めたいかたは必見です。...

PHPを独学で学びたい方

【超初心者向け】PHPを学習する準備をしようPHPを学習したいけど何から始めればいいかわからない...という疑問がありませんか?当記事では、PHPの学習にあたり、必要な前提知識や準備について紹介しています。これからPHPの学習を始める方は必見です!...