熊本のSEO・リスティング広告ならWEBマーケティングのスイッチ。

Webサイトを構成するためにはHTMLとCSSだけで十分?


静的ページの表示に使われるHTMLとCSS

単純な動かないWebページを「静的ページ」と言います。これはWeb記述言語であるHTMLとCSSで記述することができます。HTMLは簡易的に画面の構成要素を記述しもので、その要素がどの大きさで、どんな色で表示されるかという属性をCSSで記述します。
このHMLとCSSだけで簡単なWebページを作り表示させることができます。ただし、これだけでは動きのあるページを作ることはできません。

動的ページの表示にはjavascriptが使われることが多い

よくあるサイトを表示させたときに画面の中の要素(絵など)が左右に動くことがありますよね。動的に表示されるため、こういうページを「動的ページ」と言います。このWebページはHTMLとCSSだけでは記述できません。

簡単な動きに対しては、通常javascriptという言語を使います。javascriptは簡易言語の一種で、Webページに組み込まれて実行されます。いろいろな機能を持っていて、すでに登録されている機能を使ったり、Webプログラマーが関数として記述したりすることもできます。

Webプログラミングにより動的Webを作成する

さらに複雑な動的ページの処理にはもっと多くの仕組みが必要です。HTMLで作られる画面だけでなく、データの加工を行うためには、その裏で動くプログラムが必要です。
Web上で動くように作られたプログラムを「Webプログラム」と言います。Webプログラムを作ることをWebプログラミング、そのプログラムを作る人をWebプログラマーと言います。したがって「動的な」Web画面を作るにはWebプログラマーが必要とされるわけです。

さて、ここで「プログラミング」という言葉が出てきましたね。プログラミングとは「プログラムを作ること」です。プログラムとはある言語で書かれたコンピュータ上で動くもののことです。
プログラムを記述するためには言語が必要です。言語は今私たちが使っている日本語のような自然言語がありますが、コンピュータを動かすために使う言語はコンピュータが解釈できるように作られた人工的な言語です。

代表的なプログラミング言語

言語の種類は非常にたくさんありますが、代表的なものにC、C#、Java、PHP、Python、Scalaがあります。日本ではサーバーで動くプログラムを作るための言語としてJavaが最も多く使われ、その次はPHPに人気があります。

Javaは実行前にコンパイルという作業が必要なコンパイル型言語で、開発にはプログラマーにかなりの負担がかかります。PHPはコンパイルという作業が不要で、すぐに実行ができるインタプリタ型言語で、プログラムの一部分を書いてすぐに実行して確かめるということができ、効率的な開発ができます。

プログラムを書くときに使う機能

どんな言語にも必要な処理の記述方法があります。条件によって処理を分ける分岐構造(if文)、繰り返しを作る反復構造(while文)、特定の処理の集まりを別出しにして名前をつけ、その名前で呼び出せるサブルーチンとか関数と呼ばれる機能があります。

また、C#やJavaなど、最近の言語ではオブジェクト指向という考え方でプログラムを記述できるようになっており、プログラマーが複雑な処理手順を一つ一つ考えないでも、簡単にプログラムを記述することができるようになっています。

JavaにはWebプログラミングするための機能としてJSPやサーブレットという機構が言語に備わっています。また、PHPにはCakePHPやZend Framework、Symphony、Laravelのようなフレームワークと呼ばれる仕組みがあります。

ケーキを焼くときに型を使うと誰でも早く簡単に作れますが、プログラムの場合も型に相当するフレームワークを使うと開発にかける時間を短縮することができます。また、複数の人で一つのシステムを作る際に、スキルの高い、低いにかかわらず、同じ品質のプログラムを書くことができます。日本ではPHPでの開発にCakePHPを使うことが多いです。


Sponsored Links

こちらの記事もおすすめです!

シェア頂けると励みになります!

ブログ更新情報はこちらから発信しています。

follow us in feedly

【完全保存版】ショッピングカートASP徹底比較2015

運営者情報

荒木 厚/アラキアツシ

デザイン会社、WEB運営会社を経て、「スイッチ」を設立。 市場調査からマーケティング戦略の立案、インターネット広告を活用したWEBプロモーションなど、商品サービスがブランド化されるまでのトータルプロデュースを行う。 スイッチ 代表@熊本