2008 (4) 10 (1) 02 (2) 01 (1) 2007 (55) 11 (2) 09 (4) 08 (2) 07 (4) 06 (5) 05 (4) 04 (10) 03 (5) 02 (10) 01 (9) 2006 (77) 12 (8) 11 (4) 10 (12) 09 (6) 08 (7) 07 (12) 06 (3) 05 (6) 04 (6) 03 (2) 02 (3) 01 (8) 2005 (85) 12 (8) 11 (10) 10 (9) 09 (6) 08 (3) 07 (12) 06 (9) 05 (4) 04 (3) 03 (5) 02 (6) 01 (10) 2004 (19) 12 (19) 最近になってようやくJavaScript関係、動的ロードを使ったテクニック等について 話せる相手ができまして、、なかなか充実しています。 Gmail、Go

はじめに　Ajax（エイジャックス：Asynchronous JavaScript＋XMLの略称）はウェブ上のサービスを中心に普及してきました。　皆さんの開発現場でAjaxは活用されているでしょうか？　最近はいろいろなJavaScriptフレームワークが出てきているため、Ajaxのサンプルもウェブ上に多く掲載されています。しかし、特定のJavaScriptフレームワークやWebアプリケーションフレームワークに依存したサンプルは制約も多いため、活用を躊躇しているITエンジニアも多いのではないでしょうか？　この記事では、特定のフレームワークを利用せずにAjaxによるインクリメンタル検索を実装してみることで、Webアプリケーションの基礎を振り返ってみたいと思います。　今回作成するインクリメンタル検索アプリは、蔵書の検索です。完成イメージを以下に示します。 本記事は、以下の順序で進みます。 全体の

FancyUpload - Swiff meets Ajax (v3.0) Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers. Showcases Attach a File A red

Google AJAX Feed API が出たので試してみた。 Google AJAX Feed APIとは、googleから提供されている、RSS/Atomフィードを取得するAPI(javascriptライブラリ)です。 導入方法も含め詳しくはここやこの辺を見てください。要するに、XMLHttpRequestのクロスドメイン制約で今まで出来なかった外部ドメインとのやり取りがこれを使うと(RSS/Atomに限るが)できてしまうということ。(Googleがプロキシとなって結果を取得してくれる) これを使って、自分のブログ(no hacking, no lifeとtutorialog)の中で、はてぶで多くブックマークされてる人気エントリの上位をサイドバーに出してみた。 取得するRSSはこれです。 http://b.hatena.ne.jp/entrylist?url=http://chees

Ajaxを活用して開発されたWebアプリケーションは、サーバとの通信をWebブラウザのページ読み込み処理とは異なる方法で(非同期で)行うため、基本的にWebブラウザのナビゲーションバーでは制御できない。つまり、Ajax機能を活用して再描画された内容は「戻る」ボタンでは戻れないということだ。 これは便利でもあり不便もである。特定の操作においては戻るボタンで戻れた方が扱いやすいこともある。Ajaxアプリケーションにおいてこうした戻るボタンとの関連付けを行うためのライブラリや実装方法はいくつかあるが、ここではAndrew Mattie氏によって公開されたdsHistoryを紹介しておきたい。 Andrew Mattie氏は15日(米国時間)、自身のブログにおいて「Presenting dsHistory: Another Way to Revisit the Past」と題したブログを公開。YU

Weebly - Website Creation Made Easy Ajaxを駆使したＵＩによってオンラインWEBページ作成「Weebly」 Ajaxかつ、WYSIWYGなページエディタが登録することによってWEB上で使えます。 GoogleMapをページにドラッグしたり、ウィジェットをドラッグ＆ドロップで簡単に設置できます。 デモムービーを見れば大体どんなものなのか分かるはずです。 関連エントリ オンラインで自在にCSSレイアウトをデザイン出来るサイト サイトのCSSを見たままリアルタイムに編集するツール色々 ブラウザ上で動作するJavaScript製のMSペイント「CanvasPaint」 オンラインでパスワード管理「PASSLET」

Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0！ なのに使い方は超簡単。　prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:

SEの竹村です。 Lightboxという画像のサムネイルをクリックすると同じ画面上で拡大画像を表示できるJavaScriptのライブラリがあります。Lightboxについては、以下の公式ページのほかに、様々なブログに評価や応用例が掲載されているので検索してみてください。 Lightbox JS http://www.huddletogether.com/projects/lightbox/ 同じように、リンクをクリックすると同一画面上でBOXが開き、HTMLを表示するライブラリがあります。それが今回取り上げる LITBox です。 Ryan J Lowe’s Dev Blog ? Blog Archive ? LITBox http://www.ryanjlowe.com/?p=9# これは、URLを与えると非同期でデータを取ってきて、BOX内に表示するものです。 その他の基本的な使い方に

Ajax IME リニューアル - Firefox位置ずれ解決とどこでもIME 2006-10-16-3 [WebTool][NLP] ブラウザさえあれば海外のネットカフェでも仮名漢字変換（日本語入力） が可能な Web サービス「Ajax IME」(by taku-ku ) がプチリニューアル。 Ajax IME: Web-based Japanese Input Method http://ajaxime.chasen.org/ (via きまぐれ日記: Ajax IME パワーアップ http://chasen.org/~taku/blog/archives/2006/10/ajax_ime_6.html) Firefox での位置ずれ問題（変換候補ボックスの位置がずれる問題）が ほぼ解決したとのこと。たしかに、Firefoxからストレスなく使えるー！ あとすごいの

SafariでXMLHttpRequestのresponseTextが文字化けするという話。 http://blog.33rpm.jp/garbled-on-safari.html 最近のバージョンだとcontent-typeがちゃんとしてれば化けなかったような記憶があるけど、まあともかくとして、Safariで文字化けするのはJavaScript側だけで対処することができたりする。 http://kawa.at.webry.info/200511/article_9.html これ読んでほんとかよ、って感じだったんだけど案外役に立った。livedoor Readerで使われてたり。 実際に使われてるコードはこんなの。 if(browser.isKHTML){ ajax.filter.add(function(t){ var esc = escape(t); return(esc.index

Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹