調べたこと 第九回
イベントドリブン
JavaScriptのように「〇〇した時に〇〇する」という形式で実行されるプログラムを「イベントドリブン型」という。
例 <input type="button" onclick="msgchange();">
のonclickが相当する
JavaScriptの書き方
例 function msgchange(){
document.getElementById("msg").innerHTML ="ok";
}
の場合、 HTMLの中で、「id属性の値がmsgである要素を取得する」という意味になる。
HTMLには <div id ="msg">Hello</div> というような要素がある。
.innerHTML ="ok"; ー> タグに囲まれた文字を「OK」という文字に書き換える
ということを意味する。
これらのコードによって、ボタンを押した時にHello からOKに変わるという変化を加えることができる。
この、特定の要素だけを書き換えることができるのが、クライアントサイドのプログラミングの強み。
JavaScriptでサーバサイドのプログラミングを呼び出すこともできる。
それがAjax。
HTTP通信できる機能を使ってサーバとやり取りする。
HTTP通信とはブラウザとWebサーバー間で行なう通信のことを指します。 ブラウザからWebサーバーに向けてTCPというプロトコルを使って接続を行い、接続が成功したらブラウザは「こういう情報くださいな☆」というリクエストを発行します。
グーグルマップがスクロールと同時に、地図を読み込んで動くのもこのAjax機能を使っているから。(ユーザーがマウスでドラッグ操作すると、Ajaxの方で移動後の範囲の画像データをHTMLにはめ込んでユーザーに渡している)
データベースについて
データベースを使うとき。。
申し込みフォームに記入されたデータを担当者が閲覧できるように、データを保存しておく、 ショッピングサイトで注文されたデータを保存する、 商品情報をあらかじめ登録しておかないとユーザーが選べない、 などなどデータを保存する時に用いる。
種類 ー> 「MySQL」 「PostgreSQL」 「OracleDatabase」 ETC
WEBプログラムを動かす
1,自分のパソコンにWebサーバを構築するには 「XAMPP」や「MAMP」をインストールする。
2,クライアントがアクセスしてきたときに、どのディレクトリの内容を見せるか をあらかじめ設定しておかないといけない。そのディレクトリのことドキュメントルートという。
(自分のサーバに接続するには http://localhost/ というURLを指定する。)
XAMPPに入ってるもの、、
ApacheのWebサーバ PHPの実行環境 Perlの実行環境 Javaの実行環境 データベースサーバ FTPサーバソフト メールサーバソフト
FTPサーバ ファイル転送プロトコル。 ネットワーク上でファイルの転送を行うため
の通信プロトコルの1つ)
開発者の人は、 自分のパソコンで開発と簡単な動作テストをして、開発サーバにコピーする。