デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
今日はここでChrome extensionを開発するためのいくつかのポイントを書きたいと思います。 ポップアップウィンドウのリロード Browser actionを登録すると、extensionはポップアップバルーンを開くためのボタンが表示されます。開発者は、manifest.jsonファイルの中で、ポップアップバルーンの中に描画されるHTMLファイルの名前を指定することができます。 一般的に、いくつかのJavaScriptファイルがポップアップバルーン内で使われるでしょう。HTMLファイルやいくつかのJavaScriptはいつロードされるでしょうか?はい、ポップアップバルーンを開く度です。もちろん、JavaScriptオブジェクトは、それが閉じられるときに破棄されるでしょう。 それ故に、ポップアップバルーンコンテキスト内のいかなる情報は、そのバルーンのライフサイクルを超えて保持されませ
第7回Webアプリを作ろう#4──Omnibox、Context Menus 吉川徹 2011-07-11
こんにちは、太田です。今回は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
エクステンションではlocalStorageを使ってデータを保存することができます。 簡単なサンプルは以下のページに載っています。 Options http://code.google.com/chrome/extensions/options.html コンテントスクリプト以外のエクステンション要素からはJavascriptのlocalStorageオブジェクトにアクセスするだけで読み書きが行えます。 ※background_page や options_page他 コンテントスクリプトからはメッセージングAPIを使ってアクセスするためのプロキシを実装する必要があります。 options_pageでユーザIDとパスワードを保存するサンプル 上述したページのサンプルとほとんど変わらないので、マニフェストの設定は省きます。 オプションページが開かれると、まずユーザIDとパスワードをlocal
Google Chromeには色々と拡張を導入することが出来ます。最近は右クリックで表示出来るコンテキストメニューに対応した拡張も増えてきました。でも、オムニバー横のBrowserActionとして表示されるボタン群を使うことはまだまだ多いでしょう。 ところで、このボタンをマウスでポイントしてクリックするの少し面倒じゃないですか?何か別の操作をしているときにわざわざ右上のBrowserActionまでカーソルを持っていくとか…そんなモノグサは筆者だけではないでしょう。(^^;; そこでショートカットキーを使ってみましょう。ズバリ使いたいものを直接は選択出来ませんが、無駄の少ない手順で実行できます。 Chromeを開いている前提で、Altキーを押下します。すると、レンチアイコンが選択された状態になります。 レンチアイコン 次に左方向キーを押下するとレンチアイコンの左に接する拡張ボタンが選択さ
Select, close, rearrange, and search your tabs from a toolbar menu! Instead of trying to read the tabs labels as they shrink ever smaller, Tab Menu provides a vertical tabs menu accessible from the toolbar! * Select tab: click or enter key * Close tab: close button or middle click * Rearrange tabs: drag-and-drop * Find tabs: search both tab titles and URLs with text box * Navigate through tab menu
Jenkins のおっさんが好き過ぎて、 常に画面におっさんのアイコンを表示しておきたいので Google Chrome エクステンションを作った。 GitHub - mallowlabs/jenkins-notifier-for-chrome: A Google Chrome(TM) extension for Jenkins (http://jenkins-ci.org). 特徴 常におっさんのアイコンを表示できる ビルド結果をデスクトップに通知できる Google Chrome を閉じてもバックグラウンドで通知できる ツールバーのアイコンからビルド番号、ビルド結果を確認できる ツールバーのアイコンからワンクリックで Jenkins のページを開ける 成功時 テスト失敗時 ビルド失敗時 利用方法 2011/06/15 追記 Chrome Web Store で公開したので、以下の作業は
2021-02-17 RecentDeleted 2017-04-07 chrome/extensions/pop Notepad(use local storage.) chrome/extensions 2014-04-18 CVS/WinCVS覚書 2013-05-07 WebDAV+SVN でAutoCommit 2013-05-03 Eclipse/LombozでJ2EE 2012-12-30 VirtualBox Server 2012-06-26 android/Application/Gmail Notifier 2 Smart Extras™ 2012-05-30 chrome/extensions/Auto scroll
この記事で取り上げているAPIは現在と使い方が異なっていたり、使用できなくなったものを含んでいます。 特にToolstrips APIは最新のChromeでは使用できなくなっています。詳しくは『続・先取り! Google Chrome Extensions』をご覧ください。 はじめまして。株式会社ALBERTの太田と申します。Google Chromeのベータ版公開から早1年が経ち、開発版には待望の Extensions が実装されています。今回から4回にわたって、この Extensions の導入や開発手順について、解説させていただきます。 Google Chromeの開発版とExtensions Google Chrome には3つのバージョンがあります。一般ユーザー向けの正式リリースであるstable版、テスター向けのbeta版、開発者向けのdev版の3つです。 さらに、Chromi
Google chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン!」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome(BETA) 開発用フォルダを準備する 好きなところに開発用のフォルダを作成します。 私はC:\work\chrome-extというフォルダを作成しました。この中に拡張機能ごとのフォルダを作成していきます。今回はhelloworldという名前の拡張機能を作ってみることにします。 必要なファイルを作成 Google chrome拡張に必要なファイルを作成します。 最低限必要なのは以下の三つです マニフェストファイル アイコン画像ファ
2009年12月8日*1(日本時間では12/9朝)、拡張機能が有効(除くOSX)な Google Chrome ベータ版がリリースされました。同時にこつこつ開発を続けてた、はてなブックマーク Google Chrome 拡張ベータ版も公開したので、良かったら使ってみてください :D http://hatena.g.hatena.ne.jp/hatenabookmark/20091209/1260314705 というわけで、Google Chrome 拡張を作ってみたのですが、その時に参考にした資料やドキュメントをまとめてみました。 Google Chrome 拡張APIドキュメント http://code.google.com/chrome/extensions/docs.html 基本的に上のURLで必要なAPIのドキュメントはまとめられています。またページ中央下の「Doc versio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く