タグ

Ajaxに関するredoguのブックマーク (5)

  • AjaxとCometで作るリアルタイムWeb

    はじめに Ajax+Cometは、WebSocketsが定着するまでのつなぎの技術という見方もあります。しかしながら、クライアントがシンプル、プロトコルを拡張しない、といったメリットもありますので概要を紹介します。 今回は実装までのソースを解説していくのではなく、Ajax+Cometアプリケーションでの在席状況確認の仕組みやシステム構成のポイントといった部分を中心に解説していきます。 Ajax+Cometアプリケーションの場合、クライアント側にはリクエストを投げる仕掛けのみを構築しますので、Cometを実現するWebサーバーのアプリケーションが双方向通信の実体になります。 システムの構成 今回は、CometをJavaで実装するケースを想定しますので、jetttyのサーブレットの仕組みを解説することになります。 クライアント側の仕掛けは非常にシンプルですので、サーブレットの解説の前にクライア

  • 第3回 JavaScriptで非同期通信を実装する

    JavaScriptによる非同期通信の仕組み ここまでは,Ajaxを支える技術としてJavaScriptでユーザー・インタフェースを実装する仕組みを紹介した。続いて,JavaScriptによる通信の実装について見ていこう。よく見かけるAjaxの紹介記事は,この通信の実装方法に重きを置いていることが多い。なぜなら,Ajaxという方法論が普及する前は,JavaScriptのコードから通信をしようなどとと考える人はおそらく少数派だったからであろう。 JavaScriptでHTTP通信を行うには,一般にXMLHTTP,またはXMLHttpRequestと呼ばれるオブジェクトを利用する。ただし,注意しておくことが二つある。一つは,XMLHttpRequestの実装方法はブラウザの種類やバージョンによって異なるという点,もう一つは,「クロスドメインの制限」と言って,現在表示しているHTMLを取得したサ

    第3回 JavaScriptで非同期通信を実装する
  • dhtmlxSchedulerを使ってみる - hrendohの日記

    dhtmlxSchedulerは、Google Calendarライクなインタフェースを簡単に実現できるオープンソース(GPL2)のjavascriptライブラリーです。 私の開発しているinfoScoop Calendarもdhtmlxschdulerを利用させていただいています。せっかくですので、dhtmlxSchedulerの利用方法についてまとめて置こうと思います。 一応、前置きとして、少しだけinfoScoop Calendarについて説明すると、 infoScoop CalendarはdhtmlxSchedulerを利用したGoogle Calendar風のインタフェースに加えてクラシックなホワイトボード風のインタフェースを追加した、かゆいところに手が届くスケジューラを目指しています。 infoScoop Calendarは以下のようなシステム構成になっていて、dhtmlxSc

    dhtmlxSchedulerを使ってみる - hrendohの日記
    redogu
    redogu 2010/07/21
  • Scheduler JavaScript Сalendar - DHTMLX Scheduler

    Feature-Rich JavaScript Scheduler DHTMLX Scheduler is a JavaScript scheduling calendar with 10 views and customizable interface for developing any kind of scheduling applications.

    redogu
    redogu 2010/07/21
  • Ajax初心者入門講座

    AjaxのプログラムでjQueryのreadyを使ってみましょう。 jQueryとはJavaScriptライブラリの一種で、今やデファクトスタンダードと言われるくらい人気です。 前回はわざとJavaScriptのプログラムの中で、jQueryの機能を呼び出していました。 何故なら、最初はできるだけ元のプログラムを変更せずに、 最小限の修正だけで動くようにしたかったからです。 でもjQueryっぽい書き方というか、 来ならjQueryのイベントやメソッドを使った書き方があります。 そこで今回は、前のプログラムを、jQueryを主体として書き換えてみます。 早速、やってみましょう。 【1】前回に作成したsample002jq フォルダをコピーして sample002jq-2 フォルダを作成します。 【2】今回は以下のようなファイルの構成になります。 ・test.js を少しだけ変更します。

    Ajax初心者入門講座
    redogu
    redogu 2009/06/30
  • 1