こてさきAjax:Stream APIで、カメラの映像をWebSocket ライブ配信 - livedoor Blog（ブログ）
ずっと、待ち焦がれていたAPIが、ついにテスト実装されました。ブラウザから、カメラのライブストリームを取得するStream API (仕様はWHAT WGのサイトに記載)です。 この機能により、Webアプリのポテンシャルが飛躍的に向上すると期待されます。例えば、ビデオチャット。 カメラから取得した映像データを、Websocket で相互に交換すれば、ブラウザのネイティブ機能だけで、簡単に実現できます。 この機能が、実装されたのは、Opera mobileのテクニカルプレビュー(for Android)。以下のサイトの[Android build]からインストール出来ます。 http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview また、詳しくは以下のブログ(WebOS Goodies)で紹介されています。是非、ご
IE の Ajax (XMLHTTP) で、通信が行われたかキャッシュが使われたかを判定する方法 - IT戦記
どうやら 以下の方法で判定することができるようです。 // リクエストオブジェクトを作る var req = new ActiveXObject('Microsoft.XMLHTTP'); // フラグの準備 var sended = false; // readystatechange イベントを待つ req.onreadystatechange = function() { if (req.readyState == 4) { // キャッシュに存在しない場合 if (sended) { alert('loaded'); } // キャッシュに存在する場合 else { alert('cached'); } } }; // 通信開始 req.open('GET', 'hoge'); req.send(); // フラグを立てる sended = true; 解説 IE では、キャッシュ
Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
W3C/OpenAjax Alliance Workshop on Mobile Ajax
The World Wide Web Consortium (W3C) and the OpenAjax Alliance jointly organized a Workshop on Mobile Ajax, which took place on 28 September 2007 at the Microsoft Silicon Valley campus in Mountain View Report A full report on the workshop is available. The report was written by the Jon Ferraiolo and reviewed by Daniel Appelquist (the two co-chairs for the workshop). The following summary was adapte
PCサイトビューアで Google Suggest を動かしてみる - miau's blog?
先週くらい？ふと思いついたので試してみました。 もっと大げさに書くなら「携帯で Ajax を動かしてみる」ということになるんだけど、まぁ制限が多いのでこういうタイトルに。 ■発端 携帯（PCサイトビューア）で Ajax 使ってるようなサイトを見ても、結構見れないことが多い。 なぜって PCサイトビューアには XMLHttpRequest が無いから。 でも所詮ただのクラスなんだし、自分で作ってやればいいんじゃない？なんてことをふと思いまして。 SmartNav.js なんかは iframe で結構すごいことやってたし、自前の XMLHttpRequest でそれに近いことできるのでは？と。 ■対象 でもよく考えると、iframe を使ってレスポンスを取得する場合、取得方法としては ・document.body.innerHTML ・document.body.innerText の二種類く
きまぐれ日記: Ajax IME ブックマークレット
Ajax IME ブックマークレットを作ってみました．右クリックしてブックマークに登録してみてください． Ajax IME ブックマークにアクセスするだけで現在表示しているページにある textarea と inputbox が Ajax IME 経由で入力可能になるはずです．成功すれば2秒ほどで textarea の色が変わって Ajax IME 入力状態になります．Alt-O で元に戻ります． たいていはうまくいくようですが，まだまだ完璧ではなくて CSS がらみから入力のカーソル位置が激しくずれたり，javascript のイベントがフックできなくて変化なしといったことが頻発します．気長に修正していくつもりですが，みなさんのフィードバックもお待ちしております． Mixi の日記投稿や Movable Type の投稿も若干癖がありますが問題なかったです．海外からの日記更新がかなり楽に
Ajax Ajaxで基本認証+SSL - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ Ajaxで基本認証+SSL 前回は、Ajax+PHPでの動的なテーブル書き換えを行いました。 つまり、Ajaxを利用したページ構築と動的書き換えについての話題でした。今回は、ページに入る前の話題です。 ユーザーを限定した基本認証ページをAjaxで利用してみます。 AjaxをいじっていてXMLHttpRquestのopen()メソッドに「ユーザー名」「パスワード」という引数があることに気づかれた方も多いと思います。これで、基本認証ページを利用することができます。 Webサービスなどの実際の業務の中で生まれてきたAjaxにとって、ユーザー限定のサービスは大切です。XMLHttpRquestオブジェクトに仕込まれ
Ajaxを使おう RSSリーダーを作る - ［JavaScript］All About
下記ボタンをクリックすると各RSSを動的に読み込み、リストを表示します。 (チャンネルによっては、最新データが0件の場合もあります。別のチャンネルをお試し下さい。上記動作可能ブラウザでうまく表示できない時は、ActiveXの設定などもお確かめください。) パソコン・デジタル家電 ビジネス・キャリア 住宅・インテリア 人気記事ランキング <button onclick="rssReader('http://allabout.co.jp/rss/computer/index.rdf')"> パソコン・デジタル家電</button><br> <button onclick="rssReader('http://allabout.co.jp/rss/career/index.rdf')"> ビジネス・キャリア</button><br> <button onclick="
あるＳＥのつぶやき: Ajaxライブラリまとめ
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へのアップグレード実例紹
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
AJAX vs. Flash、fladdictブログより
昨日のエントリーで、深津氏のブログに「Flash使いから見たAJAX」のことが書かれていて読んで勉強になった話を書いたのに、それらのエントリーへのリンクを張るのを忘れていたので、今日はそのリンク集。 以下のエントリーは、AJAXが騒がれ始めた2005年３月から２００６年１月の間に書かれたものだが、この「閉じたFlash」vs.「オープンなAJAX」という構図は相変わらずである。特に、FlashはActionScript3.0で大幅に言語として整備されたにも関わらず、AJAXに押されぎみなのはなんとも微妙である。 それで思い出したのが、GoogleにUIEngineの説明に行った時の会話。「もっとオープンにしてくれ」という彼らに、「Flashはどうなんだ」と答えると、「Macromediaの連中にもオープンにしろと言いつづけている」と言う。GoogleもYoutubeなど一部のサービスではF
JavaScriptとFlash連携でソケット通信を使う:phpspot開発日誌
“Real” Javascript Sockets! - ThinkPHP /dev/blog I could not find a single way to have real sockets in Javascript. Google told me that there probably is no solution except embeding a java applet or an active-x component! So I thought why not using a little .swf file as a bridge from javascript to the socket functions of flash! JavaScriptのみではソケット通信は出来ませんが、Flashの機能をJavaScriptから使ってソケット通信を行おうという試み。 Aja
CometとAJAX CHATの作り方について整理 (Re::Monologue)
AJAXでCHATを作る場合のパターンについて、現時点で集めた情報をまとめてみました。 前提 JavaScript は、HTTP通信オブジェクトである XMLHttpRequest を持つためにブラウザの再読込なしにデータの送受信が可能です。また、JavaScriptはDOMを扱うことができるのでHTMLの要素を自由に書き換えることができます。(innerHTMLを用いても可) この二つの特徴を生かすと、ブラウザの再読込なしにHTTP経由で受け取ったデータをHTMLに表示することができます。 このような技術を用いて CHATを作ると、画面遷移(リロード)のない高速なCHATを構築することができます。あたかも IRCクライアントのようにWebページにログを書き出していくことができるわけです。これがAJAXでCHATを行う場合のメリットです。 ここまでは、AJAXでCHATを作るメリットについ
AJAXアプリは客のわがままを聞いてくれるレストラン
UIEngineの説明をする際に、「通常のウェブ・アプリケーションと異なり、非同期通信を使ってクライアント側でデータ・バインディングをするので、ストレスの少ないユーザー・エクスペリエンスを提供できます」と言ってきた私だが、「データ・バインディングとは何か」を知らない人が意外に多いことに気がついたので、ここで解説しておく。 得意の食べ物にたとえれば、データ・バインディングは「調理」に相当する。定食屋のように全ての食材（データ）をキッチンで調理をしてしまってから一度に持ってくるのが「サーバー・サイドでのデータ・バインディング」で、紅花レストランのように食材をテーブルまで持って来て目の前で調理してくれるのが「クライアント・サイドでのデータ・バインディング」である。 食材を一度にはテーブルに運ばず、客が一つ目の料理を食べている間に二つ目の料理の食材を運んで料理をしておき、一つ目の料理を食べ終わった
suVeneのあれ: Ajax時代のMVCアーキテクチャについて
2006年02月25日 Ajax時代のMVCアーキテクチャについて [web2.0][ajax] Ajax とか利用したリッチクライアント周りの事考えてて、 前に Hatena の id:naoya氏の以下の記事みて Jemplate で JavaScript でもロジックとビューを分離する 「そりゃそうだよなー。」とか単純に考えてたんだが、 考え方が少し変わったというか、物足りなさを感じるようになってきて 今では、もう一歩進んだアーキテクチャが欲しいと思ってる。 というのも、最近 JSF + Ajax とか JSP の Ajaxタグライブラリとか、 Perlの Jemplate とかその他、開発のIDEとかも含め、 ゴリゴリ手書きしてたスクリプトをコンポーネント化しようって動きはたくさんあって 簡単に非同期通信するコンポーネントが配置できるようにはなってきてるんだが 結局「Javaアプレ
XMLHttpRequest の onreadystatechange の this - IT戦記
個人的に Ajax を使ったプログラミングをしたことがほとんどない。数回あったけどライブラリ経由で XMLHttpRequest は触らなかった。 仕事でも Prototype.js とか MochiKit とかなので XMLHttpRequest を直接使ったことがない。 用事で使ってみなければならなくなった。 最初に見様見まねで書いたコード //Executable var req = window.XMLHttpRequest ? new XMLHttpRequest() : (function() { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { return new ActiveXObject("Microsoft.XMLHTTP"); } })(); req.onreadystatechange =
Ajaxの非同期をさらに妄想すると：Randomwalk：オルタナティブ・ブログ
Ajaxでいちばん大事なのは“Asynchronous（非同期）”なんじゃないか、という栗原さんのエントリを、私のAjaxについて書いたエントリの反応としていただきました。 栗原さんのエントリにあるように、私も非同期の重要性はまったくその通りだと思います。Google Mapsで地図をぐりぐりドラッグしていくと、それに連動して地図データがダウンロードされて描画されていく、という動作は（MapionにFlashを使ったものがありましたが）Web上のユーザーインターフェイスとしては、まさに革命的といえると思います。このインパクトはAjaxをブレイクさせた理由の1つでしょう（最大の理由はもちろん“Ajaxと命名されたこと”だと思います）。 で、いまのところAjaxの非同期とはもっぱら、サーバとの通信と、プログラムの実行とが非同期で行われることを指しています。つまり、データをサーバに取りにいってい
「ラボ」サーバー設置
今年に入ってからレンタルサーバーを使って色々と遊んでいる私だが、そんな私を見て、社内からもそういった「遊び」の部分を会社として正式にサポートする仕組みを作るべきでは、という声が上がってきた。やっと分かってもらえたようだ。 そこでさっそくサーバーを「ラボ」用に一台立ち上げてもらい、その上で前から作りたいと思っていたアプリを作ってみた。携帯電話用の「シアトル近郊の交通情報表示アプリ」である。シアトル近郊の交通情報は、ワシントン州の交通局のウェブサイトに無料で公開されているのだが、携帯電話から見られるようには作られていないのだ。 そのサイトに表示されている画像をこちらのサーバー側で一度取り込み、細切れにスライスした上でディスク上にキャッシュし、それを携帯電話にダウンロードしたUIEngine上に表示してGoogle Mapのように自由にスクロールできるようにする、というアプリを前から作りたかった
マップアプリのソース公開
昨日のエントリーで書いた「シアトル近郊の交通情報表示アプリ」、コメント欄で励まされたこともあり、全ソースを公開することにした。ただし、会社のサーバーで公式に遊ぶことになったので、発表の際にはまず英語で解説を書かねばならなくなってしまった。とりあえず、これが解説ページである。 King Country Traffic Map たいしたことが書いてあるわけではないので、全部を日本語に訳すこともないとは思うが、肝となる How it works （どうやって動いているか）だけは日本語での解説が必要そうだ。そこだけ抜き出して意訳すると、 このアプリは、三つのUJMLファイル（クライアント側でマップを表示して、ユーザーとのやり取りをするもの）と、二つのPHPファイル（サーバー側で元画像を細かくスライスしてキャッシュするもの）から出来ている。 Main.ujbc（Main.ujmlをコンパイルしたもの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.adamrocker.com/blog/107/google_ajax_feed_api_rss_reader.html