PHPとは？HTML・CSS・JavaScriptとの違いをやさしく整理する
toshi
ToshiLab
はじめてのPHP｜echoで文字を表示してみる
toshi
記事内に商品プロモーションを含む場合があります
PHPの最初の一歩として、echoを使って文字を表示してみます。
echoは、PHPで画面に文字や値を出力するためによく使われる命令です。
まずは難しい文法を覚えるよりも、「PHPを書いたらブラウザに表示された」という感覚をつかむことを目標にします。
目次
この記事で分かること
この記事では、PHPで文字を表示する基本を確認します。
- PHPファイルの基本形
- PHPタグの書き方
- echoで文字を表示する方法
- セミコロンの役割
- localhostで表示を確認する流れ
- よくあるエラーやつまずきポイント
PHPの学習は、最初からすべてを理解しようとすると少し大変です。
まずは、短いコードを書いて、表示結果を確認するところから始めていきます。
- 先に結論だけ読む
-
PHPで文字を表示するには、PHPタグの中に echo を書きます。
たとえば、次のように書くと、ブラウザに「こんにちは、PHP」と表示できます。
PHPはサーバー側で処理されるため、ファイルを直接開くのではなく、Laragonを起動して localhost から確認します。
Q
今回使うファイル
前回の記事では、Laragonの www フォルダの中に、PHP学習用のフォルダを作りました。
今回も、その続きとして進めます。
C:\laragon\www\php-lesson\このフォルダの中に、index.php を用意します。
C:\laragon\www\php-lesson\index.phpすでに index.php を作っている場合は、その中身を書き換えて使って大丈夫です。
まだ作っていない場合は、php-lesson フォルダの中に index.php を新しく作成してください。
この記事では、フォルダ名を php-lesson として進めます。
別のフォルダ名で作っている場合は、URLやパスの php-lesson の部分を、自分のフォルダ名に読み替えてください。
PHPタグを書いてみる
PHPを書く時は、PHPタグを使います。
PHPタグは、PHPのコードを書く範囲を示すためのものです。
<?php
?>この中に、PHPの命令を書いていきます。
たとえば、次のような形です。
<?php
echo 'こんにちは、PHP';
?>このコードでは、PHPタグの中に echo という命令を書いています。
echo の後ろに表示したい文字を指定すると、ブラウザにその文字が表示されます。
echoで文字を表示する
では、index.php に次のコードを書いてみます。
<?php
echo 'こんにちは、PHP';
?>保存したら、Laragonを起動して、ブラウザで次のURLを開きます。
http://localhost/php-lesson/
画面に次のように表示されればOKです。
こんにちは、PHPこれが、PHPで文字を表示する最初の一歩です。
PHPは、サーバー側で処理された結果がブラウザに表示されます。
今回のコードでは、PHPが echo の命令を処理して、その結果として「こんにちは、PHP」という文字が表示されています。
echoとは？
echoは、PHPで文字や値を出力するための命令です。
「出力する」と聞くと少し難しく感じるかもしれませんが、ここでは「画面に表示する」と考えて大丈夫です。
| 書き方 | 意味 |
|---|---|
| echo ‘こんにちは’; | こんにちは と表示する |
| echo ‘PHP学習中’; | PHP学習中 と表示する |
| echo ‘ToshiLab’; | ToshiLab と表示する |
echo の後ろに、表示したい文字を書きます。
文字を表示する場合は、シングルクォーテーションまたはダブルクォーテーションで囲みます。
echo 'こんにちは';または、
echo "こんにちは";どちらも、今回のように単純な文字を表示するだけなら動きます。
シングルクォーテーションとダブルクォーテーション
PHPでは、文字列を囲む時に、シングルクォーテーションまたはダブルクォーテーションを使います。
'こんにちは'または、
"こんにちは"このように、文字を囲んだものを文字列と呼びます。
今の段階では、まず次のように覚えておけば大丈夫です。
文字を表示したい時は、文字をクォーテーションで囲む。
PHPの最初の段階では、シングルクォーテーションで統一しておくと分かりやすいです。
この記事では、基本的にシングルクォーテーションを使って進めます。
セミコロンを忘れない
PHPでは、命令の終わりにセミコロンを付けます。
echo 'こんにちは、PHP';最後についているこれです。
;セミコロンは、PHPに対して「ここで命令が終わります」と伝える役割があります。
セミコロンを忘れると、エラーになることがあります。
| 書き方 | 結果 |
|---|---|
| echo ‘こんにちは’; | 正しい |
| echo ‘こんにちは’ | セミコロンがないためエラーになることがある |
最初のうちは、コードを書いたら最後にセミコロンがあるか確認する習慣をつけると安心です。
複数の文字を表示してみる
echoは、複数回書くこともできます。
index.php を次のように書き換えてみます。
<?php
echo 'こんにちは、PHP';
echo 'ToshiLabで学習中です';
?>保存してブラウザを更新すると、次のように表示されます。
こんにちは、PHPToshiLabで学習中ですこんにちは、PHPToshiLabで学習中です
文字は表示されましたが、くっついて表示されています。
これは、echo を2回書いても、自動で改行されるわけではないためです。
HTMLタグも一緒に出力できる
ブラウザ上で改行したい場合は、HTMLの br タグを一緒に出力できます。
<?php
echo 'こんにちは、PHP<br>';
echo 'ToshiLabで学習中です';
?>この場合、ブラウザでは次のように表示されます。
こんにちは、PHP
ToshiLabで学習中です
PHPは、最終的にHTMLとしてブラウザに返されるため、echoでHTMLタグを出力することもできます。
PHPで出力した文字は、ブラウザではHTMLとして扱われます。
そのため、echo の中に
のようなHTMLタグを書くと、ブラウザ上では改行として表示されます。
HTMLの中にPHPを書くイメージ
PHPは、HTMLの中に埋め込んで使うこともできます。
たとえば、次のような書き方です。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>はじめてのPHP</title>
</head>
<body>
<h1>PHPの練習</h1>
<?php
echo 'こんにちは、PHP';
?>
</body>
</html>PHPの練習
このように、HTMLの中にPHPタグを書いて、必要な場所でPHPを実行できます。 今回はまだ細かく理解できなくても大丈夫です。 次の記事 PHP 1-4 で、HTMLの中にPHPを埋め込む基本をもう少し整理します。 ## コメントも少しだけ見ておく PHPでは、コードの中にメモを書くこともできます。 このメモをコメントと呼びます。
<?php
// 文字を表示する
echo 'こんにちは、PHP';
?>先頭に // を付けた行は、PHPの処理としては実行されません。
自分用のメモとして使えます。
コメントは、コードの意味を残しておくためのメモです。
学習中は、
「何をしているコードなのか」を短く書いておくと、あとで見返しやすくなります。
よくあるつまずきポイント
PHPで最初に echo を試す時は、いくつかつまずきやすいポイントがあります。
Laragonが起動していない
PHPはサーバー側で動くため、Laragonが起動していないと localhost で正しく確認できません。
まずはLaragonを起動して、Start All を押しているか確認します。
localhostではなくファイルを直接開いている
index.php をダブルクリックして開いても、PHPとして処理されないことがあります。
ブラウザで確認する時は、次のURLを使います。
http://localhost/php-lesson/セミコロンを忘れている
echo の行の最後には、セミコロンを付けます。
echo 'こんにちは、PHP';最後の ; を忘れないようにします。
クォーテーションが左右で違っている
文字列を囲むクォーテーションは、開始と終了をそろえます。
| 書き方 | 状態 |
|---|---|
| echo ‘こんにちは’; | 正しい |
| echo “こんにちは”; | 正しい |
| echo ‘こんにちは”; | 開始と終了がそろっていない |
シングルクォーテーションで始めたら、シングルクォーテーションで閉じます。
ダブルクォーテーションで始めたら、ダブルクォーテーションで閉じます。
ファイル名が index.php.txt になっている
Windowsの設定によっては、index.php を作ったつもりでも、実際には index.php.txt になっていることがあります。
その場合、PHPファイルとして扱われません。
拡張子まで確認して、ファイル名が index.php になっているか見ておきましょう。
今日のまとめチェック
この記事の内容は、次のポイントが分かればOKです。
- PHPタグは で書くと分かった
- echoで文字を表示できると分かった
- 文字列はクォーテーションで囲むと分かった
- PHPの命令の最後にはセミコロンを付けると分かった
- PHPはlocalhostから確認すると分かった
- echoでHTMLタグを出力できることが分かった
全部を暗記する必要はありません。
まずは、index.php に短いPHPを書いて、ブラウザに文字が表示されるところまでできれば十分です。
まとめ
今回は、PHPの最初の一歩として、echoで文字を表示してみました。
PHPを書く時は、PHPタグの中に命令を書きます。
<?php
echo 'こんにちは、PHP';
?>このように書くと、PHPがサーバー側で処理され、ブラウザには「こんにちは、PHP」と表示されます。
今回のポイントは、次の3つです。
- PHPタグの中にPHPを書く
- echoで文字を表示する
- 命令の最後にはセミコロンを付ける
PHPは最初、HTMLやJavaScriptとは違う感覚があるかもしれません。
でも、まずは短いコードを書いて、表示結果を確認するだけで大丈夫です。
次の記事では、PHPファイルの書き方として、HTMLの中にPHPを埋め込む基本を整理していきます。
PR：最初の1冊（必要な方だけ）
PR：PHP学習の最初の参考書として、必要な方だけ見てください。
記事内の内容だけでも進められますが、手元に1冊あると、
PHPの基本文法やフォーム処理をまとめて確認しやすくなります。
※価格や在庫、版数は変わるため、最終確認はリンク先でお願いします。
リンク
次に読む
次は、HTMLの中にPHPを埋め込む基本に進みます。
PHPは、単独で書くだけでなく、HTMLの中に必要な処理として書くこともできます。
次の記事では、PHPファイルの基本形を見ながら、HTMLと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
C型肝炎や感染症の闘病を経て現在通院中
フリーランスとして今日を生きる、それがすべて。
静かな光の中で、歩みを止めずに生きていく。
実験大好きなので色々とやっていきます。
フリーランスとして今日を生きる、それがすべて。
静かな光の中で、歩みを止めずに生きていく。
実験大好きなので色々とやっていきます。
