HOME › 学科ブログ › 連載講座:『PHP入門』第１回　～プログラムって？～

学科ブログ

連載講座:『PHP入門』第１回　～プログラムって？～【CG・Webクリエイター科】

2011年09月02日

こんにちは。
ＣＧ・Ｗｅｂクリエイター科の水谷です。

授業が始まりましたネ。しかも台風12号が来てます。
ＫＢＣ界隈にも暴風警報と波浪警報発令中！なので、ＫＢＣの学生たちには、帰宅指示が出ました。
どうであろうとも、「がんばっていきまっしょい！」

前回のブログで、
「…CG・Webクリエイター科は、デザインとプログラミングの両方を学びます。…」と書きました。
そこで、デザインの話や、プログラミングの話を、連載講座形式で書いてゆきます。

連載講座:『PHP入門』第１回　～プログラムって？～

今日から全１０回（予定）で始めます。
専門用語がたくさん出てきますが、その都度解説しますので、読んでみて下さい。
（今回は、Step1～Step4 でまとめてみました。）

Step1．インターネットの接続

図１．インターネットの接続図

「クライアント」というのは、インターネットを閲覧する私たちの方のことです。
インターネットには数億人?の閲覧者がいます。
私たちはパソコンで、インターネットエクスプローラ(IE)などのブラウザを利用して、
次々とページを観てゆきます。

「サーバ」というのは、私たちが閲覧するWebページ（コンテンツ）を配信している方のことです。
このWebサーバも、かなりあります。
図１ではそれぞれ１つしか描いていませんが、たくさんあると想像して下さい。

Step2．HTMLの構造

HTMLはHyperText Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略のことで、
Webページを作るための言語です。

図２．WebページをHTMLで記述

“<”と“>”で挟まれた「タグ」と呼ばれる特別な文字列を使って、Webページを記述します。

図３．Webページはハイパーテキスト

皆さんご存知の通り、Webページは読みたいページをクリックして表示します。
こういった構成をハイパーテキストといいます。
一方、書籍にはページが振ってあって、基本的には前から順に読んでゆきます。

このように、次のページを指定したり、文字の色や大きさを指定したり、画像を貼り付けたり・・・
こういうことを「タグ」で記述します。
なお、このタグはブラウザには表示されませんので、一般ユーザはHTMLの存在に気づきません。

このHTMLでwebページを作ってゆくなら、これで十分でしょうか？

Step3．プログラムの仕業

答えは、
(1) 特定の場所にマウスを乗せると、画像が切り換わる。
(2) 写真のスライドショー。
(3) プルダウン風のメニュー。
(4) アクセスカウンタのカウントアップ。
(5) データベースの利用。
などは、プログラミングをしなければ不可能です。

(5)のデータベースとは？
アマゾンや楽天などのページには、たくさんの商品が登録されています。
また、購入しようとすると、ユーザ登録が必要ですので、多くのユーザの個人情報を管理しています。
こういった情報や、画像などのデータをコンピュータで上手く管理する仕組みのことです。

上記(1)～(4)は、無いと地味だけど、我慢するなら無くても良いのかもしれません。
しかし、(5)のデータベースがなければ、アマゾンや楽天などのページを作ることができません。

今回はPHPのプログラムを動かしていませんが、次回の
連載講座:『PHP入門』第２回　～インストール(1/2)～
では、自宅のパソコンにテスト環境を構築して、簡単なプログラムを動かしてみましょう。

Step4．結論

プログラミングは必要です。現在、たくさんのプログラミング言語があります。
Java、JavaScript、Perl、PHP、・・・。
CG・Webクリエイター科では、JavaScriptとPHP を勉強します。