LEAP Motion + Chrome Extension でブラウザを操作する BrowserMotionExtension というサンプルコードを作ってみたよ - latest log
LEAP Motion と Chrome Extension を使い、ブラウザの操作を行うChrome拡張のサンプルを作ってみました。 手のひらで左右にスワイプすると、開いているページの背景色が、青や黄色に変化する機能を実装してあります。 試してみましょう github から BrowserMotionExtension をクローンします git clone git@github.com:uupaa/BrowserMotionExtension.git Chrome で拡張機能を読み込みます Chrome を起動し、 chrome://extensions/ で拡張機能のページを開きます。 右上にある「デベロッパー モード」をチェックし、 「パッケージ化されていない拡張機能を読み込む…」をクリックし、BrowserMotionExtension のディレクトリを指定すると、 拡張機能として
The Future of JavaScript – take a peek today!
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
NinjaKit - os0x.blog
NinjaKit*1というChrome/Safari拡張を公開しました。 Chrome:Chrome Web Store - NinjaKit Safari:NinjaKit for Safari Source: os0x/NinjaKit · GitHub これはFirefoxのアドオンであるGreasemonkey相当の機能を実装することを目指しています。 今のところ、 GM_xmlhttpRequest GM_addStyle GM_getValue GM_setValue GM_deleteValue(new in ver 0.7) GM_listValues(new in ver 0.7) GM_log GM_openInTab GM_registerMenuCommand(Safari版は未サポート) Metadata @include @exclude @require @b
chrome.extension.sendRequestへの不満 - プログラムモグモグ
どうも, 使いにくい. まず, いいところを先に言っておこう. chrome.extension.sendRequestの良いところ, それはコンテンツスクリプトへのマルチキャストができること. 分かってる人ならこれ以上のことは説明しないでも分かってくれると思う. なにが不満かというと, スクリプト全体でメッセージを受け取るということ. 最初にこのAPIを使うときは, 誰でもこんな感じのコードになると思う. chrome.extension.onRequest.addEventListener (function (e, sender, response) { switch (e.action) { 'foo': ... 'bar': ... 'zee': ... }); こういうaddEventListenerがスクリプトのひーとつ. でもでも, だんだんこれじゃぁ満足できなくなってくる
chrome --js-flags="--harmony" - hogehoge @teramako
GoogleChromeのdevチャンネルでタイトルの様なコマンドラインオプションを付けると、ES Harmonyの機能を幾つか使えるみたい。 元ネタ： https://mail.mozilla.org/pipermail/es-discuss/2012-January/019133.html ブロックスコープ harmony:block_scoped_bindings [ES Wiki] let, const, function の宣言はブロックスコープになる ...はずなんだが、Strictモードでないと動作しないorz バグ？ "use strict"; var hoge = "outer"; const HOGE = "OUTER"; function foo(msg) { console.log("outer " + msg); } { const HOGE = "INNER";
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
第4回 Webアプリを作ろう#1──Geolocation API、Notification API | gihyo.jp
目的地の設定と距離の算出 目的地の設定は、地図上をクリックすることによって行います。Google Mapsのクリックイベントから緯度と経度を取得することができるので、現在地情報の表示と同様にshowDestinationPositionメソッドで目的地の緯度、経度を表示します。また、同時にshowDistanceメソッドで目的地までの距離を算出して表示します。 /* * 目的地情報表示 */ function showDestinationPosition(lat, lng) { //目的地を表示 document.getElementById('dest-latitude').textContent = lat; document.getElementById('dest-longitude').textContent = lng; } /* * 目的地までの距離表示 */ functi
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
第1回 詳説：デベロッパーツールの使い方 | gihyo.jp
こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な
User Scripts
Chromium and Google Chrome (version 4 and higher) have built-in support for Greasemonkey-style user scripts. To use, click on any .user.js file. You should see an install dialog. Press OK to install. Known issues: Chromium does not support @require, @resource, unsafeWindow, GM_registerMenuCommand, GM_setValue, or GM_getValue. GM_xmlhttpRequest is same-origin only. Match Patterns The preferred way
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
第8回 Google Chrome拡張とHTML5 #2 | gihyo.jp
こんにちは、太田です。今回はGoogle Chrome拡張に使えるHTML5関連技術の2回目をお送りします。 前回はcanvas、ドラッグ・アンド・ドロップを取り上げましたが、今回はHTML5周辺の技術として、ECMAScript 5やCSS3の先行実装を取り上げます。ECMAScript 5は昨年末（2009年12月）にリリースされたばかりですが、WebKit・Chromiumでは早速（実際にはかなり先行して）その実装が進められています。またCSS3についても、多くのモジュールがWorking Draft（草案）の段階ですが、WebKitでは先行実装がされており、Chrome拡張ではその機能を存分に試すことができます。前回も書きましたが、Chrome拡張はそういった最新技術を試すのに格好のプラットフォームです。 Chrome拡張で使えるECMAScript 5 Google Chrome
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools