JavaScript

History APIとhashchange

HTML5の仕様にHistory APIなるものがあるそうで、Ajax通信等で画面遷移を行わないけど、URLは変更する・・・みたいな用途に使うんだそうです。GitHubで既に使われており、現状「#!」を使ってhashchangeによってAjax遷移するような手法(twitter等)から、今…

jQuery Templates

最近存在を知って触ってみましたが、なかなか便利ですねこれ。MSが作ったというのは驚きでした。 詳細については、以下のページが詳しかったです。http://idocsq.net/page/493さて、前回作成したjs-web-clientではサーバサイドのWebフレームワークを最大限利…

jQuery eventのoriginalEvent

HTML5関連本のドラッグ&ドロップサンプルをjQueryを使う形に置き換えて実行しようとしたとき、jQueryのbindを使うとdataTransferプロパティがイベントから取得出来ない現象が起こりました。原因は、わかってしまえば単純で、jQueryのイベントハンドラに渡さ…

jQueryのajaxError

jQueryのajaxErrorはグローバルなエラーハンドラです。401認証系エラーとか、500系サーバエラーをこれで定義しておけば、サーバFWのフィルターのようにエラー処理を一括管理できます。 但し、このエラーハンドラを正常に動かすには、サーバ側でしっかりエラ…

window.onhashchangeが便利すぎる

昨日の記事 http://d.hatena.ne.jp/da-yoshi/20100722/1279811055 に対してコメントいただきました。 http://d.hatena.ne.jp/da-yoshi/20100722/1279811055#c1279857804 window.onhashchangeというそのものズバリのイベントハンドラがあるのですね。 IE8につ…

Gmailを手本にフルAjaxアプリ

最近、初期画面からの遷移を全てAjaxで行うアプリを作る機会がありました。こういうアプリの標準的な構築手法を調べてみたところ、どうやらGmailがいちばんの手本のようです。 最近のRoR系FWだと、アプリのURLは コントローラ名/メソッド名/ID または コント…

jQuery treeView

http://bassistance.de/jquery-plugins/jquery-plugin-treeview 仕事で使う機会があったのでメモ書き。 jQueryのプラグインで、JavaScriptによる開閉可能なツリー表示を行うライブラリです。開閉時にAjaxで動的に子階層を取得することも可能です。 基本的に…

jQueryとJerseyを使ってGoogle Maps APIをいじる

前回作った無理矢理拡張Jerseyをサーバサイドで、クライアント側はjQueryを利用してGoogle Maps APIをちょっと弄ってみたいと思います。まずはDBに、マップに表示させるコンテンツとカテゴリを保持させます。 CREATE DATABASE mapsample DEFAULT CHARACTER S…

jQueryにお任せすればいいのに

今の仕事の前はPHPのCakePHP+jQueryでGoogle Maps APIをいじる仕事をやってました。jQueryは個人的に勉強していた頃から大のお気に入りだったのですが、仕事で使ってますます好きになりました。 でもサーバサイドフレームワークの世界では、未だにJavaScript…

JavaScriptとJavaで、UNICODE補助文字に対応した文字列操作を行う

JIS X 0213ではUNICODEの補助文字が一部で使われています。VistaやMac OSX、またはJIS2004対応フォントをインストールしたXpなど、この補助文字が入力可能な環境はこれから徐々に増えていくと思われます。結局、いつかはシステム側も対応しなくてはいけなく…

Jester

ちょっと話題に乗り遅れてしまったみたいですが、Jesterを今調べてます。元々「RIA + RESTful WebService」というシステム形態に興味があって調べているうちにこれを知りました。Railsのscaffold_resourceで作成したREST風システムと連携して、JavaScript側…

Ajax on Rails

Ajax on Rails作者: Scott Raymond,牧野聡出版社/メーカー: オライリー・ジャパン発売日: 2007/07/24メディア: 大型本購入: 1人 クリック: 54回この商品を含むブログ (32件) を見る帯がエヴァw ・・・結構リファレンスの割合が多いですね。RJSもPrototypeも…

言語を覚える手間とフレームワークを覚える手間

最近、GWTとかRJSとかJSFのAjaxコンポーネントとか、ASP.NET Ajax Extensionsとか・・・JavaScriptを隠蔽するサーバサイドフレームワークの注目度が上がってる気がします。 うーん・・・個人的には、これらのフレームワークを覚える手間と、JavaScriptを改め…

JSON-libを使ってXMLHttpRequestとServlet間通信

JSON-libのV1.0が出たみたいですね。 http://json-lib.sourceforge.net/ 早速試してみました。AjaxとServletでJSON通信でCRUD処理を行う・・・という設定。HTMLのFORMは使わずに、全てJSONで送信してサーバ側でBeanに変換し、戻り値は逆にBeanからJSONに変換…