WebRTCを使ってみた - ずっと君のターン
http://ando-yasushi.appspot.com/wavycamera/index.html WebRTCを使うとJavaScriptでカメラやマイクを扱えるということで、ちょっと試してみてることがあったんだけど、いくらやってもなかなかうまい感じに動かないので気分転換に他のもの作ってみた。わりとさくっと。 どこかで見た動画が元ネタなんだけど見つからず・・・。 WebRTCはまだChrome開発版くらいでしか使えず、しかも chrome://flags でMediaStreamを有効にする必要があるから、いま作っても見られる人は少ないんだろうけど、JavaScriptでリアルタイムに映像を処理できるってやっぱり夢が広がるねぇ。 ・・・ 使い方 Chrome Canaryをダウンロード ウェブ系の開発者ならChrome Canaryくらいインストール済みのはずなんだけど、まぁ一応
javascript vs PHP 速度比較 « ku
はじめに WebKit, Chrome, Firefox, Operaでjavascriptのスピードアップ合戦を繰り広げている結果そのへんのLightweight programing languageより速くなっているのではないか、という予測におおまかな数字を与えるために測ったものです。本当にどちらが速いのかはHTTPサーバ・データベース・アプリケーションによるので、これはあくまでどの程度なのかを知るためのものです。 ユースケース 友だちが100人ずついるAさんとBさんの共通の友だちを探します。データベースから持ってきたレコードを手動でjoinする処理です。今回は言語の実行速度のみを知りたいのでデータベースから持ってくる部分は測る時間に含めていません。 速度を意識した実装はしないで、普段書いているような記述にしています。評価環境はmacBookPro”15 2.4GHz Core i5
Indexed Database API について
Indexed Database API（以下、indexedDB）について、これまで追いかけてきた情報をとりまとめたので公開します。 indexedDBは当初は仕様が固まっておらず、サンプルコードも当然のように動かなかったので（今も動きませんが…）、検証するにはかなりハードな状況でした。最近になってどうにか動くようになってきたので、@komasshu さんと色々やり取りしながら一通りの動作を確認しました。 現時点で利用できるブラウザは Chrome 9 以降 または Firefox 4 beta 8 以降となります。まだまだ仕様は動いていますので、検証の際は、なるべく最新の開発版を使うことをおすすめします。本エントリーでは、Chrome 9 beta 、Firefox 4 beta 8 にて検証します。また、資料は、2011年1月20日時点の W3C Editor's Draft を参照
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな？ 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Chromeの最新JavaScriptエンジン「Crankshaft」、「Chrome Sync」であらゆるChromeを同期、グーグルが発表。Chrome Event
Chromeの最新JavaScriptエンジン「Crankshaft」、「Chrome Sync」であらゆるChromeを同期、グーグルが発表。Chrome Event グーグルは12月7日、同社のWebブラウザであるChromeに関するイベントを開催、WebブラウザとしてのChromeの最新動向、そしてChrome Web StoreとChrome OSの発表を行いました。 最新のChromeではアダプティブコンパイリング技術を採用したJavaScriptエンジンの「Crankshaft」を採用してさらに高速になり、複数のChrome間で同期を行い同じ環境を提供するChrome Syncなどを提供。 さらにChrome向けアプリケーションマーケットである「Chrome Web Store」のオープンと、コンシューマ向けのOS「Chrome OS」のデモも公開されました。イベントの内容を紹
Google Chromeに搭載の「Crankshaft」--高速化された新JavaScriptエンジン
「Google Chrome」の最新のテストバージョンには、さらに高速になったJavaScriptエンジンが搭載されている。JavaScriptエンジンは、ウェブベースのプログラムを実行するためのブラウザコンポーネントとして重要性が高まってきている。 その結果、ページの読み込み速度が高速化し、ウェブアプリケーションがさらに強力になる。また、ブラウザのパフォーマンスをめぐって、Microsoftの「Internet Explorer（IE）」やMozilla Foundationの「Firefox」、Appleの「Safari」、そして「Opera」との新たな戦いが始まる。 Chromeのブラウザエンジン「V8」は、「Crankshaft」と呼ばれるバージョン3へとアップグレードされようとしている。Googleによると、V8は適応的コンパイルと呼ばれる技術を用いており、これによってJavaS
Google Chrome テクノロジーについて学ぶ
Words by the Google Chrome team, comics adaptation by Scott McCloud This work is licensed under the Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 License. Google and the Google logo are trademarks of Google Inc. All other company and product names may be trademarks of the respective companies with which they are associated. © Google - Google Home - About Google
Google、IE向けプラグイン「Chrome Frame」公式安定版をリリース
IE 6、7、8でHTML5のタグやJavaScriptエンジンを利用できるようにするGoogle製プラグインが公式安定版になった。Windowsインストーラのパッケージもダウンロードできる。 米Googleは9月22日（現地時間）、米MicrosoftのInternet Explorer（IE）でGoogleのレンダリングエンジンを利用できるようにするプラグイン「Google Chrome Frame」の公式安定版をリリースしたと発表した。Windows XP SP2、Windows Vista、Windows 7で稼働するIE 6、7、8で利用できる。 Google Chrome Frameは、HTML5のcanvasタグやJavaScriptエンジンなど、Google ChromeのオープンなWeb技術をIEで使えるようにするオープンソースのプラグイン。Webアプリケーション側に所定
第4回 ウェブ開発を助ける拡張やノウハウ | gihyo.jp
デベロッパーツールの機能が基準となっている面も少なからずありますが、間違いなくデベロッパーツール・Web インスペクタは開発者向けツールの中で最も多機能な開発者向けツールといえます。 ただし、FirefoxのFirebugについてはAdd-onと連携することで機能を追加できるため、総合的にはFirefoxに一日の長があります。なお、Firebug用のAdd-onはFirebug Extensions - FirebugWikiなどから見つけることができます。 デバッグ時の注意点・ノウハウ 起動オプションの指定 Chromeではオプション項目にない設定を起動オプションで指定するという方針を取っています。起動オプションで指定するオプションでは、試験的に導入されている機能を試したり、特定の機能を無効にしたりすることができます。 まず、アドレスバー（OmniBox）に about: とだけ入力して
第2回 JavaScriptのデバッグとチューニング | gihyo.jp
使用頻度が高いのはデベロッパーツールを起動するCtrl+Shift+I（もしくはCtrl+Shift+J）と、コンソールを開閉するESC、コンソールでは補完候補を選択するtabなどが挙げられます。 例えば、長くて間違えやすいencodeURIComponentのスペルは、Ctrl+Shift+Jでデベロッパーツールを起動してコンソールを開き（コンソールが開かなかった場合はESC）、eだけ打ってtabキーを2回押せば encodeURIComponent が補完されるので、スペルを簡単にコピーできます。 JavaScriptデバッガの活用 前回はブレークポイントの設置方法を紹介しましたが、もう一歩進んだ条件付きブレークポイントの設置方法を紹介します。 まず、通常のブレークポイントを設置します。 この青くハイライトされた行番号の上で右クリックすると次のようなメニューが表示されます。 ここで
Google Chrome 5の新機能とChrome 6の計画 | gihyo.jp
Google Chrome 5のリリースが刻一刻と迫ってきました。その注目の新機能と開発者向けの変更点に加え、Chrome 6を見据えた今後のスケジュールなどを詳細にお届けしたいと思います。 まず、Chrome 5の最大ニュースはなんといってもMac版、Linux版がそれぞれ正式にリリースされる予定という点です。これまで、Mac版とLinux版はベータ版と開発版が提供されていましたが、ついに安定版がリリースされる予定です。特にMac版はMac OS Xに馴染むようにかなりの改良が加えられているので、注目のリリースとなりそうです。 さて、これまでのリリースを簡単に振り返ってみます。シンプルで高速なブラウザとしてChromeがリリースされてから、Chrome 2では基本機能の充実と高速化、Chrome 3ではテーマのサポート、Chrome 4では拡張機能のサポートとブックマーク同期、Chrom
第9回 Google Chrome拡張とHTML5 #3 | gihyo.jp
こんにちは、太田です。今回はGoogle Chrome拡張に使えるHTML5関連技術の3回目をお送りします。 前々回はcanvas、ドラッグ・アンド・ドロップ、前回はECMAScript5やCSS3の一部を取り上げましたが、今回はHTML5関連APIのWeb Storageと、HTML5とは外れますが、Desktop Notificationsを紹介します。Web StorageはHTML5関連の中でもIE8でサポートされているなど、実装が進んでいるAPIの一つです。Desktop Notificationsはウェブページや拡張からユーザーに積極的な通知を出すことができるAPIです。MacではGrowlというアプリケーションが有名ですが、Growlに相当する機能をブラウザベースで実現しています。 Web Storage Web Storageはブラウザ上で動作するキーバリューストアです。J
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch
Google Code Archive - Long-term storage for Google Code Project Hosting.
Angry Birds Walkthrough Videos, Golden Eggs, and more | AngryBirdsNest
「Google Chrome 10」ベータ公開--「Crankshaft」搭載でJavaScriptが高速化
https://bugs.chromium.org/p/chromium/issues/detail?id=45196