複数の単語を一度に検索できるChrome拡張機能『Pearls Extension』 | ライフハッカー・ジャパン
「Ctrl＋F」でページ内の検索をかけるという技は便利で知っておくべきキーボードショートカットの一つです。 ただ複数の単語を探している場合、この検索機能は不十分です。そんな時はChrome拡張機能『Pearls Extension』を使いましょう。複数の単語それぞれに色が割り当てられ、検索の記録はページを閉じても拡張機能上に残ります。「現在のページ上」、「現在のページがあるドメイン内全て」、そして「Chromeで表示する全てのサイト」用にそれぞれ単語を保存しておけば、次にアクセスするときに入力を繰り返さないですむでしょう。 また、デフォルトでは「完全一致」する単語のみが検出されるようになっています。例えば、hackと検索した場合、lifehackerは検出されません。しかし、引っかかるように「部分一致」に切り替えることも可能です。 高機能なツールなので、頻繁に検索をする人はぜひ試してみてく
Chrome extensionを開発するためのいくつかのポイント
今日はここでChrome extensionを開発するためのいくつかのポイントを書きたいと思います。 ポップアップウィンドウのリロード Browser actionを登録すると、extensionはポップアップバルーンを開くためのボタンが表示されます。開発者は、manifest.jsonファイルの中で、ポップアップバルーンの中に描画されるHTMLファイルの名前を指定することができます。 一般的に、いくつかのJavaScriptファイルがポップアップバルーン内で使われるでしょう。HTMLファイルやいくつかのJavaScriptはいつロードされるでしょうか？はい、ポップアップバルーンを開く度です。もちろん、JavaScriptオブジェクトは、それが閉じられるときに破棄されるでしょう。 それ故に、ポップアップバルーンコンテキスト内のいかなる情報は、そのバルーンのライフサイクルを超えて保持されませ
Webアプリを公開しよう！ Chrome Web Store／Apps入門 記事一覧 | gihyo.jp
第7回Webアプリを作ろう#4──Omnibox、Context Menus 吉川徹 2011-07-11
第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
localStorageをつかってエクステンションの設定を管理する - 心魅 - cocoromi -
エクステンションでは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の拡張ボタンをショートカットキーで使うには？ | 適宜覚書-Fragments
Google Chromeには色々と拡張を導入することが出来ます。最近は右クリックで表示出来るコンテキストメニューに対応した拡張も増えてきました。でも、オムニバー横のBrowserActionとして表示されるボタン群を使うことはまだまだ多いでしょう。 ところで、このボタンをマウスでポイントしてクリックするの少し面倒じゃないですか？何か別の操作をしているときにわざわざ右上のBrowserActionまでカーソルを持っていくとか…そんなモノグサは筆者だけではないでしょう。(^^;; そこでショートカットキーを使ってみましょう。ズバリ使いたいものを直接は選択出来ませんが、無駄の少ない手順で実行できます。 Chromeを開いている前提で、Altキーを押下します。すると、レンチアイコンが選択された状態になります。 レンチアイコン 次に左方向キーを押下するとレンチアイコンの左に接する拡張ボタンが選択さ
Tab Menu - Chrome Web Store
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 のビルド結果を通知する Chrome エクステンション作った - mallowlabsの備忘録
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 で公開したので、以下の作業は
chrome/extensions - dekuyou's knowledge base.
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
デバッグ方法 | Chrome Extensions API リファレンス
デバッグ方法 このチュートリアルでは、Google Chrome に組み込まれている “デベロッパー ツール” を使って拡張機能のデバッグを行う方法を、ご紹介します。 拡張機能に関する情報を表示する このチュートリアルは、まずは はじめてみよう で最初の拡張機能を作ってあることが前提となっています。この拡張機能を読み込み、その情報を取得してみましょう。 最初の拡張機能が実行されていない場合、読み込みを行う。拡張機能が実行され、アドレスバーの横に が表示されている状態にする。 拡張機能の作成や読み込み手順について、必要であれば はじめてみよう を参照のこと。 拡張機能管理画面(chrome://extensions)を開き、デベロッパーモードになっていることを確認する。 最初の拡張機能に関する情報を、確認する。拡張機能の名前、説明、IDなどを見ることが出来る。 拡張機能管理画面上をよく見たま
続・先取り！ Google Chrome Extensions 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
第1回 Google Chrome Extensionsとは | gihyo.jp
この記事で取り上げている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 extension(拡張機能)を開発してみた | スマートネットワーク 開発ブログ
Google chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン！」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome（BETA） 開発用フォルダを準備する 好きなところに開発用のフォルダを作成します。 私はC:\work\chrome-extというフォルダを作成しました。この中に拡張機能ごとのフォルダを作成していきます。今回はhelloworldという名前の拡張機能を作ってみることにします。 必要なファイルを作成 Google chrome拡張に必要なファイルを作成します。 最低限必要なのは以下の三つです マニフェストファイル アイコン画像ファ
Google Chrome 拡張ことはじめ - 2nd life (移転しました)
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ページを開く
Chrome Extensions | Chrome for Developers
Hacking Crome extensions – How I added keyboard shortcuts to 1Password in Chrome « Guillaume Boudreau Geek Blog
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Chrome拡張入門
Google Chrome Extensions - Google Mail Checker