AjaxとCometで作るリアルタイムWeb
はじめに Ajax+Cometは、WebSocketsが定着するまでのつなぎの技術という見方もあります。しかしながら、クライアントがシンプル、プロトコルを拡張しない、といったメリットもありますので概要を紹介します。 今回は実装までのソースを解説していくのではなく、Ajax+Cometアプリケーションでの在席状況確認の仕組みやシステム構成のポイントといった部分を中心に解説していきます。 Ajax+Cometアプリケーションの場合、クライアント側にはリクエストを投げる仕掛けのみを構築しますので、Cometを実現するWebサーバーのアプリケーションが双方向通信の実体になります。 システムの構成 今回は、CometをJavaで実装するケースを想定しますので、jetttyのサーブレットの仕組みを解説することになります。 クライアント側の仕掛けは非常にシンプルですので、サーブレットの解説の前にクライア
JavaサーブレットとJSON-libでできるiPhone向けAjax
今回は、いよいよWebアプリを作ってみたいと思います。まずAjaxの基本をおさらいし、後半で、前回の「iUIで始めるiPhone用Webアプリ開発の基礎知識」で紹介した「iUI」に組み込みます。 開発者なら当然知っているであろう、Ajaxの基本 iPhoneでもAjaxの使い方はPC向けWebブラウザと一緒で、XMLHttpRequestオブジェクトを使ってWebサーバからXMLやJSONなどのコンテンツを取得して、それを基にJavaScriptでHTMLを加工するという流れです。 リンクをクリックしたら、画面の一部（「replaceIt」というIDの<div>要素）にサーバで生成されるコンテンツを非同期で表示するには、以下のようなコードです。 1: <a href="javascript:void(0)" onclick="clickDiv()">クリックしてください</a> 2: <d
Javaで軽快に使える「軽量フレームワーク」特集 ～サーバーサイドとクライアントサイドのどちらでも対応できるEcho（2）
はじめに 今回はEcho Framework（以下、Echo）の応用編ということで、Echoを使いこなすために覚えておきたい事柄をいくつかピックアップして紹介していきます（前編はこちら）。 まずは、GUI構築に必須となるコンポーネント類について。Echoのコンポーネントは基本的にawt/Swingのクラスと非常に似た形で設計されていますが、部分的に違っているところや注意しなければいけない点などもあります。 コンポーネントは、ボタンなどの入力関係だけでなく、それ以外にもいろいろとあります。例えば、データを表示するのに用いられるテーブル。これは、Swingのテーブルと同じようにモデルとレンダラーによってデータ管理や表示のカスタマイズをすることができます。 コンポーネント以外の機能としては、Echoの大きな特徴の一つといえる「プッシュ配信」について取り上げます。サーバーからクライアントへと情報を
第9回 Ajax編（後編）
ｊQueryにおいて、Ajax関連操作のコアである「$.ajaxメソッド」についてまとめた、すぐに役立つ9本を一挙公開。 連載目次 このシリーズでは、jQueryの基本機能を逆引きリファレンスの形式でまとめています。リファレンスという性質上、本連載では入門レベルでの解説は割愛しています。jQueryの基本構文、Visual Studio上でjQueryを利用する方法などについては、拙稿「ASP.NETプログラマーのためのjQuery入門」を併せて参照することをお勧めします。 さて、今回は前回に引き続きAjax編です。前回はload、$.post、$.getなど、Ajax関連メソッドの中でも手軽に利用できるメソッドを中心に説明しました。これらメソッドは、特定の目的を短いコードで実現するには便利ですが、半面、細かな制御を行いにくいという欠点もあります。 そこで今回は、より汎用的にAjaxの仕組
GlassFishからアプローチするJava～入門編～ 第7回「Webアプリケーションの作成 JDBCレルムで認証実現」
はじめに この連載では、「GlassFish」という製品を利用して、Java言語に親しんでもらうことを目的としています。第7回目の今回は、入門編の最終回として、ユーザーを識別する認証機能の実装方法を説明していきます。 対象読者 Javaでなにかしらのアプリケーションを作成したことのある方 Javaの変数の宣言や、if文・for文・while文の制御文など簡単な文法を知っており、アプリケーションを作成したことのある方 オブジェクト指向プログラミングができなくとも構いません。徐々に学んでいければと考えています。また、学びやすいWebアプリケーションをサンプルとするので、Webアプリケーションとは違った分野を勉強したい方には当連載は向いていません。 本稿で想定する主要技術のバージョン Java EE 5を使用するため、主な技術要素のバージョンは以下の通りです。EJBに関しては応用編で扱う予定です
AjaxとCometを利用したLiftのアプリケーションを作る
前回までで、LiftのViewとModelを利用した簡単なアプリケーションの作成までを解説してきました。本連載は今回で最終回となります。これまでのまとめの意味もこめて、いままで作成してきたTwitterのクローンのようなアプリケーションを改良して、Liftの目玉であるAjaxとCometを利用したアプリケーションの作成方法を解説します。 はじめに 前回までで、LiftのViewとModelを利用した簡単なアプリケーションの作成までを解説してきました。 本連載は今回で最終回となります。これまでのまとめの意味もこめて、いままで作成してきたTwitterのクローンのようなアプリケーションを改良して、Liftの目玉であるAjaxとCometを利用したアプリケーションの作成方法を解説します。 対象読者 Javaは知っているが、Scalaも学んでみたいと思っている方 ScalaでのWebアプリケーショ
GlassFishからアプローチするJava～入門編～ 第6回「Webアプリケーションの作成 ON DELETE CASCADE」
はじめに この連載では、「GlassFish」という製品を利用して、Java言語に親しんでもらうことを目的としています。第6回目の今回は、前回に引き続き買い物かご機能部分の実装を解説していきます。 対象読者 Javaでなにかしらのアプリケーションを作成したことのある方 Javaの変数の宣言や、if文・for文・while文の制御文など簡単な文法を知っており、アプリケーションを作成したことのある方 オブジェクト指向プログラミングができなくとも構いません。徐々に学んでいければと考えています。また、学びやすいWebアプリケーションをサンプルとするので、Webアプリケーションとは違った分野を勉強したい方には当連載は向いていません。 本稿で想定する主要技術のバージョン Java EE 5を使用するため、主な技術要素のバージョンは以下の通りです。EJBに関しては応用編で扱う予定です。 Servlet:
Jersey、AJAX、JSONを使ってRESTに挑戦しよう
はじめに REST（Representational State Transfer）は、HTTPを介した包括的な方法でデータを扱うことを可能とする、強力で軽量なアーキテクチャです。しかし、強力であるとはいえ、独自のコードにRESTを取り入れるのは少々手間がかかるため、何らかの支援が必要になります。Javaでのコーディングの場合は、Jerseyが助けになります。Jerseyは、JavaコードをREST対応にするために必要な作業を簡素化するオープンソースプロジェクトです。 この記事では、RESTを簡単に紹介し、Jerseyの背景にある基本的な動作概念を説明します。次に、Jerseyを使用して、実際のJavaコードをRESTfulにする方法を示します。最後に、ブラウザベースのJavaScript、AJAX、およびJSONを使用して、作成したRESTfulコードにアクセスする方法を示します。関連ト
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Ajax Google Mapsを自サイトに設置する - ［JavaScript］All About
*この記事は、Google Maps APIバージョン1(v1)の時点での記事です。v1ベースでは現状動作しますが、バージョン2(v2)については、 Google Maps v2を設置する(1)やv2用意訳とサンプルなどもご参照ください。 9/15と、 9/30のサンプルは、都道府県庁の経緯度データをAjaxな通信で取り出し表示する、というものでしたが、 今回から数回にわけて、このようなAjaxな仕組みも利用しつつ、地図を表示してみます。地図には、Google Mapsを利用します。 Google Mapsは、それがなければ、Ajaxという言葉がこれほど広まらなかったかもしれないほどの影響を与えたAjaxアプリといえますが、もしかすると、それ以上に、世界中にインパクトを与えた特徴があります。 それは、この高機能で精密な地図を、自由にカスタマイズして、なんと、無料で自分のサイトへ設
DWRはAjaxアプリを作りたいJava開発者にお勧め
DWRはAjaxアプリを作りたいJava開発者にお勧め：MyEclipseでAjax＋Javaをやさしく開発（2）（1/4 ページ） MyEclipseはJava EE開発を効率化するプラグインの集大成でかつ統合開発環境だ。併せてAjaxの開発を容易にする機能も持ち合わせている。本連載では、サーバサイドにJava EEを、クライアントサイドにAjaxを用いたWebアプリケーションをMyEclipseを使って容易に開発する手法を紹介していく。また、AjaxとJava EEの連携にはAjax開発用のJavaフレームワーク「DWR」を活用する。（編集部） Ajaxアプリケーション開発用のライブラリは数多くありますが、Java開発者がすんなり入っていきやすいのはDWR（Direct Web Remoting）でしょう。本記事では、MyEclipseを使ってDWRの簡単なサンプルを開発しながら、DW
DWRの設定方法
DWRを使うには、何らかのサーブレットコンテナで アプリケーションを開発する必要があります。 このコンテンツではTomcatを使いますが、他のコンテナでも同様です。 DWRは非常に依存性の低いライブラリですので、 おそらく他のコンテナでも問題無く使用できるはずです。 設定ファイル関係 まず、DWR のサイトからパッケージをダウンロードします。 ダウンロードしたファイル内にある dwr.jar を 対象Webアプリの WEB-INF/lib 以下にコピーします。 そして、WEB-INF/web.xml に以下を追加します。 <servlet> <display-name>DWR Servlet</display-name> <servlet-name>dwr-invoker</servlet-name> <servlet-class>uk.ltd.getahead.dwr.DWRServle
JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]
Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス／アプリケーション...のページを参照してください。
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
はじめに読みたいAjax 正誤表 - パーソナルメディア書籍サイト
「Chapter3-5 バーチャルホストを設定する」における、追加補足情報です。 Apache2.xからセキュリティの設定が強くなったもようで、単純に設定しただけだと、「Access Forbidden」「Error 403」という状態が起こってしまうようです。 そこで、次のように設定を加えましょう。 httpd.confをエディタソフトで開きます。XAMP(Win)、MAMP(Mac)をお使いの方は次のファイルです。 C:\Program Files\xampp\apache\conf\httpd.conf アプリケーション:MAMP:conf:Apache:httpd.conf ファイルの一番最後、バーチャルホスト設定の後に、次のように記述します。 Windowsの場合 <Directory "C:/Sites"> Options Indexes FollowSymLinks Incl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RSS、XMLをAjax＋JSONPで表示するブログパーツを作成
Javaで軽快に使える「軽量フレームワーク」特集 ～リッチなGUIを構築する「Vaadin」（2）
Hatena ID