![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
前回の講義まででPHPファイルを作成するための準備は完了しましたね。復習したいかたは、過去2回の講義をご覧ください
![牛山くん](https://canit.jp/wp-content/uploads/2021/01/canit-character3.jpg)
復習OKです!
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
OKでーす
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
いいですね!では、今回も学習を進めていきましょう
今回は「PHPファイルの作り方と確認方法」について紹介していきます。 PHPファイルの作成に慣れてくると、サーバーへ直接アップロードして確認する方も多いですが、初心者の方は自分のコンピュータ内で確認するのがオススメです。
PHPファイルを作成するのは2ステップで完了する
![パソコン](https://canit.jp/wp-content/uploads/2021/01/laptop-3317007_640.jpg)
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
まずは、PHPファイルの作り方を紹介しますね。PHPファイルを作るだけなら2ステップだけで完了するので、簡単にできると思います
ポイントは拡張子を「.php」に変更するだけです。具体的な手順を紹介しますね。
PHPファイルを作る際の具体的な手順
![](https://canit.jp/wp-content/uploads/2021/02/01-2.jpg)
この画像は、Windowsに搭載されている「メモ帳アプリ」のものです。
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
メモ帳! そのくらいは使えますよー
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
メモ帳にHTMLで使用する基本的な情報を入力したものですね
![牛山くん](https://canit.jp/wp-content/uploads/2021/01/canit-character3.jpg)
そういえば、HTMLとPHPは一緒に使うことが多いと聞きました
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
そうですね。PHPの習得のためには、HTMLの学習が必須です。まぁ、その話はいずれ詳しくしますので、この講義ではPHPファイルを作るための手順を見ていきましょう
![](https://canit.jp/wp-content/uploads/2021/02/02-2.jpg)
HTMLコードの入力が完了すれば、こちらの画像のように「ファイル」→「名前を付けて保存」をクリックします。
![](https://canit.jp/wp-content/uploads/2021/02/03-2.jpg)
名前を付けて保存をクリックした状態では、赤丸の左側が表示されていますが、その部分を「index.php」に変更して「保存」をクリックします。
![牛山くん](https://canit.jp/wp-content/uploads/2021/01/canit-character3.jpg)
ここが、重要ぽいですね
![](https://canit.jp/wp-content/uploads/2021/02/04-2.jpg)
そうすると、こちらの画像のように指定したフォルダにPHPファイルが保存されました。
アイコンは使用しているコンピュータの環境によって異なるので、その点は気をつけてください。
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
以上でPHPファイルの作り方の説明は終わりです
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
おぉー! これなら楽勝ですね
PHPファイルの作り方のポイント
![先生](https://canit.jp/wp-content/uploads/2020/12/business-woman-2071342_640.jpg)
それでは、PHPファイルの作り方のポイントについてまとめてみましょう。
- メモ帳を起動してHTMLの基礎コードを入力する
- ファイルを保存する際に、拡張子を「.php」にする
以上の2ステップでPHPファイルを作成することが出来ます。
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
いやぁ、PHPは簡単ですねぇ
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
いやいや……まだこの段階では、PHPのプログラミングは一切行なっていませんよ
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
えっ? そうなの?
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
はい。PHPのファイルを作っただけです
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
なんかおかしいと思った……
自分で作ったPHPファイルをlocalhostで確認しよう
![パソコン ふくろう](https://canit.jp/wp-content/uploads/2020/12/owl-947741_640.jpg)
ここまでの操作でPHPファイルを作成することが出来たので、作成したファイルを自分のコンピュータ内で確認してみましょう。
確認する際には、前回と前々回の記事で紹介した「XAMPP」と「Apache」を使用します。 前回の復習にも繋がるのでキチンと操作をしていきましょう。
![](https://canit.jp/wp-content/uploads/2021/02/05-2.jpg)
まずは前回のおさらいです。
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
この青い枠内が過去のおさらいですね
PHPファイルをlocalhostで確認する準備
![パソコン](https://canit.jp/wp-content/uploads/2020/12/keyboard-690066_640.jpg)
PHPファイルを確認する準備が出来たので、次はlocalhostで表示させる準備をしていきます。
![](https://canit.jp/wp-content/uploads/2021/02/06-1.jpg)
まずはこちらの手順で、フォルダを展開していきます。
- 「PC」から「Cドライブ」を開く
- 「Cドライブ」の中にある「XAMPPフォルダ」を開く
- 「XAMPPフォルダ」の中にある「htdocsフォルダ」を開く
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
この手順が完了すると、下記の画像の状態になります
![](https://canit.jp/wp-content/uploads/2021/02/07-1.jpg)
![牛山くん](https://canit.jp/wp-content/uploads/2021/01/canit-character3.jpg)
出ました!
この「htdocsフォルダ」が、ブラウザからアクセスすることの出来るフォルダです。
Htdocsフォルダの中にPHPファイルを保管することでlocalhostから自分の作成したPHPファイルを確認することが出来ます。
ちなみに、htdocsフォルダの中には始めからindex.phpが保管されていますが、このファイルは削除して問題ありません。
htdocsフォルダにPHPファイルを保管しよう
htdocsフォルダを展開したら、先ほど保管したindex.phpをhedocsフォルダの中に保管します。
![](https://canit.jp/wp-content/uploads/2021/02/08-1.jpg)
この画像のように、違うフォルダに保存していたindex.phpをhtdocsフォルダの中に移動させれば、localhostでPHPファイルの確認をする手順が全て整います。
localhostでPHPファイルを表示させよう
前回の記事で、Apacheの起動を確認するために、ブラウザからlocalhostへアクセスをしましたが、今回も似たようなことを行います。
前回と同様に、ブラウザを起動して、アドレス欄に「http://localhost/index.php」と入力してアクセスします。
![](https://canit.jp/wp-content/uploads/2021/02/09-1.jpg)
アクセスすると、画像のように何も表示されない画面となりますが、これで問題ありません。
作成したPHPファイルの中身を編集するにはテキストエディタが必要
![パソコン 女性](https://canit.jp/wp-content/uploads/2020/12/business-3560916_640.jpg)
作成したPHPファイルを確認する方法についての紹介は完了となりますが、ここからは少しだけ豆知識について紹介します。
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
ここまでの流れで、作成したPHPファイルの確認は完了です
![牛山くん](https://canit.jp/wp-content/uploads/2021/01/canit-character3.jpg)
今回も、きっちり学びましたね
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
さて、ちょっと話は変わるのですが……二人とも、PHPファイルを作成する際に、Windowsに標準搭載されている「メモ帳」を使用しましたね。
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
言われたとおりに、メモ帳を使いましたよ
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
ここまではメモ帳でよかったのですが、この先PHPファイルを編集しようとすると、テキストエディタが必要になるんです
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
なっ……なんだってぇええええええ
テキストエディタって?
![](https://canit.jp/wp-content/uploads/2021/02/10-1.jpg)
![牛山くん](https://canit.jp/wp-content/uploads/2021/01/canit-character3.jpg)
テキストエディタってどういうものですか?
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
テキストエディタとは、メモ帳やTerapad、Notepad++のように、テキストを編集するためのソフトウェアのことですね
![猫田さん](https://canit.jp/wp-content/uploads/2021/01/canit-character2.jpg)
あれ? さっきメモ帳じゃダメって言ってなかったっけ
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
厳密に言えば、メモ帳でもできないことはないのですが、初心者のうちはもっとキチンとしたテキストエディタを使用したほうがいいんです。なるべくやりやすい形のほうが学習がはかどりますからね
Adobe社が販売しているDreamweaverがオススメですが、Dreamweaverは有料なのでこの講座では、TerapadやNotepad++をおすすめしておきます。
まとめ
![コミュニケーション](https://canit.jp/wp-content/uploads/2020/12/girls-3764703_640.jpg)
今回は以上となりますが、今回で最低限の「PHPファイルを作成する」という部分まで完了しました。
![CANIT先生](https://canit.jp/wp-content/uploads/2021/01/canit-character.jpg)
では、今回の講義はここまでにしましょうか。「なかなかPHPそのものの授業に入らない」と思うかもしれませんが、プログラミングのための環境作りは本当に大切なので引き続き、ゆっくり丁寧に解説しますよ
![牛山くん](https://canit.jp/wp-content/uploads/2021/01/canit-character3.jpg)
次回も頑張りましょうね
次回は、PHPファイルを作成する際に使用するオススメのテキストエディタについて紹介していきます。