こてさきAjax:クールなMVCを実現するフレームワーク Angular.js の紹介 - livedoor Blog（ブログ）
先週＆今週は、出張でアメリカ西海岸。そんな折、先週の金曜日（16日）の夜に BayJax meetup が Yahoo! 本社で開催されるということで、参加してきました。 BayJaxは、シリコンバレー地区のAjax & Javascriptに関するMeetUp。大体、半年おきに開催されているようです。今回参加したMeetUpの形態は、Conference形式（勉強会ののりに近い）。日本との勉強会との違いは、最初にピザを食べてお腹が満たされたところで勉強会が始まることと（こっちの考え方の方が、確かにリーズナブル）、質問が活発なこと（海外では一般的なことですが）。とても、楽しい時間を過ごすことが出来ました。 その中で講演された AngularJS について、今回は紹介します。 AngularJS AngularJSは、とてもシンプルにWeb Appを書くことができる軽量な MVC フレームワ
こてさきAjax:node-spdy 試してみた - livedoor Blog（ブログ）
今日のブログのお題は、SPDY。Webサービスを「とにかく速くしよう！！」ということで、Google が提唱したプロトコルです。既にChromeでは、このSPDYが実装されており、サーチやGMailなど Google が提供する殆どのサービスで既に利用されています。 最近では、FireFoxへのインプリが始まったり、HTTP/2.0検討のベースとなるなど何かと話題のWeb最新技術です。 SPDYがWebを早くする仕組み SPDYは、現状のWebが抱える問題 ”HTTPは遅い!!" を解決するものです。HTTP が "遅い" 原因は色々ありますが、中でも最も大きいのは Request and Response の制限です。このため、SPDY では一本の HTTPS セッションの中で複数の HTTP セッションを多重化するといったことを行い高速化を実現しています。 Request & Resp
こてさき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)で紹介されています。是非、ご
こてさきAjax:indexedDB を触ってみた - livedoor Blog（ブログ）
IndexedDBを試してみました。今日はその話。 IndexedDBは、いわゆるNoSQL DB。RDBMSと異なり、スキーマレスで手軽に扱うことが可能なDBです。W3CのWorking Draftは、 http://www.w3.org/TR/2010/WD-IndexedDB-20100105/ で公開されています。今回試したのは、chromiumとFireFox4β8。IE9でも追加パッケージ HTML5Labs を使えば、利用可能なようですが、僕はまだ試していません。 IndexedDBの嬉しい点 IndexedDBはWeb SQL Databaseと異なり、任意のオブジェクトをスキーマを定義せずに操作可能です。Webアプリでスキーマの変更が発生するのは、結構やっかいな問題です。頻繁にカラムの追加や削除などをしてしまうと、各ユーザのブラウザ上のテーブル構造が全く異なる結果になりが
こてさきAjax:WebSocketがデフォルトdisableとなった件 - livedoor Blog（ブログ）
拙著（「徹底解説 HTML5 APIガイドブック コミュニケーション系API編」）の補足・修正POSTです。 p.24にWebSocketをサポートしているブラウザが記載されていますが、周知の通り、以下のブラウザでデフォルトdisableになりました。 FireFox4 Opera11 ちなみに、執筆以降サポートを開始した iOS4.2.1のsafari は、現状使える状態です。 disableとなった理由は、現状実装されているバージョン（Draft76）にセキュリティ上の脆弱性が見つかったため。脆弱性がFixされた仕様がIETFで固まれば、マイナーバージョンであっても再び対応するとのこと。 http://hacks.mozilla.org/2010/12/websockets-disabled-in-firefox-4/ 脆弱性の詳細は、Adamさんのレポートで述べられています。 ただし
こてさきAjax:HTTPで、サーバーPushサービス Server-Sent Events - livedoor Blog（ブログ）
リアルタイムWebの代名詞としてWebSocketに注目が集まる中、あまり話題になることはありませんが、HTML5には、もう一つリアルタイムWebを実現するAPIとして、忘れてはならないもの〜Server-Sent Events〜があります。今日は、そのお話。 Server-Sent EventsはCometを簡単に使えるようにするAPI。ここで、Cometと言うと最近の風潮として「WebSocketに完全にreplaceされる、ワークアラウンドでしょ」的な空気が（最近は特に）流れがちですが、そんなことは決してありません。。。というのが筆者の意見です。 Cometは、HTTPでサーバーPushするための技術の総称。その中の一つで良く取り沙汰される、periodically polling(一定間隔で、ポーリングパケットを投げる）などは、確かに「ワークアラウンドだね」という言葉ですませていい
こてさきAjax:BlobBuilderを使ってみた - livedoor Blog（ブログ）
File APIの最近のトピックとして、File Writerがあります。 http://www.w3.org/TR/2010/WD-file-writer-api-20100406 読んで字のごとし、Fileをローカルに保存するもので、上のドラフトを見ると、 FileWriter という、いかにもなメソッドが定義されていたりします。File Reader含め、このメソッドが 使えるようになるとWebからファイルを柔軟に操作できるようになり、Webアプリの幅がまた 広がりますので、興味深いAPIです。（セキュリティの観点で、いろいろケアする 必要はあるでしょうが） FileWriter自体は、まだ実装されているブラウザは無いようなのですが、それの前段となる BlobBuilder（Blob : Binary Large OBject を作るメソッド）は、現行Chromeのstable(ve
こてさきAjax:WebSocket + node.jsでAudio Streaming - livedoor Blog（ブログ）
第７回のHTML5とか勉強会で、羽田野さんにAudio Data APIを教えていただいて依頼、やりたかったことがあります。それは、AudioをWebSocketを使ってストリーミング配信すること。これが出来たので紹介します。 音声ストリーミングは、リアルタイム系のサービスの中では難しい部類の一つ。遅延がひどいと、自然なコミュニケーションが難しく、またネットワーク転送中にジッタ（データ到達間隔が揺らぐこと）が起きると、音がプツプツ切れたり間延びしたりと明らかに違和感が生じます。インターネットでは、厳密な意味でのQoS制御は困難ですので、どうしても遅延やジッタが生じますし、これらのパラメータはネットワーク転送だけでなく、サーバーークライアントでの実装ももろに効いてきます。 といったわけで、音声ストリーミングみたいなサービスがブラウザ＋Javascriptだけで出来たら、結構嬉しいよな〜やりた
こてさきAjax:websocketでは、encodeURIComponet()は使うべきではない - livedoor Blog（ブログ）
でも、これはwebsocketでは bad mannerだということに気づきましたというのが、今日のエントリーです。 web socketのDraftを見ると、送受信する text-frame は、以下のように規定されています。 http://tools.ietf.org/html/draft-hixie-thewebsocketprotocol-68#page-6 つまり、UTF-8のキャラクターがそのまま送れるっていうこと。例えば「あ」という単語を考えると、%xe3%x81%x82 と３バイト。 しかし、これを通例どおり encodeURIComponent('あ'); と、ASCII（'%E3%81%82'）と9バイトの文字列に変換して送受信すると、せっかくutf-8（3バイト）で送受信できるところを3倍のコストをかけてしまうことになってしまいます。 したがって、websocketで
こてさきAjax:twitterを javascript だけで自動分類（WebDatabaseで機械学習） - livedoor Blog（ブログ）
WebDatabase使って何か面白いことできないかなぁ・・・と。 で、思いついたのが 「簡単な機械学習作って、文書分類とかできちゃうんじゃない？」 という素朴なアイディア。 例えば、メーラーの迷惑メールフィルターで、「このメールはスパム」と指定すると、似たようなメールをスパムとして自動判定してくれるけど、そんな類のことをjavascriptだけで出来ちゃうんじゃないかなと。 というわけで、twitterのsearch結果を、自分好みに自動分類してくれるサンプルを作ってみました。（safari4と、iPod touchで動作確認。WebDatabaseとwebkitがMUSTになってます） http://komachu.sakura.ne.jp/twittersearch/ 窓から、好きな言葉でtwitterを検索できます。例えば「田町」と入れると といったように、twitterが表示され
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
