Ajaxを利用したシステム

Last-modified: 2007-01-08 (月) 05:14:00

名称

情報オリンピック支援システム(の予定)
無視されてもマイコン班のサポートページにするという算段ですよ。

(永遠に)実験中!

Prog.Aくんのサーバーの8080番ポートにて
http://dempainside.orz.hm:8080/joisys/
注意:常時稼働しているわけではありません!!

概要

停滞中のマイコン班の活動に活気をもたらすため、冬休み~3学期のメインプロジェクトとして提案されたものです。
参考までにU20プログラミングコンテストで以前SNSが入賞(優秀賞:8万円)してました。

Ajaxってなに

エイジャックスって読むらしい(アジャックスでもいけないことはないような)。

Asynchronous JavaScript + XML

の略。
Asynchronousの発音は「エイ」でも「ア」でもOKっぽい。
ページを遷移せずに、画面を動的に切り替える技術。

メールソフトやオフィススイートなどもブラウザ上で提供されるようになってきています。

どういうものかは、これらを見れば分かると思います。

勉強には今のところここが一番おすすめ

必要技術

Ajaxは新しい技術ではなく、既存の技術の組み合わせによって実現される。

  • クライアント側技術
    技術説明
    JavaScriptなんとAjaxの最重要技術。ユーザーからのイベントをキャッチしてサーバーにリクエストを送ってそのレスポンスデータからページの一部を書き換える。
    XMLHTML要素にはJavaScriptからはXMLツリーとしてアクセスする(DOM)。また、サーバーからのデータを自動でXML解析することができる。
    HTMLXHTMLというHTMLをXMLで再定義したもの。こちらの使用が推奨されるが元のHTMLの知識ももちろん必要。
    CSSこれによりデザインを別ファイルに分離できる。
  • サーバー側技術
    技術説明
    PerlJavaScriptからの要求に応じて結果を返すサーバー側プログラムが必要。どんな言語でもOK。
    PHP
    Java Servlet
    C/C++

議論場

  • とりあえずどんなものを作りたいか、どんな機能を盛り込みたいかを検討中です。みんなで考えましょう。 -- yappy 2006-12-01 (金) 21:57:43
  • サーバー側技術でRoRが入ってないのは気のせいですか?っていうかC/C++なんか使う機会ねーよ -- Atmonad 2006-12-03 (日) 16:27:44
  • みんなでがんばるんだよ! -- yappy 2006-12-08 (金) 16:16:04
  • Prog.Aくんに実験台になってもらうか・・・ -- yappy 2006-12-08 (金) 16:16:27
  • な、なんだっt -- Prog.A 2006-12-18 (月) 16:42:23
  • 結局なりましたね -- yappy 2007-01-03 (水) 23:42:05