PHP
PR

PHPとは?HTML・CSS・JavaScriptとの違いをやさしく整理する

PHP 1-1の記事用アイキャッチ画像。PHPロゴ、コード画面、サーバーを組み合わせて、PHPがサーバー側で動くプログラミング言語であることを表現している。
toshi
記事内に商品プロモーションを含む場合があります

この記事は、PHPをこれから学ぶ人向けに、PHPの役割をやさしく整理する記事です。

この段階では、細かい文法やコードをすべて覚える必要はありません。
まずは「PHPは何をする言語なのか」「HTML・CSS・JavaScriptと何が違うのか」をざっくりつかめれば大丈夫です。

PHPは、WEBサイトの「裏側の処理」を担当するプログラミング言語です。

HTMLやCSSが画面に見える部分を作るのに対して、PHPはサーバー側で動き、入力内容を受け取ったり、ページの内容を切り替えたり、WordPressのような仕組みを動かしたりします。

まずは難しく考えすぎず、「PHPはサーバー側で動く言語」と覚えるところから始めていきます。

この記事で分かること

この記事では、PHPを学び始める前に知っておきたい基本を整理します。

  • PHPとは何か
  • HTML・CSS・JavaScriptとの違い
  • PHPがどこで動くのか
  • PHPでできること
  • WordPressとPHPの関係
  • 次に何を学べばよいか

PHPは、いきなり文法から入ると少し分かりにくい言語です。

先に「どこで使われるのか」「何を担当するのか」を知っておくと、次の記事からコードを書き始める時に理解しやすくなります。

Q
先に結論だけ読む

PHPは、WEBサイトの裏側で動くサーバー側のプログラミング言語です。

HTMLはページの構造、CSSは見た目、JavaScriptはブラウザ側の動き、PHPはサーバー側の処理を担当します。

WordPressもPHPで作られているため、PHPを学ぶとWordPressテーマやfunctions.phpの理解にもつながります。

PHPとは?

PHPは、WEBサイトやWEBアプリの裏側でよく使われるプログラミング言語です。

正式には「サーバー側で動く言語」と考えると分かりやすいです。

たとえば、WEBサイトを見ている時、画面に表示されている文章や画像だけを見ると、すべてブラウザの中で完結しているように感じるかもしれません。

でも実際には、裏側でサーバーが動いています。

サーバーとは、WEBページのデータを保管したり、必要な処理を行ったりするコンピューターのことです。

自分のパソコンやスマホでページを見る時、その裏側ではサーバーがページの内容を用意して、ブラウザに届けています。

PHPは、そのサーバー側で動いて、必要な処理を行います。

たとえば、次のような処理です。

  • お問い合わせフォームの入力内容を受け取る
  • 投稿一覧を表示する
  • ログインしている人にだけ内容を見せる
  • ページごとに表示内容を変える
  • WordPressの記事や設定を読み込む

つまりPHPは、WEBサイトの「見た目」だけではなく、「裏側の動き」を作るための言語です。

HTML・CSS・JavaScript・PHPの違い

WEBプログラミングを学び始めると、HTML、CSS、JavaScript、PHPという言葉が出てきます。

最初は全部似たように見えるかもしれませんが、それぞれ役割が違います。

HTML、CSS、JavaScript、PHPの役割の違いを整理した比較図
HTMLは構造、CSSは見た目、JavaScriptはブラウザ側の動き、PHPはサーバー側の処理を担当します。
言語主な役割ざっくり言うと
HTMLページの構造を作る見出し、文章、画像、リンクなどを配置する
CSS見た目を整える色、余白、文字サイズ、レイアウトを調整する
JavaScriptブラウザ側の動きを作るクリックした時の反応や表示の切り替えを作る
PHPサーバー側の処理を行うデータを受け取る、表示内容を変える、WordPressを動かす

HTMLとCSSは、ページの見た目を作るために使います。

JavaScriptは、ブラウザの中で動きを作るために使います。

一方でPHPは、ブラウザではなくサーバー側で動きます。

ここが大きな違いです。

PHPを理解する時は、まずこの違いを押さえておくと楽です。

HTML・CSS:
見える部分を作る

JavaScript:
ブラウザ側の動きを作る

PHP:
サーバー側の処理を行う

PHPはどこで動くのか

PHPは、基本的にサーバー側で動きます。

ここは、JavaScriptとの違いとして特に大事です。

JavaScriptは、読者のブラウザで動きます。

たとえば、ボタンを押したらメニューが開く、画像が切り替わる、入力内容をその場でチェックする、といった動きです。

一方、PHPはサーバー側で処理されます。

たとえば、PHPファイルにアクセスすると、サーバー側でPHPが実行され、その結果がHTMLとしてブラウザに返されます。

読者のブラウザにPHPのコードがそのまま届くわけではありません。

PHPはサーバー側で処理され、最終的にはHTMLとしてブラウザに表示されます。

この仕組みを知っておくと、「なぜPHPは普通にHTMLファイルを開くだけでは動かないのか」も理解しやすくなります。

次の記事では、このPHPを自分のパソコンで動かすために、Laragonというローカル環境を使って準備していきます。

PHPでできること

PHPを使うと、静的なページだけではできない処理を作れるようになります。

たとえば、次のようなことです。

  • フォームから送られた内容を受け取る
  • 条件によって表示する文章を変える
  • 同じパーツを複数ページで使い回す
  • データベースと連携する
  • ログイン機能を作る
  • WordPressテーマの表示を調整する
  • 簡単なWEBアプリを作る

最初から全部できる必要はありません。

PHP 1章では、まずPHPファイルを作って表示するところから始めます。

そのあと、変数、条件分岐、配列、フォーム処理という順番で少しずつ進めていきます。

WordPressとPHPの関係

ToshiLabでも使っているWordPressは、PHPで作られています。

そのため、PHPを学ぶとWordPressの理解にもつながります。

たとえば、WordPressテーマの中には、次のようなPHPファイルがあります。

  • index.php
  • single.php
  • page.php
  • header.php
  • footer.php
  • functions.php

これらは、WordPressの表示や機能に関係する大事なファイルです。

もちろん、最初からテーマファイルを直接編集する必要はありません。

ただ、PHPの基本を知っていると、WordPressの中で何が起きているのかを少しずつ理解しやすくなります。

PHPを学ぶ目的は、文法を暗記することだけではありません。

WordPressの仕組みを理解したり、フォーム処理を作ったり、将来的にLaravelや自作ツールへ進んだりするための土台にもなります。

PHP学習で最初に意識したいこと

PHPを学び始める時は、いきなり難しいことを覚えようとしなくて大丈夫です。

最初に意識したいのは、次の3つです。

1つ目は、PHPはサーバー側で動くということ。

2つ目は、PHPの結果はHTMLとしてブラウザに表示されるということ。

3つ目は、HTMLの中にPHPを混ぜて書けるということです。

この3つが分かるだけでも、PHPの入口としてはかなり十分です。

最初に意識すること内容
PHPはサーバー側で動くブラウザだけではなく、サーバーで処理される
表示結果はHTMLになるPHPの処理結果がHTMLとしてブラウザに届く
HTMLと組み合わせて使えるHTMLの中にPHPを書いて、表示内容を変えられる
WordPressにもつながるテーマやfunctions.phpの理解につながる

この段階では、細かい文法よりも「どこで動いて、何に使うのか」をつかむ方が大切です。

よくある勘違い

PHPを学び始めた時に、少し混乱しやすいポイントもあります。

PHPはHTMLの代わりではない

PHPはHTMLの代わりに使うものではありません。

PHPは、HTMLを作るための処理を行う言語です。

最終的にブラウザに表示されるのはHTMLなので、PHPを学ぶ前にHTMLの基本を知っていると理解しやすくなります。

PHPはJavaScriptと同じ場所で動くわけではない

JavaScriptはブラウザ側で動きます。

PHPはサーバー側で動きます。

どちらもWEBサイトに動きを加えるために使われますが、動く場所が違います。

PHPはWordPressだけの言語ではない

PHPはWordPressでよく使われていますが、WordPress専用の言語ではありません。

フォーム処理、会員機能、管理画面、WEBアプリなど、さまざまな場面で使われてきた言語です。

WordPressをきっかけにPHPを学ぶのは、とても自然な入口だと思います。

今日のまとめチェック


この記事の内容は、次のポイントが分かればOKです。

  • PHPはサーバー側で動く言語だと分かった
  • HTML・CSS・JavaScript・PHPの役割の違いがざっくり分かった
  • PHPの処理結果はHTMLとしてブラウザに表示されると分かった
  • PHPはWordPressの理解にもつながると分かった
  • 次はPHPを動かす環境を用意すればよいと分かった

全部を完璧に説明できなくても大丈夫です。

まずは「PHPは裏側の処理を担当する言語」と覚えておけば、次の記事に進めます。

まとめ

PHPは、WEBサイトのサーバー側で動くプログラミング言語です。

HTMLやCSSが見える部分を作り、JavaScriptがブラウザ側の動きを担当するのに対して、PHPはサーバー側で処理を行います。

最初は少し見えにくい存在ですが、お問い合わせフォーム、投稿一覧、ログイン機能、WordPressテーマなど、WEBサイトの裏側ではPHPが関係する場面が多くあります。

PHP学習の最初は、文法をすべて覚えるよりも、

  • PHPはサーバー側で動く
  • PHPの結果はHTMLとして表示される
  • WordPressにもつながる

この3つを押さえておけば十分です。

次の記事では、PHPを自分のパソコンで動かすために、Laragonを使った実行環境を用意していきます。

PR:最初の1冊(必要な方だけ)

PR:PHP学習の最初の参考書として、必要な方だけ見てください。
記事内の内容だけでも進められますが、手元に1冊あると、
PHPの基本文法やフォーム処理をまとめて確認しやすくなります。
※価格や在庫、版数は変わるため、最終確認はリンク先でお願いします。

次に読む

次は、PHPを実際に動かすための準備に進みます。

PHPは普通のHTMLファイルと違い、サーバー側で動かす環境が必要です。
ToshiLabでは、Windows環境で扱いやすい Laragon を使って、PHPを動かす準備をしていきます。

PHP 1章の流れ


PHP 1章では、次の順番で進めます。

  • PHP 1-1:PHPとは?HTML・CSS・JavaScriptとの違いを整理する
  • PHP 1-2:PHPの実行環境を用意する
  • PHP 1-3:はじめてのPHP。echoで文字を表示してみる
  • PHP 1-4:PHPファイルの書き方。HTMLの中にPHPを埋め込む基本

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

ABOUT ME
toshi
toshi
フルスタックエンジニア
C型肝炎や感染症の闘病を経て現在通院中
フリーランスとして今日を生きる、それがすべて。
静かな光の中で、歩みを止めずに生きていく。
実験大好きなので色々とやっていきます。
記事URLをコピーしました