Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
ここにも Ajax？ - 枯れてる？
google が「writely」を買収したことで、知ったのだが、 なんか単なるスローガン的な響しかなかった Web2.0 とか いうコトバがそれなりに現実味を帯びてきてますな。 Googleが買収したAjaxワープロ「Writely」，その実力を検証 http://itpro.nikkeibp.co.jp/article/COLUMN/20060323/233136/ で、本日は、なんと、xhtml+javascript+css でプレゼンしちまおうと いう代物を発見。 Firefoxでプレゼン - Presentacular と Autohide http://yamashita.dyndns.org/blog/340 Ajax パワーポイント Presentacular http://labs.cybozu.co.jp/blog/akky/archives/2005/10/ajax_
Life is beautiful: Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ
最近、「これからのウェブ・アプリケーションはAjaxだ」という声を良く聞く。ソフトウェアを生業としているエンジニアとしては、この手の「流行もの（hype）」に触れた時には、表面的なものに踊らされずに、その本質を自分なりにしっかりと捕らえて消化・吸収して自分のものにしなければいけない。今までも、「オブジェクト指向」、「マルチ・ティアー・アーキテクチャー」、などの言葉が一人歩きするたびに、「これからは○○だ」とか「○○の時代は終わった」などと、過激なことを言って読者の目を引こうとだけするマスコミや企業のマーケティング戦略に数多くの人が踊らされてきた。 そんなノイズだらけのメッセージに混乱させられた結果、「Ｃではオブジェクト指向のプログラミングは出来ない」と信じているエンジニアがいまだに沢山いることは全く嘆かわしいことだ。「オブジェクト指向のプログラミング」は、設計姿勢・プログラミングスタイルに
JavaプログラマはAjaxに乗るべきか - ＠IT
Ajaxプログラマに必要なスキルとセンス Ajaxアプローチを活用したWebアプリケーション開発には数々の技術的スキルと、センスを要求される。もちろん統合開発ツールや整ったライブラリをうまく活用すれば、すべての知識に習熟している必要はない。しかし下記に挙げる各項目が得意であるかないかで、設計や全体の出来に反映してくるのは明らかであろう。 ●Ajaxに必要なスキルセット JavaScript（ECMA Script／Jscript） DHTML（DynamicHTML） CSS（Cascading Style Sheets） http（http status） XML（eXtensible Markup Language） XSLT（eXtensible Stylesheet Language Transformations） DOM（Document Object Model） JavaE
ツンデレ・幼なじみ・メイド・妹のボイスが入った「∞(むげん)プチプチ ぷち萌え」 - GIGAZINE
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン123.0.6312.58(Linux)／123.0.6312.59(Windows、Mac)がリリースされました。CSSやWeb APIに様々な機能が追加されており、従来よりさらにウェブコンテンツの表現力が豊かになっています。 Chrome Releases: Stable Channel Update for Desktop New in Chrome 123: light-dark function, Service Worker Routing API, and more! - YouTube ◆CSS関数light-dark() CSSの色関数として、新たにlight-dark()が追加されます。この関数は引数として2つの色を指定することができ、下記の状況に応じていずれか一方を返します。 ・ウェブ開発者が明色
ふと思う--ちょっと考える （いたずら編）: JavaScript: URL エンコードする
URLには、いくつか使ってはいけない文字がある。そのような文字を含んだキーワードなどをURLに含めたいときには、後で戻せるような統一のルールにのっとってそれらの文字を置き換える必要がある。 そのためのルールが、RFC 1738で規定されているURL encodeと呼ばれるエンコード方法。 JavaScriptには、危険な文字をエンコードするにはescape()という関数があります。しかし、この関数でエンコードするのはどうも良くないらしい(*1)。 ということで、Internet上にあるソースを改造した自作の関数(URLencode)を使っていました。 しかし、最近encodeURIComponent()という関数が使えるようになったそうです(*2)。また似た関数にencodeURI()もあります。こちらは、エスケープしない文字がいくつかあるので、あまり用がないかな。 ただこれらの関数は、最
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
ページを目的地まで自動でスクロールさせる - JavaScript
IE4+, NN6+, Opera7+ PageScroller 2 公開中。 このページは削除される予定です。[ 2005-09/10 ] サンプル ダウンロード 使い方 概要 ページ内を移動する時、ただジャンプさせるのではなくその場所まで自動でスクロールしてあげるとうい JavaScript。 勿論、任意の場所から任意の場所へ移動でき、ついでに減速もします。 この機能が使えない古いブラウザの場合は通常通りの動作をします。 [PageTop] DownLoad Page`Scroll [PageTop] 使い方 まず移動元と移動先のアンカ要素を普通に記述します。 eXample; <a href="#contents">移動元</a> ・・・・・・ <a name="contents">移動先</a> これはよく見慣れたソースですが、これに少し書き足します。 eXample; <a hr
あるＳＥのつぶやき: Ajax開発支援ツールまとめ
Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ，解説記事2，正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用
Lightbox JS
Overview Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you fr
Google Maps APIで日本の住所から緯度・経度を求める方法 - F.Ko-Jiの「一秒後は未来」
[追記: 2006/12/08] 日本でも Google Maps API でのジオコーディングが正式にサポートされました。下記は Google AJAX Search API を利用したジオコーディングの方法です。 Google Maps API のクラスを使う方法は「Google Maps APIで地名から緯度・経度が取得可能に」をご覧ください。 以前のエントリーでも触れていますが、ちゃんと書いておこうかと思います。Google Maps API標準のジオコーディングクラスが日本に対応するまでの応急措置です。 ジオコーディングにはGoogle AJAX Search APIのローカル検索を利用します。 1. http://code.google.com/apis/ajaxsearch/のページにある「Sign up for a Google AJAX Search API key」をク
iGoogle
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
iframe書いたらhttps環境で警告エラーが出る件
Ajaxで最近慌ててJavaScriptはじめた人向けネタ（笑） Ajaxをiframe更新で作る場合（別にXMLではないのだが）、iframeタグにsrcの中身を記述せずに、Https環境でAjaxるとIEのセキュリティ警告が出るのは、ダミーのHtmlを挿入するか、以下のJavascriptをsrcの中に入れると良い。 src="javascript:false;" こちらから解決法をいただきました。 http://ewbi.blogs.com/develops/2004/07/ie_iframe_and_h.html ついでに空でiframeを追加していくとか、iframe内のドキュメントをいじると言ったiframe更新手法を使う場合は、これ見とけ！その手のはやり方が載ってるYO!（<-このYO!は何の流行りどすか？） JavaScript & DHTMLクックブック―Webエキスパー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zerobase Journal
http://izu.shinzui.org/space/Ajax/DWR/Autocompletion2
Thinkfree Boundless
http://orto.accelart.jp/
2/4 Ajax Google Mapsを自サイトに設置する [Javascript] All About![2/4 Ajax Google Mapsを自サイトに設置する [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
日本IBM
http://www.ajaxpatterns.org/IFrame_Call