はじめて作るWebアンケート・システム～PHP＆MySQL超入門

PHPによるプログラム作りの学習環境として、XAMPPを使います。

まずXAMPPとはどのようなソフトかを知っておきましょう。

学習環境の柱であるXAMPPの概要と特徴について学びます。

Windowsだけではなく、MacOSXやLinuxでも動作します。

重要な用語

• クロスプラットフォーム
• Linux
• UNIX

プログラム作りに欠かせない、テキストエディタの役割を知ります。

ワープロやWindowsのメモ帳ではなぜいけないのか？についても、知っておきましょう。

重要な用語

• エディタ
• ソース　ソースコード
• プログラミング

Windows版のテキストエディタ“TeraPad”のインストール方法を説明します。

2通りの方法があるので、好きな方、やりやすい方でインストールしましょう。

TeraPadをプログラムのソースコード入力で扱いやすいよう、設定を変更します。

まず、基本的な「行」の表示方法を変更。

TeraPad設定変更の続き。

入力したソースコードのうう履く文字などを見えるようにし明日。
文字のフォントと大きさの変更もできます。

文字や背景の色を変更する方法を説明します。

編集するプログラミング言語の種類や役割によって、表示色を切り替えられます。

文字の編集位置を示すルーラーを表示し、行番号をソースコード編集用に変更します。
また、HTML編集用に、ボタンのクリックでブラウザを起動できるようにします。

プログラムのソースコード、特にHTMLと密接に関係するPHPでは、文字の番号割り当ての規則「文字コード」の設定が重要です。文字コードの設定変更とその理由について説明します。

重要な用語

• 文字コード
• UTF-8 / UTF-8N
• BOM

準備の最後として、XAMPPのWebサーバー“Apache”あ起動しない場合の対処について説明します。

プログラム作りの基本として、人間の言葉をコンピュータの理解できる言葉に変換する仕組みを学びます。

そのために用いるのがプログラミング言語です。

重要な用語

• 二進数
• 16進数
• 機械語、マシン語

人間が人間に理解できる言葉で書いた「プログラムの素」は、単純な文字だけのデータであり、エディタで作ります。

それを、コンピュータの理解出来る言葉に変換しなければなりません。

重要な用語

• プログラミング言語
• ソースコード
• ソースファイル

人間のわかるソースコードをコンピュータの理解できる機械語に変換するには、2通りのアプローチがあります。

重要な用語

• コンパイル、コンパイラ
• インタープリット、インタープリタ
• 一括変換
• 逐次変換

一括変換（コンパイル）と逐次変換（インタープリット）には、それぞれメリットとデメリットがあります。

Webアプリケーションでは、PHPのようなインタープリット型の言語が多く使われています。

必要なツールをひとまとめにした統合開発環境は確かに楽で便利ですが、Webアプリケーションの学習段階では、この「すべてお任せ」が理解を妨げることもあります。

その理由など。

PHPのソースファイルはサーバーの決まった場所に保存します。

このとき、クライアント側からからはアドレス（URL）として違う指定の仕方が必要になります。

重要な用語

• 拡張子(.php)
• ドキュメントルート

Windowsでは、標準の状態ではファイルの拡張子が表示されません。

Webアプリケーションの開発では拡張子によってファイルの種類を識別することが重要なので、拡張子を常に表示するための設定を紹介します。

学習や動作テストなどで、インターネットに接続しておらず、当然ドメインも取得していないという状況でPHPのプログラムの動作を試す方法などを紹介します。

重要な用語

• ローカルホスト
• localhost

PHPのプログラムが動作する基盤である、Webページの基礎知識を理解しておきます。

本講座はWeb制作の入門ではないので、PHPプログラミングのために必要な最低限の情報だけに絞ります。しかし、Webを構成するHTMLとCSSの役割については、もう一度しっかり抑えておいてください。

重要な用語

• HTML
• スタイルシート
• CSS

HTMLの基本であるタグの働きと書き方を抑えます。

「そんなこと、わかってるよ」という人も、念のために基本的な考え方を再確認しておいてください。

重要な用語

• タグ
• 要素
• 入れ子

HTMLは、大文字で書いても小文字で書いても構いませんが、PHPなどのプログラムと同居する場合、大文字で書いたほうがわかりやすくなります。

PHPでプログラムを作る際に、最低限必要なタグの書き方を紹介します。
すでにご存知の人は読み飛ばしても構いません。

読みやすいページをデザインするための基本お考え方として、ボックスモデルを紹介します。

HTMLでコピーライトマークなど、特殊な記号の扱いを紹介します。

HTMLとCSSそれぞれのコメントの書き方や字下げの仕方など、読みやすいソースコードの書き方を紹介します。PHPのコメのも別の記号なので、コ蘭しないようにしましょう。

重要な用語

• コメント
• 字下げ

Webページの見た目を左右する、スタイルシートの基本を紹介します。

｀HPとは直接関係しませんが、Webデザインの重要な要素として押さえておきましょう

HTMLとCSSの雛形（テンプレート）を紹介します。
何度も同じ内容を記述するので、再利用のためにひな形を用意しておくと便利です。

PHPのプログラムでは、ユーザーとやり取りするためにWebフォームを使います。
フォームの作成しに必要なタグの書き方を紹介します。

重要な用語

• FORMタグ
• INPUTタグ
• GET / POST

一例として、Webフォームの例（ソースとブラウザの表示）を紹介します。

練習用のプログラムを保存するフォルダを用意しましょう。
XAMPPのWebサーバーApacheから指定してブラウザで実行結果を書くにできる場所に設定します。

重要な用語

• ドキュメントルート
• htdocs

現在の日付と時刻を表示するシンプルなプログラムを作ります。
ただサンプルを書き写すだけではなく、ソースを書く際の約束事を意識してください。

アイコンをダブルクリックしても、プログラムは実行されません。
Webアプリケーションの実行の仕方を踏まえ、作ったプログラムを実行してみましょう。

最初の段階でよくあるミスとその対処方法を紹介します。
間違いはつきもの。間違いを周囲しやすいソースを書きましょう。

ソースを見ながら、プログラムの動きを理解します。
「何をしたのか？」を理解することがとても重要です。

重要な用語

• 変数
• 代入
• 関数

最初の段階で覚えておくべき基本事項をまとめます。秋のソースを見返し、もう一度「何をしたのか」を確認しておきましょう。

重要な用語

• 演算子
• 基本命令
• 関数
• echo

現在時刻が正しくない場合の設定方法と。date関数の書式の書き方を紹介します。

プログラムのミスで起こるエラーを集成するための、原因と対象方法を紹介します。
エラーはすべて英文でうが、慌てないようにしましょう。

重要な用語

• Parse Error
• Fatal Error

わざと間違えたソースでエラーを発生させ、どのような場合にどのようなメッセージが出るか確認して、対処方法を探ります。

間違った箇所を見つけるコツを紹介します。
間違いを見つけやすいソースを書くことも大切です。

身長と体重を入力してBMIを計算するプログラムを作ります。
まず、どのような仕様とするのかを把握しておきましょう。
シンプルなものから、少しずつ機能を付け足していきます。

フォームのデータを受け取り、PHPで計算して結果を表示するまでの仕組みを理解します。

フォームに入力されたデータを、プログラムで受け取るあめの手順を覚えておきましょう。

堀結果を1つの文字列にまとめたり、数値(BMI)を四捨五入するなど、プログラムに手を加えてみます。

重要な用語

• 文字列の連結
• 演算子の優先順位
• 四捨五入 / round関数

• if
• 条件判定
• 分岐
• 真／偽
• true / false

ifの条件で用いる比較演算の方法と、プログラムの動きを考えるための図～フローチャートの書き方を身に着けます。

重要な用語

• 比較演算
• 比較演算子
• else
• フローチャート

• 論理積
• 論理和
• &&
• ||

プログラムに手を加え、更に複雑な条件を判定するようにします。
条件を段階的に調べていくことと、値がある範囲内かどうかを調べることで、より細やかに状況を調べられます。

条件を段階的に調べるもう一つの方法と、プログラムの中で用いる値に名前をつけ、ソースをわかりやすくする方法を知ります。

重要な用語

• 定数／記号定数
• const
• switch case

判定結果を画像で表示する方法を通じて、echo命令で出力するHTML文の間にPHPの変数を挿入する方法を理解します。
文字列の中で改行や"などの記号を扱う方法も紹介します。

重要な用語

• スケープシーケンス

GETとPOSTによるフォームデータ送信の違い、括弧やその他の記号の読み方など、補足的な知識、情報を取り上げます。

重要な用語

• GET / POST
• 配列
• echo / print

データベースの基本であるテーブル（表）の行とカラム（列）の意味データ型などについて理解します。

重要な語

• テーブル（表）
• 行、列（カラム）
• データ型

カラム名お決めてとデータ型を設定し、テーブルの設計（デザイン）をしていきます。

重要な語

• IDカラム
• 自動増加
• インデックス
• NUUを許容しない

データベースを作成し、今回のプログラムで使用するテーブルを作成するまでの手順を、動画で確認します。

データベースを操作うるための、基本的なSQLお書き方を理解します。

重要な語

• SELECT
• ORDER BY
• WHERE
• 句
• INSERT
• DELETE

これから作成するアンケートショルプログラムの全体像を確認し、入力用フォームのWebページを作ります。

重要な語

• ラジオボタン
• radio
• プルダウン式リスト
• SELECTタグ
• OPTIONタグ

フォームから受け取った回答内容を画面に表示し、確認を求めます。
前のページに戻るための処理も用意しなければなりません。

重要な語

• onclick
• history.back()
• Javascript

入力されたデータをデータベースのテーブルに書き込む処理を作ります。
基本的なパターンを覚えてください。

重要な語

• PDO
• オブジェクト
• 接続
• try catch構造
• 例外処理

完成したプログラムの動作確認をします。
練習用のパソコだけではなく、LANを介してネットワーク内の他のコンピュータからも入力し、結果をデータベースから確認できるようになります（LAN環境と他のコンピュータが必要です）。

重要な語

• IPアドレス
• CSV形式
• エクスポート

基礎段階をマスターした後、次のステップとして学習スべきことを簡単にまとめました。
PHPの高度な使い方、オブジェクトの活用やデータベースの温覚的な使い方など、クァな振べきことはまだたくさんあります。