Ajaxを用いた動的なシステムの開発
情報数理専攻
D7679 後藤 悠太
1
鵜川研究室中間発表
Ajaxの例



2
ページ遷移を伴わないウェブページ
「Google Suggest」の補完候補表示
「Google Map」のスムーズな地図操作
これらにはAjax (エイジャックス)が使われている
鵜川研究室中間発表
Ajaxの例



3
ページ遷移を伴わないウェブページ
「Google Suggest」の補完候補表示
「Google Map」のスムーズな地図操作
これらにはAjax (エイジャックス)が使われている
鵜川研究室中間発表
Ajaxとは?
Asynchronous JavaScript + XML
 ウェブブラウザ内で非同期通信と
インターフェースの構築等を行う技術の総称
 Ajaxを支える技術
HTML, JavaScript, XML,
XMLHTTPRequest, PHP 等

4
鵜川研究室中間発表
Ajaxの特徴
Ajaxの利点
データ更新がリアルタイムかつ軽快
データの通信量やサーバー負荷を減らせる
 Ajaxの問題点
通常のウェブ開発に比べて時間がかかる

5
鵜川研究室中間発表
Ajaxを用いて作っているプログラム

XML形式のデータベースを読み込み、
ツリーメニューの形式で表示するプログラム
→

6
クリックでメニューを開くごとにデータを
読み込んでいる
鵜川研究室中間発表
今後の課題



7
より使い勝手の良いツリーメニューの開発
データベースの検索
実際のデータベースへの応用
鵜川研究室中間発表
ダウンロード

後藤悠太の中間発表資料