PC初心者・プログラミング初心者を応援する学習サイトです。ICTのことを中心に様々な情報を発信していきます。

[第2回]メッセージを表示するプログラムを作ろう! | [初級編]PHPでプログラミングしよう

PHP
This entry is part 2 of 4 in the series [初級編]PHPでプログラミングしよう

前回で、XAMPPをインストールしてPHPでプログラミングできる環境が整いましたので、プログラミングをやってみましょう!

ちなみに、テキストエディタはメモ帳ではなくプログラミングに特化したテキストエディタでプログラミングするほうが圧倒的にプログラムを作りやすいので、インストールされていない方はインストールしておきましょう!

オススメのテキストエディタ集、テキストエディタのインストール方法の記事「テキストエディタをインストールしよう!」があるので参考にしてもらえればと思います。

テキストエディタ(SublimeText)をインストールしよう!
テキストエディタは、文字情報の入力、削除、コピー、貼り付け、検索、置換機能などの機能を備えています。 プログラミングをする際には欠かせないソフトウェアになってくるのでインストールしましょう。今回の記事では、Sublime Text(Mac版)をインストールしてみようと思います。このエディタはとても動作が軽く使いやすいエディタですので特にオススメです。プラグイン(拡張機能)も豊富に揃っていて高機能なエディタを無料で使うことができます。

それではまず、PHPの基本的なルールを覚えてからWEBブラウザに文字を出力する簡単なプログラムを作って実際に動かしてみましょう!

ちからこぶくん
ちからこぶくん

いよいよはじめてのPHPプログラミングができるね〜!楽しみ♪

PHPの基本的な文法ルール

PHP用のタグで囲む

PHP用のタグで囲んでいる画像

phpのプログラムは[<?php]と[?>]で囲います。

囲われた部分がPHPのプログラムとなって処理が実行されます。

[<?php]と[?>]は、HTMLの中で何度でも記述することが可能です。

命令文の終わりにはセミコロンを付ける

命令文の終わりにはセミコロンを付けましょう

10行目に「echo(文字を出力する)」という命令文を書いています。

命令文の終わりには必ず;(セミコロン)を付けるルールとなっています。もし;(セミコロン)を付け忘れるとエラーになってしまうので注意しましょう。

PHPファイルの拡張子は「.php」をつける

PHPファイルの拡張子は.php

拡張子は、ファイルの種類を識別するための文字列で、ファイル名の末尾に「.(ピリオド)」で区切って付ける文字列のことです。

PHPのプログラムには「.php」の拡張子を付けます。

ファイル名は、半角の英字、数字、記号のみを使うのがデファクトスタンダードとなっています。

メッセージを表示するプログラム

テキストエディタを開く

SublimeText起動

まず、テキストエディタを起動しましょう!(本連載記事では、SublimeTextを使用します。)

テキストエディタをインストールしていない場合は、下記の記事を参考にしてインストールしてみましょう!

テキストエディタ(SublimeText)をインストールしよう!
テキストエディタは、文字情報の入力、削除、コピー、貼り付け、検索、置換機能などの機能を備えています。 プログラミングをする際には欠かせないソフトウェアになってくるのでインストールしましょう。今回の記事では、Sublime Text(Mac版)をインストールしてみようと思います。このエディタはとても動作が軽く使いやすいエディタですので特にオススメです。プラグイン(拡張機能)も豊富に揃っていて高機能なエディタを無料で使うことができます。

下記は、今回使用する命令文になります。

今回使用する命令文

echo1つ以上の文字列を出力する
マスターまっする
マスターまっする

echoについて詳しく知りたい方は下記の記事を見るのじゃ!

PHPのechoとprintの違い
PHPでは、Webブラウザにデータを出力するのに「echo」と「print」があります。 この2つの命令の違いは一体なんでしょうか? 今回は、「echo」と「print」のそれぞれの違いをご紹介したいと思います。まず「echo」と「print」は、「'(シングルクォーテーション)」もしくは、「”(ダブルクォーテーション)」で文字列を囲みます。この文法はどちらも共通ということを覚えておきましょう。

テキストエディタに下記のコードを入力しましょう!

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>PHPでプログラミングしよう!</title>
</head>

<body>
<?php 
	echo "ちからこぶ";
?>
</body>
</html>

ファイルを保存する

コードが入力出来たら、プログラムファイルを任意の場所に保存しましょう!

プログラムファイルの保存方法

ファイルを保存するには、テキストエディタ上部のメニューの[ファイル] → [名前をつけて保存]をクリックします。

プログラムファイルの保存方法

すると上記のダイアログがでてきますので、「Save As」に任意のファイル名と[.php]の拡張をつけます。

「Where」は保存場所のことなので、任意場所を選択しファイルの保存先を決めましょう。例ではデスクトップに保存しています。

上記が入力出来たら、[Save]ボタンを押しましょう。

Use.phpをクリック

[Use.php]ボタンをクリックします。

ファイルが保存できました

デスクトップにPHPファイルを保存することが出来ました!

XAMPPのフォルダ(htdocs)内にファイルを移動させる

XAMPPのフォルダ

今後も、練習プログラムを作るのでまとめて管理するために、htdocsフォルダの中に[lesson]フォルダを作成しておきます。

ファインダから[アプリケーション] → [XAMPP] → [htdocs]に移動しましょう!

[htdocs]フォルダに移動できたら、フォルダ内に[lesson]フォルダを作成しましょう。

[lesson01.php]を[lesson]フォルダ内に移動させる

[lesson]フォルダが作成できたら、[lesson01.php]を[lesson]フォルダ内に移動させましょう。

XAMPPを起動する

ランチャーパッド画像

ランチャーパッドから「XAMPP」を探し[manager-osx]をクリックしましょう。

または、アプリケーションフォルダの、XAMPP→manager-osx.appをクリックしましょう。

Manage Serversタブに切り替えて、Apache Web Serverが起動Runningになっていることを確認

Manage Serversタブに切り替えて、Apache Web ServerがRunningになっていることを確認しましょう。

※Stopになっていたら、StartボタンをクリックしてRunning状態にしてください。

Webブラウザへ出力する

ブラウザを起動する

お使いになっている、Webブラウザを起動します。

※Google Chrome、FireFox、Safari等どのブラウザでも良いです。

URLにディレクトリ情報を入力する

URLを入力するところに、「http://localhost/lesson/lesson01.php」と入力しEnter(エンター)キーを押します。

プログラムで入力した文字が出力されました

すると、Webブラウザにプログラミングした文字が出力されました!

第2回目は、ここまでとします。お疲れ様でした!

次回

次回は、「変数」についての説明と、実際に「変数」を使用したプログラミングやっていこうと思います!

次回もお楽しみに!

ちからこぶくん
ちからこぶくん

やったー!!

ちゃんとブラウザに文字が出力できた!よーし色々な文字列を出力してみようっと♪

連載記事<< [第1回]XAMPPをインストールしよう! | [初級編]PHPでプログラミングしよう[第3回]変数を使ってプログラムを作ろう! | [初級編]PHPでプログラミングしよう >>