yoshimasa niwa - Mac OS XでネイティブAPIをGoogle Chromeの拡張機能から実行
先日のWWDCでAppleはSafariの拡張機能を公開し、またSafari Developer Programを開始しました。 既にGoogleはChromeブラウザで拡張機能を提供していますし、にわかにFirefoxの独壇場だった拡張機能市場が盛り上がりを見せています。 実際、僕はSafariがデフォルトブラウザなのですが、たまにChromeを使って、Chrome上からURLをSafariに送りたくなったりします。 しかし、ちょっと探してみてもそのような拡張機能はありません。なければ作るしかないわけですね! ただ、これを実現するには他のアプリケーションをGoogle Chromeから起動しなくてはいけませんし、そうするためにはMac OS XのネイティブAPIを呼び出す必要があるわけです。ひょっとしたらもっと賢い方法があるかもしれないのですけど。Google Chromeは幸いネイティ
Greasemonkeyを超えた！ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」 - Chrome Life
先日、Adobeからモバイル向けFlashの開発中止というニュースがありました。 リッチコンテンツの領域で独占していたFlashでさえ、HTML5の標準化の波には逆らえなかったんですね。 来年あたりから、HTML5の利用が一気に加速していく予感がします。 筆者も、最近ではサイト構築の際にHTML5を選択する機会が増えてきました。 HTML5+CSS3+jQuery この組み合わせで、ほとんどのWebアプリケーションの機能を実装することができる時代になってきたと思います。 必要なデータは、クラウドに保存してAPI経由で読み書きできれば良いので、その部分だけサーバーサイドに任せる感じのシンプルな構成になればベストです。 JavaScriptの部分は、別にjQueryじゃなくてもよいのかもしれませんが、プラグインや情報が豊富で、jQueryが使える開発者も多いことから、jQueryを選択しておけ
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
extension作りで勉強したことメモ - こっそりmaroe
delicous引っ張ってくるext作ってみた Part2 を作った際に覚えたことのまとめ。 同じこと調べないためのﾒﾓとして。 データ保存編 localStorage key-value型のデータをブラウザ内に永続化する。 extensionのオプション設定などをお手軽保存出来る。 localStorage.setItem(key, value); var value = localStorage.getItem(key); //上下どちらでもOK localStorage.key = value; var value = localStorage.key; *valueには文字列しか保存できないので変換が必要。 var obj = { hoge: fuga, foo: bar }; // 保存 localStorage.hogehoge = JSON.stringify(obj); /
Yuyak.com » Chrome拡張でContent ScriptsからlocalStorageにアクセスする
Google API Expertが解説するHTML5ガイドブック 羽田野 太巳, 白石 俊平, 古籏 一浩, 太田 昌吾 2010-09-16 売上ランキング: 5430 評価 これがなかなか一筋縄ではいかないのである。 Content Scriptsは現在表示しているWebサイトのコンテキストで発動する。 そのため、Content ScriptsからlocalStorageにアクセスしても、そこで得られるのはChrome拡張で設定したものではなく、そのWebサイトのものとなってしまう。 では、どうすればいいのか。 background.htmlを介してアクセスすればいいのだ！ では、実践 Manifestはこんな感じ。 { "name": "My extension", ... "background_page": "background.html", ... } backgrou
クロスブラウザ拡張ライブラリExtension.js
DEV-008_Developing on the Edge. ～Web プラットフォームと Cordova～decode2016
Chrome Extension
Google ChromeのExtension作成メモ 基本的に自分がつくったextensionに必要な箇所のメモ Manifest V2について Content Security Policy (CSP) などをセキュリティの向上のため新しい拡張機能の実装ルールとしてManifest V2が定義されている。 Tutorial: Migrate to Manifest V2 この方式は拡張機能内のmanifestファイルに記載するバージョン ( "manifest_version": 2 ) を記述すると有効になる。この方式にそっていない拡張機能は新しくインストールできなくなり、すでにインストール済みの拡張機能もChromeのバージョンアップによって実行できなくなる見込み。従って新規に実装する場合はManifest V2にそって実装しないといけないし、既存の拡張機能もバージョンアップしない
extension内のパーツやextension間で通信するためのAPI - 心魅 - cocoromi -
extensionには様々なパーツがありますが。 それぞれのパーツ間でメッセージングを行うAPIが用意されています。 Message Passing http://code.google.com/chrome/extensions/messaging.html Communication between extensions and their content scripts works by using message passing. Either side can listen for messages sent from the other end, and respond on the same channel. A message can contain any valid JSON object (null, boolean, number, string, array, o
Google Chrome Extension タブの情報を取得
Google Chrome Extension で、extension をクリックされたときなどに 今開いているタブの情報（ページのURL, タイトルなど）を取得するには chrome.tags.* API を使います http://code.google.com/chrome/extensions/tabs.html 1. manifest.json で permission に tabs を追加します { "name": "My extension", ... "permissions": [ "tabs" ], ... } Samples Filter by API に chrome.tabs を選択する 2. JavaScript で API を使う 2.2 getSelected 全面に出ている（＝選択されている）タブの Tab Object を取得するには chrome.tab
第1回 Chrome ExtensionsのAPI#1 | gihyo.jp
こんにちは、ALBERTの太田です。今回からChrome4のリリースまでの間、Google Chrome Extensionsの詳細を追っていきたいと思います。なおタイトルの通り、この連載は先取り！ Google Chrome Extensionsの続編となっています。 まず、重要なお知らせがあります。前回の特集で何度か使用していたToolstripsとMoleがベータリリースまでに削除されることが決まりました。その代わりとして、今回解説するBrowser Actionsが利用できるようになります（Important: Toolstrips being removed in favor of browser actions）。また、Browser Actionsに合わせて、第3回で解説したPage Actions APIの新バージョンが提案されています。こちらも詳細は追って解説します。
【Firefox】JSONViewは神拡張【Google Chrome】 - 射撃しつつ前転 改
JSONViewを知らない人が社内でいっぱいいたので、これは宣伝すると他にも幸せになれる人がたくさん居るだろう、ということで宣伝してみる。 近年、JSON形式でウェブAPIを作成する機会が増えてきた。しかし、JSONで出力された場合、日本語の文字列はエスケープされる実装が多く(仕様的にはエスケープしてもしなくてもどっちでもいい)、結果を目視で確認することができなくて困るということがよくある。 そのため、JSON APIをたたいてパースして出力するだけのスクリプトをわざわざRubyで書く、というようなことを繰り返していた（前に書いたスクリプトを探すよりも新しく書いたほうが早いのだが、それでもAPIを調べ直したりで3分ぐらいはかかる）のだが、JSONViewという拡張を使うことで、ブラウザ上でのJSONを、XML風に見やすく整形してくれることがわかった。以下のスクリーンショットに、JSONVi
橋本商会 » chrome extensionの作り方+クロスドメインXMLHTTPリクエストのやり方
こないだ箱根合宿で学んだ。 単にchrome拡張を作ってみたかったというのと、chromeではgreasemonkeyが実行できるけど、Firefoxと違ってGM_xmlhttpRequestが無いのでクロスドメイン通信ができないのでなんとなくやってみたかった。 自分の見ているページの履歴を全部自分のサーバーに送って保存したい。 まずos0xさんのChrome拡張入門のスライドが勉強になる。 とくに 拡張コンテキスト、コンテントコンテキスト、ページコンテキストの3つのコンテキストが存在し、それぞれは完全に分かれているので、お互いが干渉してしまうことはない。さらに、拡張同士も独立したコンテキストで実行される。 拡張コンテキストはタブ操作やクロスドメイン通信などの特権を実行でき、コンテントコンテキストと通信したり、スクリプトを実行したりといったことができます。 コンテントコンテキスト(Cont
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Extensions API リファレンス