WEBデザインノート

WEBデザインノート

WEBデザイナーを目指す25さいのデザイン・技術メモ。

WEBデザイナー目指して奮闘中音譜

WEBに関する知識がなさすぎるので
何かしたいなーと思って始めたこのブログ。

MEMOというか備忘録というかそんな感じで書いています。
内容はめっちゃ初級 笑 まあじょじょにレベルアップしてゆきます。

コメントはお気軽にドキドキ

WEB業界で働いてる人、もしくは勉強中の方と
つながれたら嬉しいなあ。


Amebaでブログを始めよう!
CGI/Perlって何?

その昔、掲示板をつくろうと思って本屋さんに行ったら、PHPとPerlっていうのが目についた。

で、会社の人に聞いてみた。

CGIとはウェブ上でプログラムを動作させるしくみ、のことらしい。

しくみ!はあなるほど、環境とかじゃなくてしくみ、概念なのね。
ある意味Ajaxみたいだな。
インストールしたりして構築するものじゃなくて、しくみの事。

なので、大抵のプログラムはこのしくみを利用しているんだと。
Perlは初期段階で使用されてた、言語のこと。
(この辺はちょっとあいまい)

Webアプリケーションを開発するには、下記のものが必要。
1.サーバ
 apache、IIS
2.言語
 Java、C#、VB、PHP、Perl、Ruby
Javascript
3.各言語に対応するエンジン(言語を理解して実行してくれるためのエンジン)
4.DB
Oracle、SqlServer、mysql
5.開発環境
eclips、VisualStadio

これらは適当にどれを組み合わせてもいいってわけじゃなく
相性のよしあしがある。

とくにMSの提供しているものはそれ同士組み合わせないと
あんま効力を発揮しないらしい。

例えばIISは.NET Frameworkを利用する必要があるのでMS系の言語でないと有効に活用出来ない。
え、でも.NETってJavaでも開発出来る(最初に開発する言語を選べる)よね?
って思ったが、ASP.NETで開発可能な言語は正確にはJavaではなくJavaに似せてMSが開発したJ#って言語なんだって。そうなんだ。

XAMPPっていうのを昔ダウンロードしたことがあったけど
これも要するにwebアプリケーションを開発する一種のしくみなんだな。
apache、mysql、php、perlのセットでアプリケーションを開発する。

勉強になりました。
デザインがひと段落したら、是非xamppの勉強再開したい!

電車の空き時間でそういう勉強始めようかな。
今更だけど、Ajaxってなんだろう?
というわけで調べてみた。

■Ajaxってなによ?
Ajaxってライブラリとか環境とかそういうものだと思っていたけど、違うらしい。

AjaxっていうのはDOM/XML/Javascriptなどの既存の技術を組み合わせて開発する手法みたいなもの。
だから、特に何かインストールするっていうわけではない。

■どんなところで使われている?
で、Ajaxが何に使われているかっていうと、Googleマップが良い例。

Googleマップはつかんでぐりぐりと位置を移動できる。
あれは、このAjaxの技術を使っているんだって。

Ajaxの技術を使ってなかった時代には
マップはあるポイントをクリックすると、一度サーバーにアクセスして
地図を生成してくれてそれが返ってくるのを待つ必要があった。
だからぐりぐりとか出来ないし、遅い。
一回クリックして、その座標を取得して
サーバーで地図の画像を作成してくれるのをひたすら待つ。

Ajaxはぐりぐりして座標が変わると、地図の再描画が必要な箇所だけ
もらうようにサーバーに要求する。だから差分だけ生成してもらうだけでよいから
早いのだ。


■POINT
Ajaxのポイントは
(1)非同期通信
 通常は、サーバからレスポンスが返ってくるのをまってから後続処理を行うが
 非同期通信の場合それを待ってる間に別の処理を実行することが可能。

(2)javascriptで必要な箇所を要求
 avascriptを使用して、座標な情報等をサーバに渡し必要な地図の差分を要求する。
 (サーバーから差分をもらってるあいだに、javascriptで既存の画像の座標を移動したりも
  するのかな?)

(3)DOM
HTMLやXMLのデータとAjaxを結ぶために使うもの。
 Ajaxを使って動的なWebページを作成するときに、HTML・XML上のどの要素を変更するか
 指定しなければならない。
 そこでDOMはHTMLやXMLを「ツリー構造」として展開し(これを「DOMツリー」という)
 アプリケーション側に文章の情報を伝え、加工や変更をしやすくする。
 要するに、オブジェクトの指定を円滑にする為の技術ってことかしら。

(4)XML

サーバーからもらったデータはXML形式でやりとり。それによって情報の管理がしやすい。
 
なんとなくわかりました。
まあ浅く広く。