PHP

# PHP     ### 0-1　概要 ・タイトル (例)Webアプリケーションを作ろう・概要   では、PHPのプログラミングの基礎を学びます。PHPでプログラミングして、Webページによくある入力フォームの送信機能を作ることがゴールです。  ### 本レッスンの概要    PHPというプログラミング言語を学びます。PHPはWeb開発のために作られたプログラミング言語で、そのためWebページ（HTML）との親和性も高く、初心者も学びやすいプログラミング言語として有名です。  HTMLとPHPを組み合わせて簡単なWebアプリケーションを作成します。 #### 受講における必要条件　 (例)HTML・CSSの基礎知識 #### この教材の対象者 (例)PHPを学んだことがある方 #### 学ばないこと (例)本教材では、大規模フレームワークの使用方法や、完全なMVCモデルの実装は行いません。 #### 本教材の対応バージョン (例)PHP8.0 #### 作成するアプリケーションのイメージをつかもう (例)https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_14.png #### 本教材に対応しているバージョン (例)PHP8.0 #### 目次 (例) * 0章はじめに * 1章 ## 1章　環境構築今回の場合、Windowsの人はXAMPP（ザンプ）、Macの人はXAMPP-VM、サーバーはApache HTTP Server、PHPはバージョン8系、データベース管理システムはMariaDBなど必要なツールを記載。Windows版とMac版両方を記述する。　テキストベースではなく画像を表示しながらの説明。さらに、コードエディタとしてCloud9を使用するため、AWSアカウントの作り方〜Cloud9での仮想開発環境の説明を加える。Tool(Chrome,Cloud9)の教材と連動している場合、省略可能。     ## PHPの概要　 PHPの基礎から学んでいきましょう。 ### PHPとは  PHPはプログラミング言語の1つです。PHPはWebページの作成のために作られたプログラミング言語で、HTMLとの親和性が高く、かつ学びやすくなっています。 PHPはコンピュータに命令するための言語で、コンピュータへの命令書（プログラム）を作成することこそがプログラミングです。 ### PHPを選ぶ理由  数あるプログラミング言語の中でもPHPを選びました。最初に学ぶ言語としてPHPを選んだ理由は大きく2つあります。 1つ目に、Webページを作成するために作られたプログラミング言語だということです。そのため、PHPはHTML文書に処理を埋め込みやすくなっています。他のプログラミング言語の多くはWebページ作成を目的として作られておらず、あとからWebページ作成にも使われるようになったという経緯があります。 2つ目に、PHPは多くのWebサービスで使用されている実績があります。Yahoo! JAPANや、Facebookのような大規模なWebサービスもPHPで作成されています。また、ブログやコーポレートページを作るためのCMSとして有名なWordPressもPHPで作成されています。PHPを学んでいけば、大規模なWebサービスや、WordPressのカスタマイズなども可能になります。 PHPはWebのために作られた言語なので、動的なWebページ作成のための最初のとっかかりには最適です。他にWebページを作成するためにおすすめのプログラミング言語としてRubyがあります。 ### PHPが生まれた理由  PHPがどういう必要性で生まれたのかを考えてみましょう。例えば、下記のようなHTMLの一文があったとします。`<p>...</p>` は、**パラグラフ（文章の段落単位）を表すHTMLタグ**です。なので、`p`で囲まれたものは文として扱われます。 ```html <p>こんにちは、太郎さん。</p> ``` これが書かれたWebページをブラウザで開くと、`こんにちは、太郎さん。`と単に表示されます。しかし、これではどんな名前の人が来ても`太郎さん`と表示されてしまいます。これを下記のようにプログラムを使って改善しましょう。`（入力フォームで受けとった人の名前）`を表示できるようにすれば、ちゃんと相手の名前を判断して挨拶をすることができそうです。 ```html <p>こんにちは、（入力フォームで受けとった人の名前）さん。</p> ``` PHPはこのように、HTMLに対して応用力を持たせるために生まれました。HTMLだけでは、太郎さん以外には対応できませんが、PHPを使って名前（データ）を出し分けることができれば、誰にでも対応できます。 ### プログラムを使って表示データを出し分ける  さらに時間帯によって、「おはよう」や「こんばんは」と言い換えることもできます。 ```html <p>（時間帯によって言い方を変えた挨拶）、（入力フォームで受けとった人の名前）さん。</p> ``` このように、Webプログラミングを行うことで、条件（時間帯など）によって適切な文言を出し分けることができます。そうなれば、HTMLには実データを多く入れる必要がなくなり、HTMLは受け取ったデータ（時間帯によって言い方を変えた挨拶）を表示する単なる入れ物（雛形）になります。実際に上記HTMLコードには、`<p> 、さん。</p>`という文字しか入っていません。あとはプログラムによって出し分けされたデータが埋め込まれます。のちほど、この挨拶だけのWebアプリケーション（動的なWebページ）を作成してみますので、そこで深く理解できるはずです。 ## 実践の開始　 ###　３−１ここからの進め方  さて、ここからは実践に入ります。実際にPHPファイルを作成し、プログラムを実行させることになります。ただし、実践せずに **そのまま読み進めるだけでも理解ができる** ような構成になっています。そのため、自分で実際に試したいと思ったタイミングで、ツールを準備してください。ツールは無料で使用できますが、準備に多少の時間（10分ほど）がかかります。   ### HTMLタグ  準備ができたらHTMLを実際に書いていきましょう。 HTMLタグを3つ学びます。 - リスト (`<ul>`, `<li>`) - 文章 (`<p>`) - フォーム (`<form>`, `<input>`) それぞれ見ていきます。 ### リスト  リストは先ほど学んだものです。まず、`ul`と`li`の意味は何でしょうか。 - `ul` とは、Unordered Listの略で、順番なしのリストという意味です。 - `li` とは、List Itemの略で、リスト内の1つの項目という意味です。それではCloud9を使って実際にHTMLを書いてみましょう。Cloud9を開いてください。 Cloud9上で、 *test.html* を作成して、下記のように書いてみましょう。（具体的な手順は、下記の「キャプチャによる手順の説明をご覧ください） *test.html* ```html <head><meta charset="utf-8"></head> <ul> <li>飲料水</li> <li>パン</li> <li>牛乳</li> <li>鶏肉</li> </ul> <ul> <li>飲料水</li> <li>パン</li> <li>牛乳</li> <li>鶏肉</li> </ul> ```  ここで、気をつけたいのが、 `<ul>` という**開始タグ**に対しては `</ul>` という**終了タグ**が対になって書かれているということです。これは`<li>`と`</li>`でも同じです。 ### キャプチャによる手順の説明  ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_02.png) ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_03.png) ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_04.png) ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_05.png) HTMLが書けたら、プレビューで表示してみましょう。 ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_06.png) ### 文章  文章に対しては `<p>` というHTMLタグを使用します。`p` はパラグラフ（段落）を略しています。つまり、文章は段落毎に `<p>` を使用することになります。`<p>`にも`</p>`があります。 Cloud9上で先ほど作成した *test.html* に下記を上書きしましょう。（7.1 リストで入力したものは消して構いません） *test.html* ```html <head><meta charset="utf-8"></head> <p>こんにちは、太郎さん。</p> ```  ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_07.png) ### フォーム  フォームに対しては `<form>` というHTMLタグを使用します。さらにformの中に、`<input>`をいくつか入れることで入力欄が生成されます。なお、例外として`<input>`は終了タグ(`</input>`)がありません。他に、`<form action="index.php" method="POST">`や、`action="index.php"`や`method="POST"`のような設定があります。この組み合わせを属性と属性値と呼びます。`action`や`method`はのちほどPHPを学びながら解説します。また、inputの属性に関しては、`type`が入力タイプで、`text`は通常のテキストが入力可能、`number`は数字のみ入力可能、`submit`は送信ボタンになります。`name`は後ほどPHPで学びます。`placeholder`は入力支援のために薄くグレーで背景に溶け込んでいる入力ヒントののようなものです。 *test.html* ```html <head><meta charset="utf-8"></head> <form action="index.php" method="POST"> <input type="text" name="nickname" placeholder="入力例: 太郎"> <input type="number" name="hour" placeholder="入力例: 21"> <input type="submit" name="submit" value="送信"> </form> ```  表示を確認してみましょう。 ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_08.png) 無事にフォームが表示されましたか？ただし、このままではフォームを送信しても何の反応もありません。フォームを処理するプログラムがないからです。このフォームが実際に使えるように次からPHPを学んでいきましょう。 ## PHPの文法ルール  それではまずは、PHPのルールについて学びましょう。 ### PHPファイル  PHPファイルも、HTMLファイルやCSSファイルと同じくテキストファイルです。拡張子は*.php*です。 HTMLファイルと同じように、Cloud9上で編集・保存していきましょう。 ### PHPプログラムが動く順番は上から下  PHPに限らずプログラムは、人間が文章を読むように、**上から下、同じ行なら左から右**へ向かって実行されます。下記のようにPHPファイルのソースコードがあると、このプログラムは`PHPの命令1`を最初に実行し、次に`PHPの命令2`、最後に`PHPの命令3`を実行することになります。 ``` PHPの命令1 PHPの命令2 PHPの命令3 ``` ### PHPの開始と終了  PHPはHTMLに埋め込めるように開発されたプログラミング言語です。そのため、HTMLのタグのようなもので囲うのがルールとなっています。開始タグには`<?php`を使い、終了タグには`?>`を使います。 ```php <?php 開始タグと終了タグの中にPHPプログラムを書く ?> ``` 今後のPHPプログラムでもこの開始と終了をしっかり宣言しておきましょう。また、phpタグ内では1つインデント（半角スペース4つ）入れて、見やすくしています。 ### データの表示 - print それでは、プログラムを実行してみるので、Cloud9 を開いてください。 Cloud9上で、 *test.php* を作成しましょう。 `print`という命令はデータを表示するときに使用します。 *test.php* ```php <?php print "こんにちは"; ?> ``` ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_09.png) 実際に上記コードをCloud9でプログラミングして*test.php*として保存してください。 ### - PHPはターミナル上で実行される  多くのプログラミング言語は、ターミナル上で動作します（ターミナルについてはこのあと解説します）。PHPも例外ではなく、ターミナル上で動作します。ターミナルには、`php`というコマンドが用意されており、このコマンドがPHPファイルを実行するためのコマンドになります。ターミナルの`php`コマンドを使用して*test.php*を実行してみましょう。 *ターミナルで実行($は入力しない)* ``` $ php test.php ``` ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_10.png) 上記のように実際にターミナル上で`php test.php`と打ち込んで<kbd>Enter</kbd> キー（Macの場合は <kbd>return</kbd> キー）を押してください。コマンドを入力したあとに、<kbd>Enter</kbd> を押すと実行されます。`こんにちは` が表示されたでしょうか？表示されれば正常に実行できたことになります。今後は何かあれば上記の方法でPHPファイルを実行してください。 なお、ターミナルが表示されていない場合は、Cloud9の上部にある「View」から「Console」にチェックを入れて表示させてください。 #### コマンドの前の$について   ``` $ php test.php ``` #### ターミナルとは  ここでターミナルについて補足しておきます。ターミナルとは、**コマンドと呼ばれる命令文を用いてコンピュータの操作をおこなうツール**です。コマンドは、UNIXコマンドや、Linuxコマンドと呼ばれます。UNIXやLinuxはWindowsやMacのようなOSのことで、ターミナルがメインのOSです。実はMac(OSX)はUNIXから派生して作られたOSなので、ターミナルを持っています。 WindowsやMacなどの最近のOSでは、起動するとグラフィカルなデスクトップが立ち上がり、多くの操作をマウスを使って操作することができます。ダブルクリックでアプリを起動し、用意された様々なボタンやメニューを駆使することで多くの操作が可能となっています。しかし、昔のコンピュータを起動すると、コマンドを入力する画面が立ち上がり、コマンドを入力することでコンピュータを操作していました。ただし、今でも開発者はターミナルを利用します。基本的に開発ツールが `php` のようにコマンドとして提供されるからです。コマンドで提供される理由は、グラフィカルなソフトウェアを用意するのには開発コストがかかり大変なのに対して、コマンドは開発しやすく、個人の環境にも依存しにくいからです。これからターミナルの `php` コマンドを使用して実際にプログラムを動作させていきます。Cloud9でもターミナルが自動的に立ち上がっているので、見てみましょう。このbashと書いているものがターミナルです。 ![](https://techacademy.s3.amazonaws.com/training/github/terminal/terminal_01.png) その隣にある `Immediate (JavaScript (browser))` タブは、ターミナルではなく、JavaScriptを動作させるものなので閉じてしまっても構いません。 **ターミナルもグラフィカルなデスクトップも操作対象はどちらも同じコンピュータなので、フォルダ構成は全く同じです。** ##### ターミナルのタブを増やす、閉じる下記のキャプチャの通りにすると、ターミナルを増やすことができます。 ![](https://techacademy.s3.amazonaws.com/training/github/terminal/1-new_bash.png) ☓ボタンをクリックするとターミナルを閉じることができます。 ##### 文末のセミコロン  PHPでは命令を一文書く度に`;`を書くのがルールです。日本語でも文末には`。`を書くのが決まっていますが、PHPでも同じように文末は`;`と決まっています。 ```php <?php print "こんにちは"; ?> ``` PHPの1文は1行かどうかで判断されるわけではなく、`;`で判断されます。したがって、下記のように書いても上記コードと同じく1文と判断されます。つまり、半角スペースや改行は無視されます。 ```php <?php print "こんにちは" ; ?> ``` ただし、上記のようなコードでははわかりにくいので、実際にはわかりやすく書くようにしましょう。 ##### 実行  一文が行ではなく`;`で判断されていることを確認するために、下記コードを`php`コマンドで実行してみましょう。 *test.php* ```php <?php print "こんにちは" ; ?> ``` 上記コードを*test.php*として上書きして、実行してみましょう。 ``` $ php test.php ``` 先ほどと同じく、`こんにちは`が表示されれば問題ありません。  ### 変数　 引き続き、PHPが持つプログラミングのための機能を学んでいきます。 ### 変数へデータを代入プログラム内部では、データをどこかに保存しておかないと不要だと判断されて勝手に消去されていきます。せっかく導き出した答えがコンピュータに勝手に消去されては困りますね。コンピュータに、これは必要なデータだから保存しておくんだよ、という命令が**変数への代入（変数にデータを保存）**です。変数はとりあえずデータを保存しておける箱だと考えましょう。また、変数という箱に入れておくことで、何度でも使いまわすことができます。 ![](https://techacademy.s3.amazonaws.com/training/trial/php/variable.png) では変数へ代入して、データを一時的に保存してみましょう。 *変数への代入* ```php <?php $greeting = "こんにちは"; ?> ``` `$greeting`が変数（greetingは挨拶という意味の英単語）で、`"こんにちは"`が変数に保存される文字列データとなります。`$`の後に英数字を付けると変数になります（ターミナルの`$`とは無関係です）。 `=`は数学でのイコールとは使い方が違って、右側から左側への代入を表しています。変数にデータを代入しています。 ##### 実行 *test.php* ```php <?php $greeting = "こんにちは"; print $greeting; ?> ``` 実際に上記を実行してみましょう。 ``` $ php test.php ``` `こんにちは`という文字が表示されるはずです。`print`に変数が渡されると、変数名である`$greeting`を表示するのではなく、変数の中に入っている実際のデータ（ここでは`こんにちは`という文字列）が引き出されて表示されます。 ## 条件分岐  ここまでで、変数に値を代入して、それを表示することはできるようになりました。次に条件分岐するプログラムを学びます。条件分岐は、ある条件を指定して、合っていればコードを実行し、そうでなければ別のコードを実行するというような、プログラムに条件を判断させて実行処理を分岐させるものです。今までは、ただ上から下へ全てのプログラムを実行していたプログラムでしたが、ここからは**場合によっては実行しないプログラム**が出てきます。上から下に実行する基本的な順番は守られていますが、条件によって実行するかしないか変化します。条件分岐はプログラムの実行をいろいろなパターンへ対応させ、プログラムの幅を大きく広げてくれるものです。 ### if文条件分岐の代表はif文です。英語でもifは「もし〜ならば」という訳になります。プログラムでも同じく、「もしこの変数が0以上であれば」のような条件を付けて、実行するプログラムを分岐させ、実行するものと実行しないものに分けることができます。 if文では、状況に応じてコンピュータに判断させるために、いくつかの場合に分けてあらかじめ決めた処理を書きます。PHPでif文を書いてみましょう。 *test.php* ```php <?php $number = 10; if ($number > 5) { print 'ここだけ表示される'; } if ($number <= 5) { print 'ここには絶対来ない'; } ?> ``` 上記コードを実行してみましょう。`if ($number > 5) { ... }`だけが実行され、`if ($number <= 5) { ... }` は無視されます。if文は直後の`()`の中に書いてある条件が**正しければ実行**されます。`$number = 10;` だったので、 `5` より大きい数です。そのため、今回のコードは`if ($number > 5)`の書いてある`{...}`の中身だけが実行されます。また、`else` という文を書くことで `$number > 5` の反対である `$number <= 5` を書く必要がありません。 else は英語で **その他** という意味で、 ifで書かれた条件の正反対の条件であれば実行されます。 *test.php* ```php <?php $number = 3; if ($number > 5) { print 'ここには絶対来ない'; } else { print 'ここだけ表示される'; } ?> ``` `else`とは`if`の対として書かれ、if側が実行されなかった場合に実行されます。今回は `$number = 3` で `if ($number > 5)` は誤りなので、`else` 側が実行されます。毎回同じ処理をしてもつまらないので、ランダムな数字を生成してif文の動きを見ていきましょう。 *test.php* ```php <?php $number = mt_rand() % 10; if ($number < 5) { print "{$number}は5より小さい数"; } else { print "{$number}は5以上の数"; } ?> ``` 上記の*test.php*を10回ほど実行してみてください。`$number`の値が実行するたびに変わって、それによって表示される文字列もif文によって変わったはずです。`print "..."` の中は `{$hour}` のように `{変数名}` とすることで変数の中身を埋め込むことができます。 `mt_rand() % 10`は`0 ~ 9`のランダムな数を生成します。特に深く理解する必要はないですが、知りたい方のために少し解説します。（下記を読んで理解できなくても問題ありません） `mt_rand()`で生成される数は、0 〜 2,147,483,647(2の31乗-1)の、2,147,483,648(2の31乗)個の数字のうちの1つです。これほど大きな数ではなくて、0 〜 9までのランダムの数が欲しいときは、`mt_rand()`で取得した数の一桁目だけを取り出せば良さそうです。一桁目を取りだすには10で割った余りをみれば良いので、`mt_rand() % 10`という計算式（`%`は余り計算）をして、`$number`には0 〜 9までのランダムな数が代入されます。次にif文の動きを見ていきましょう。`$number`に`$number < 5`な条件を満たす数（0 〜 4）が来れば、`$number < 5`は正しいので、if文が実行され、`1は5より小さい`と表示されます。逆に`$number`に`$number < 5`な条件を満たさない数（5 〜 9）が来れば、`$number < 5`は誤りなのでelse文が実行されます。さらに、`elseif`を加えれば条件を3パターン以上に増やすことができます。 *test.php* ```php <?php $number = mt_rand() % 10; if ($number < 3) { print "{$number}は3より小さい数"; } elseif ($number < 6) { print "{$number}は3以上で6より小さい数"; } elseif ($number < 8) { print "{$number}は6以上で8より小さい数"; } else { print "{$number}は8か9しか来ません"; } ?> ``` ![](https://techacademy.s3.amazonaws.com/bootcamp/first-programming/php/6-2.png) これで条件分岐は完璧です。if-elseif-elseとできることを覚えて、その中に必要な条件を書けば、条件によって処理を分岐させることができます。 PHPが使える命令や文法の基礎は以上です。 ## HTMLへの埋め込み用としてPHPを使う　 ここからはPHPでWeb用に応用していきましょう。雛形のHTMLにデータを埋め込むためにPHPを使うのが、WebプログラミングとしてのPHPの使い方です。今までPHPをターミナルで実行してきたので、PHP（プログラム）を実行すると、`print`に与えたデータが表示されることは、もう理解できているはずです。 ### PHPが入っていないHTMLファイルをPHPファイルとして扱う  まずはHTMLファイルを*test.php*として保存してみましょう。 *test.php* ```php <p>こんにちは、太郎さん。</p> ``` そしてこれをターミナルでPHPとして実行してみます。何が返ってくるでしょうか？ ##### 実行 ``` $ php test.php ``` 実は、そのまま何の変更もなく返ってきます。なぜなら、`<?php ... ?>`がないからです。`php`コマンドは`<?php ... ?>`以外の部分はそのまま文字列を返します。 *実行結果* ``` <p>こんにちは、太郎さん。</p> ``` これで、HTMLファイルをPHPで実行しても何の変化もないことがわかりました。 ### PHPをHTMLに埋め込んでみる  #### print文を埋め込むそれでは、HTMLに埋め込む形でPHPを書いてみます。body要素内の`本文です。`を書き換えてPHPの命令を埋め込んでみましょう。 *test.php* ```php <?php $nickname = "太郎"; ?> <p>こんにちは、<?php print $nickname; ?>さん。</p> ``` そしてこれをターミナルでPHPとして実行してみます。何が返ってくるでしょうか？ ##### 実行 ``` $ php test.php ``` 実行前に想像できたかもしれませんが、HTMLタグの中だとしても、PHPコードを埋め込めばPHPが実行されてHTMLが返ってきます。 *出力結果(PHP => HTML)* ``` <p>こんにちは、太郎さん。</p> ``` 返ってきた結果を見ると、`<?php ... ?>`で囲んだ部分は実行されて、`太郎`という文字列がHTMLに埋め込まれていることがわかります。他の例として、`$nickname = "花子"` とすると、`太郎`が`花子`に変わります。 #### HTMLタグごと埋め込む  先ほどは、`<p><?php print $nickname; ?></p>`として、`<p><?php PHPコード ?></p>`のようにp要素の中にPHPコードを入れました。今度は、PHPコードの中にHTMLタグを入れてみます。`"`を囲んだ文字列の中に変数を入れたい場合には、`{$nickaname}`のように`{}`で変数を囲みます。 *test.php* ```php <?php $nickname = "太郎"; ?> <?php print "<p>こんにちは、{$nickname}さん。</p>"; ?> ``` ##### 実行 ``` $ php test.php ``` これも同じ結果になります。`print`はHTMLタグでも問題なく出力できます。 *出力結果(PHP => HTML)* ``` <p>こんにちは、太郎さん。</p> ``` #### if文を埋め込む  どうやってWebアプリケーションを作るのか、なんとなくわかってきたのではないでしょうか？下記のコードは、現在時刻によって`おはよう`と`こんにちは`と`こんばんは`を使い分けるプログラムです。 `$nickname`には名前が、`$hour`には現在時刻が代入されます。そして、`$hour`に入っている現在時刻をif文で判断して、`$greeting`に今の時間帯に適切な挨拶の言葉が代入されます。また、`&&`がありますが、これは `〜かつ〜` という意味で、条件が2つ以上のものを同時に満たす必要があるときに使用されます。`6 <= $now_hour && $now_hour < 12`は`$now_hour`が`6`以上で、かつ、`12`未満の場合です。 *test.php* ```php <?php $nickname = "太郎"; $hour = 15; if (6 <= $hour && $hour < 12) { $greeting = "おはよう"; } elseif (12 <= $hour && $hour < 18) { $greeting = "こんにちは"; } else { $greeting = "こんばんは"; } print "<p>現在時刻は{$hour}時ですね。</p>"; print "<p>{$greeting}、{$nickname}さん。</p>"; ?> ``` ##### 実行 ``` $ php test.php ``` ``` <p>現在時刻は15時ですね。</p> <p>こんにちは、太郎さん。</p> ``` 実行結果を見ると、現在時刻と太郎さんへの挨拶が表示されています。`print` の中で使用されている変数は `$hour` と `$greeting` と `$nickname` です。上記プログラムでは、`$nickname` と `$hour` は初期設定で決めてしまい、`if` で `$hour` の数値をみて処理を分岐させています。6時〜12時前は「おはよう」、12時〜18時前は「こんにちは」、それ以外の時間帯は全て「こんばんは」が表示されます。今回は `$hour = 15;`, `$nickname = "太郎";` と決めていたので、常に同じ結果が表示されますが、後ほど、フォームと組み合わせて `$hour` や `$nickname` に応用力をもたせます。 ## Webサーバを起動してPHPを自動的に実行させる  さて、ここまでターミナルの`php`コマンド(`$ php test.php`)を使ってPHPファイルを実行してきました。しかし、実際には、ユーザからのアクセスがある度に管理者がわざわざターミナルで`php`コマンドを入力していてはプログラムの意味がありません。人の代わりに`php`コマンドを実行してくれるものとしてWebサーバがあります。ここからは、Webサーバを起動してPHPが自動的に実行させる方法について学んでいきます。 ### index.php  まずは、 *test.php* として作成してきたPHPファイルを *index.php* というファイル名でコピーしてください。 *index.php* がないとWebサーバを起動してもWebページが表示されないからです。 *index.php* ```php <head><meta charset="utf-8"></head> <?php $nickname = "太郎"; $hour = 15; if (6 <= $hour && $hour < 12) { $greeting = "おはよう"; } elseif (12 <= $hour && $hour < 18) { $greeting = "こんにちは"; } else { $greeting = "こんばんは"; } print "<p>現在時刻は{$hour}時ですね。</p>"; print "<p>{$greeting}、{$nickname}さん。</p>"; ?> ```  ### リクエストとレスポンス  ここで少し、Webサーバの挙動も簡単に学んでおきましょう。 #### コンピュータも客と店員のように会話するコンピュータ同士の通信は、お客さんと店員のやり取りに似ています。お客さんは店員に要求し、店員はその要求に対して応えます。例えば、飲食店では、お客さんは「注文いいですか？ハンバーグ定食を1つください」と要求します。それに対して店員はお客さんに待ってもらい、シェフに料理を頼み、料理が完成すると、「お待たせしました。ハンバーグ定食です。」と料理を渡します。 #### クライアントとサーバのリクエストとレスポンスコンピュータ同士の通信も全く同じです。要求する側のコンピュータがいて、それに応答する側のコンピュータがいます。このとき、要求する側のコンピュータをクライアントコンピュータと呼び、応答する側のコンピュータをサーバコンピュータと呼びます。そして、コンピュータがコンピュータに要求することを**リクエスト**と呼び、それに対して返事をすることを**レスポンス**と呼びます。この通信方式をクライアント／サーバモデルと呼びます。コンピュータ通信のほとんどはこのクライアント／サーバモデルによって成り立っています。 ![](https://techacademy.s3.amazonaws.com/bootcamp/first-programming/internet/4-1.png) ### Webサーバ - Apache HTTP Server  Webサーバとは、**HTTPリクエストを受け取り、HTMLなどのWebページをHTTPレスポンスとして返すサーバ**のことです。単なるHTML/CSSだけのWebページ（PHPなどのプログラムがないページ）であれば、Webページ（HTMLやCSS）をそのままレスポンスとして返すだけですが、リクエストで要求されたWebページがPHPで出来ていると、`php`コマンドを実行して出力されたWebページ（HTMLやCSS）をレスポンスとして返します。仮にWebサーバを起動しなければ、HTTPリクエストが来ても誰も対応する役割がいないので、HTTPリクエストは無視されます。HTTPリクエストが来た時にWebサーバが起動していれば、何らかのレスポンスを返します。  ![](https://techacademy.s3.amazonaws.com/bootcamp/first-programming/php/6-4.png) 今回はWebサーバとしてApache HTTP Serverを使用します。Apache HTTP Serverは、Webサーバとして最も有名で、古くから利用されてきました。単にApacheとも呼ばれます。Cloud9でもあらかじめ用意されています。 ### Webサーバの起動  Webサーバを起動してみましょう。Cloud9にはWebサーバを簡単に起動するボタン(「Run Project」)が用意されています。「Run」ボタンを押しましょう。 ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_11.png) ターミナル画面に下記のようなログが表示され、`ユーザ名`のところは皆さんのCloud9のユーザ名が入ります。 ``` Starting Apache httpd, serving https://techacademy-trial-htmlcss-ユーザ名.c9users.io/. Started apache2 ``` このログの意味は、下記の通りです。 ``` Apache httpd を起動開始、https://techacademy-trial-htmlcss-ユーザ名.c9users.io/ というURLで提供開始 apache2 を起動しました。 ``` ここで、`Apache httpd`や`apache2`と書いているものはどちらも同一で、Apache HTTP Serverのことです。サーバを起動すると、サーバはリクエストを待つ状態になります。この状態でリクエストが来ると、レスポンスを返します。Webサーバの場合、HTTPリクエストが来ると、レスポンスとしてHTMLやCSS（Webページ）を返します。実際に、 `https://techacademy-trial-htmlcss-ユーザ名.c9users.io/` にアクセスしてください。Cloud9に残っているログはリンクとしてクリックできるので、「Open」もしくは「Open Preview」で表示してください。 *index.php* をPHPで実行した結果が表示されます。 ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_12.png) ### Webサーバがしたこと  ここまでWebサーバを使ったときの流れを解説します。 1. Webサーバ（Apache HTTP Server）を起動（Run）して、リクエストを受け付ける状態にした 2. Webブラウザで `https://techacademy-trial-htmlcss-ユーザ名.c9users.io/` にアクセス（リクエスト）を送る 3. Webサーバがリクエストを見て、トップページである *index.php* のリクエストだと判断する 4. Webサーバは、PHPファイルを`php`コマンドに通す約束があるので、`$ php index.php`を実行して、HTMLファイルにする 4. 実行結果である HTML をレスポンスとして返す 5. Webブラウザがレスポンス（実行結果HTML）を受け取る 6. 受け取ったHTMLを解析してWebページとして表示する簡単にまとめると、WebサーバはPHPファイルへのリクエストがあると、そのPHPファイルを`php`コマンドを通してHTMLファイルにし、それをレスポンスとして返します。 ## フォームデータの送受信  このでゴールとなるフォームが完成します。 ### HTTPリクエストのPOSTメソッドでフォームを送信する  ここでは、HTTPリクエストの中でPOSTメソッドを使ってフォームの送信を行うところを学びます。HTTP（Web上での通信）で、フォームを送信するとき、POSTメソッドという指定が必要です。POSTメソッドについては、フォームのようにユーザが入力したデータを送信するときに指定するものとだけ知っておきましょう。まずはフォームを追加したPHPファイルを見ていきましょう。 *index.php* ```php <head><meta charset="utf-8"></head> <form action="index.php" method="POST"> <input type="text" name="nickname" placeholder="入力例: 太郎"> <input type="number" name="hour" placeholder="入力例: 21"> <input type="submit" name="submit" value="送信"> </form> <?php $nickname = "太郎"; $hour = 15; if (6 <= $hour && $hour < 12) { $greeting = "おはよう"; } elseif (12 <= $hour && $hour < 18) { $greeting = "こんにちは"; } else { $greeting = "こんばんは"; } print "<p>現在時刻は{$hour}時ですね。</p>"; print "<p>{$greeting}、{$nickname}さん。</p>"; ?> ```  下記の入力フォームを追加しました。この入力フォームでは、名前(`nickname`)と時刻(`hour`)を入力し、送信します。送信先ファイルはformタグのaction属性で指定します。タグの中に`項目=値`という形で表記されているものを、属性と呼びます。`action="index.php"`となっているところで、フォームに入力されたデータを*index.php*へ送信する設定をしています。したがって、*index.php*の中で送信されてきたフォームデータを処理するプログラムも必要になります。さらにHTTPリクエストのPOSTメソッドとして送信することを指定しているのが、formタグの`method="POST"`です。 ```html <form action="index.php" method="POST"> <input type="text" name="nickname" placeholder="入力例: 太郎"> <input type="number" name="hour" placeholder="入力例: 21"> <input type="submit" name="submit" value="送信"> </form> ``` ##### 確認現状では、formで`nickcname`, `hour`を送信しても、それを処理するプログラムが書かれていないので、送信されたデータ(`nickname`, `hour`)は無視され、何も起こりません。変化がないことを確認してみましょう。 ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_13.png) ### POSTで受け取ったデータを処理　 POSTメソッドで送信されてくるフォームデータを取得するには、`$_POST`というあらかじめ存在する変数を使用します。`$_POST['nickname']`のように、フォームのinputタグのname属性で指定されていた部分を`$_POST[ここ]`に入力することで、フォームデータを取り出すことができます。それでは、POSTメソッドで送信されてくる`nickname`を処理するPHPプログラムを書きましょう。下記は`$nickname = "太郎"`となっていたところを、`$nickname = $_POST['nickname']`として、POSTメソッドで受け取った`nickname`をそのまま代入しています。`$hour`も`$_POST['hour']`で代入されています。また、 `if ($_POST['submit']) { ... }` で囲っているのは、フォームデータがない場合には表示したくないからです。フォームが送信されたときだけ、 `if ($_POST['submit']) { ... }` の条件部分は正しくなり、`{ ... }` の部分（つまりif文が囲っている中身）が実行されます。 *index.php* ```php <head><meta charset="utf-8"></head> <form action="index.php" method="POST"> <input type="text" name="nickname" placeholder="入力例: 太郎"> <input type="number" name="hour" placeholder="入力例: 21"> <input type="submit" name="submit" value="送信"> </form> <?php if ($_POST['submit']) { $nickname = $_POST['nickname']; $hour = $_POST['hour']; if (6 <= $hour && $hour < 12) { $greeting = "おはよう"; } elseif (12 <= $hour && $hour < 18) { $greeting = "こんにちは"; } else { $greeting = "こんばんは"; } print "<p>現在時刻は{$hour}時ですね。</p>"; print "<p>{$greeting}、{$nickname}さん。</p>"; } ?> ```  ![](https://techacademy.s3.amazonaws.com/bootcamp/first-programming/php/6-6.png) ##### 確認  ここまでできたら、入力フォームに名前を入力し、送信してみましょう。下記は入力フォームの名前に`スズキイチロウ`と入力して送信したときの例です。時刻は14時でした。 ``` 現在時刻は14時ですね。こんにちは、スズキイチロウさん。 ``` ![](https://techacademy.s3.amazonaws.com/training/trial/php/cloud9_14.png) 以上でフォームが完成しました。これまで、POSTメソッドでのフォーム送信と、それを受け取る側の処理を学びました。 POSTメソッドを使えば、ユーザからHTMLのform要素（入力フォーム）を通して、データを受け取ることができます（今回は`nickname`等を受け取った）。そして、受け取ったデータは`$_POST`という変数に自動的に格納されます。`$_POST`から格納されたデータは取り出すには`$_POST['nickname']`と書くことで取りだすことができます。この`nickname`は、入力フォームで`<input type="text" name="nickname">`としたときの`name="nickname"`と同じになります。重要なのは、ユーザがWebサーバに対してデータを送信できるようになった点です。これでWebサーバから一方的に情報を受け取るだけだったユーザが、ようやくWebページを操作できるようになりました。   ## 学習のまとめ Webプログラミングの実践、お疲れ様でした！  PHPの基礎を学びました。WebページはHTMLですが、HTMLの中にPHPコードを埋め込むことで、状況に応じてWebページの表示が可能になりました。PHPを通して、プログラミングの基本である、変数、条件分岐などを学びました。そして、そのプログラムをターミナルから実行する方法を学びました。プログラムを書いて、ターミナルで実行するという流れはもう充分わかったと思います。そして後半は、 Web サーバである Apache HTTP server を「Run」から起動して、PHP を実行してみました。ここでは Apache がターミナルの代わりに PHP を実行してくれます。フォームを受け取れば、 `$_POST` にアクセスすれば良く、データ保存の不要な小規模 Web サービスであれば、これだけでも実現できるでしょう。

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.