Webデザインの勉強と製作 | あかとんぼ

フェリカテクニカルアカデミーの学習をベースに、Webについての勉強と製作の過程をまとめています。

[PHP]①PHPの基礎~XAMPPのインストールから表示まで

PHPとは

  • PHP Hypertext Preprocessor(プリプロセッサ:データ整形など前処理を行うプログラム)
  • 動的なWebページを作ることを目的としたプログラミング言語
  • Webサーバ上で動き、HTML(Webページ)を動的に生成する
なぜPHP/XAMPPを使うのか
  • フリー(無料)である
  • シェアが高い

XAMPPとは

  • XAMPP…CrossPratform/Apache/MySQL/PHP/Pearlの略
  • 実際の業務ではLinuxを使う為LAMPPを利用することが多い
起動と終了
  • (Windows)MAMPをインストール(15/7/2時点v3.2.1)
  • Apatche,MySQLactionsのStartをクリック
  • それぞれをStopしたのちQuitをクリックして終了(×ボタンではない)
Apache
  • Webサーバーソフトウェア
  • PHPを動かすのに必要
MySQL
  • データベース
  • PHPと連携して使える

XAMPPを触ってみる

  1. XAMPPコントロールパネルを起動、ApatchMySQLをStart
  2. テキストエディタを起動、入力
<?php
print 'HeLLO';
  1. print.php などと適当に名前をつけて保存(…\xampp\htdocs)
  2. 次のアドレスをブラウザに入力(http://localhost/print.php)
  3. ブラウザに HeLLO が表示される
  4. ブラウザに 127.0.0.1/print.php と入力
  5. ブラウザに HeLLO が表示される
解説
  • PHPのソースがそのまま表示されたとき⇒Apatch環境下で動いていない
  • <? …開始タグ
  • print 'Hello'; …命令
  • phpのみで成り立つファイルでは閉じタグは記述してはいけない

DreamWeaverPHPを作成~編集できるように設定する

  • サイト管理を開き、(…\xampp\htdocs\任意のフォルダ名)をサイト設定
  • サイト管理>サーバー
  • サーバ名⇒任意の名前
  • 使用する接続⇒ローカル/ネットワーク
  • サーバフォルダ⇒任意のフォルダ名
  • WebURL⇒localhostを指定
  • 保存
  • リモートのチェックはずし、テストにチェック
  • ファイル⇒新規⇒PHP を作成
  • ファイル名tag.phpで保存

変数の記述から表示するまで

<?php /* 変数定義・計算部分 */
  $name = '田中';
  $age = '80';
  $hobby = '野球';
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>タグを打ってみる</title>
</head>
<body>
<?php /* 出力部分 */
  //.は文字をつなげる結合演算子※¥はバックスラッシュ
  print '<h1>見出し</h1>'."\n";
  print '<p>文章</p>'."\n";
  print "<p>{$name}です</p>\n";
  print "<p>あなたの年齢は{$age}歳です</p>\n";
  //echoでも変数を表示できる※printではこのような記述はできない
  echo $name, $age;
  print '<dl>'."\n";
  print '<dt>私の名前</dt>'."\n";
  print "<dd>{$name}です</dd>\n";
  print '<dt>私の趣味</dt>'."\n";
  print "<dd>{$hobby}です</dd>\n";
  print '</dl>'."\n";
?>
</body>
</html>