マナビヤ

人生が豊かになるブログ

manabiya

【第二回】知識ゼロから始めるPHPプログラミング入門(準備編②)

f:id:fab5:20191127212349j:plain

こんにちは fab5 です♪

当ブログでは前回からPHPのプログラミングを学習する過程を記事にして書いています。

前回だけではPHPについて全ての知識を説明することは出来なかったので、今回はその続きから解説していこうと思います。

それでは早速いってみましょう👉

 

 

PHPプログラムについて

PHPプログラムを理解するには

  • ドキュメントルート
  • HTMLファイル
  • PHPファイル

これらについての知識が必要になります。

それでは、これらについて順番に説明していきたいと思います。

 

ドキュメントルート

ドキュメントルートとは、PHPプログラムを置いておく場所であり、Webサーバーによって外部に公開されるフォルダのことです。

例えば、自分のPCからWebサーバーにアクセスした場合、サーバー内のドキュメントルートからフォルダの中身が公開されます。

図で説明するとこうですかね。


f:id:fab5:20191208202025j:image


f:id:fab5:20191208202036j:image


f:id:fab5:20191208202050j:image

 

HTMLとは

前回の記事で、Webページに書かれている文字というのはHTMLファイルを開いたものだという話をしました。

前回の記事はこちら↓

 

manabiya.fab5.work

 

それではブラウザで表示する前のHTMLファイルというものはどういうものなのか

  • HTMLソース
  • HTMLファイルの中身

以上の二つの点から説明していきたいと思います。

 

HTMLソースとは

HTMLソースというものは「<」「>」というタグを使って「コンテンツをどのように表示させるか」の指示を出すプログラムのことであり、<body>から</body>の間に書いてある文字だけがWebページに表示されます。

HTMLファイルというのは「常に同じ内容を表示する」ものだという特徴があります。

それでは実際にHTMLファイルの中身がどうなっているのか解説していきます。

 

HTMLファイルの中身

ここでWebページに「世界に1人  かけがえのないあなた」という文字を表示させるHTMLファイルを見ていきます。

それでは下の図をご覧下さい。


f:id:fab5:20191208175813j:image

 

この図のようにHTMLファイルにはこれだけのソースが書かれていますがWebページに表示されるのは<body>と</body>の間にある「世界に1人かけがえのないあなた」という文字だけですね。

 

PHPファイルとは

HTMLについて理解してもらった上で、次はPHPファイルというものについて説明していきます。

HTMLファイルというのは、様々なタグを使ってWebページの構成を指示するものでしたが、PHPファイルというのはHTMLファイルの中に組み込んで、Webページに色んなアクションを起こさせる処理を行えます。

それでは、PHPファイルの中身はどうなっているのか説明していきます。

 

PHPファイルの中身

今回の例えでは、ページにアクセスした人がどのブラウザを使っているのかを調べることができるソースを見てみます。

まず下の図をご覧下さい。


f:id:fab5:20191208175825j:image

 

このように全体の構成はHTMLファイルと同じようになっていますが、<body>から</body>の間に<?php~?>というプログラムが組み込まれています。

この部分がPHPプログラムであり、アクセスがあったブラウザの種類を識別できるようにソースが書かれています。

 これが実行されると「世界に1人かけがえのないあなた」の下に「あなたのブラウザはChromeですね」などが表示されるわけです。

HTMLファイルとPHPファイルの違い

ここで、これまでのおさらいとしてHTMLファイルとPHPファイルの違いについて説明します。

まずは下の図をご覧下さい。


f:id:fab5:20191208175841j:image

 

この図のようにHTMLファイルとPHPファイルというのは基本構造は同じであり、本体の中にPHPプログラムが組み込まれているかそうでないかの違いになります。

PHPプログラムが入ることによってWebページが動的な内容を持つページになり、ユーザーが起こしたアクションによって様々なページが表示されるようになります。

 

本日のおさらい

今回の話は全て理解してもらえましたか?

それでは今回のおさらいとして目で見て再確認をお願い致します。

それではどうぞ!

 

Dブラウザからアクセスした場合

f:id:fab5:20191210192759p:plain

 

f:id:fab5:20191210192820p:plain

 

f:id:fab5:20191210192842p:plain

  

 

 Sブラウザからアクセスした場合

f:id:fab5:20191210192914p:plain

 

f:id:fab5:20191210192932p:plain

 

f:id:fab5:20191210193004p:plain

 

 

 Hブラウザからアクセスした場合

f:id:fab5:20191210193019p:plain

 

f:id:fab5:20191210193032p:plain

 

f:id:fab5:20191210193048p:plain

 

f:id:fab5:20191210195229p:plain

次の記事はこちら

manabiya.fab5.work