Web scratch » 拡張機能

ページ移動時などに音を鳴らすアドオン「KIRISAKE」

azu — Sat, 21 Aug 2010 05:27:05 +0000

またJetpack SDKで1つアドオンを作成してみました。
リンクをクリックしてページ移動などの通信が始まった際に、風を切り裂くような音を出すアドオンです。

KIRISAKE :: Add-ons for Firefox ダウンロード先
KIRISAKE at master from azu’s JetpackSDK – GitHub ソースコード

作った理由ですが、
移動する際に音を出すと、ちゃんとリンクをクリックできたかなどが聴覚的にも認識できるのと、上記のような音を使う事でブラウザが少し早くなったような感じがします(I shallplease)

という後付けの理由があったりしますが、HTML5のAudioタグを使って見たかったというのが第一の要因です。
そういう気分になったのは中国のJetpackerのLT資料を見つけて、pageWorkerでhtmlファイルを読み込んでその中でAudioタグを鳴らすというサンプルが載っていたので実践してみました。
見つけたLTの資料はこれJetpack SDK: The new possibility of the extensions on browser

処理的にはたいしたことはやっていませんが、Jetpack SDKにはページ移動(ページを読み込みじゃなくて、通信が始まった瞬間)に反応するAPIはまだないような感じなので、nsIWebProgressを使った普通のFirefox拡張機能と同じように直に書きました。
Components.interfacesとか使う必要性が出てくるわけですが、Jetpack SDK0.6からはCiやCcというエイリアスがデフォルトではなくなったので、以下のようにrequireしてから使う必要があります。
Jetpack SDK 0.6 がリリースされました « Mozilla Developer Street (modest)

var {Cc, Ci} = require("chrome");

ちなみにこのvar {a,b} = obj;みたいな表記は分割代入というJavaScript 1.7からの機能を使ったもので、

var Cc = require("chrome").Cc , Ci = require("chrome").Ci;

というのと同様の意味になります。一部地域ではよく見かけるので覚えておくと便利です。

参考サイト

Components.interfaces

拡張機能の有効状態を保存復元するuserChrome.js

azu — Sun, 16 May 2010 13:46:24 +0000

Firefoxの拡張機能(アドオン)の有効になってるか無効になってるかを記録して保存できます。
またその保存したものから各アドオンの有効の有無を復元することができます。

例えば、Firefoxの動作がおかしいなと感じて、どのアドオンが原因なのかを調べるときに、調べる前の有効状態を保存してから、一個一個アドオンを無効化して試し、原因となるアドオンが分かったら有効状態を復元して直ぐに元通りにできます。

似たような事を行えるVimperatorプラグインがあります。

アドオンの有効無効状態を保存＆復帰できるプラギン – Death to false Web browser! – vimperatorグループ: http://vimperator.g.hatena.ne.jp/nokturnalmortum/20100203/1265202872

このスクリプトはuserMenu.jsが必要となるので、userChrome.jsでメニュー拡張を追加できる「userMenu.js」 | Web scratchを読んでuserMenu.jsを導入してからChromeフォルダのtoolmenuフォルダに入れてください。

0001.アドオン有効状態を保存.S.js

アドオンの状態はextensions.scriptprefs.GM_modoki.%u30A2%u30C9%u30AA%u30F3%u6709%u52B9%u72B6%u614B%u3092%u4FDD%u5B58.extsDisable

に保存されています。(JSON.parseして使う。)

userMenu.jsに付属していた0000.アドオンリストをタブに表示.L.jsを元にしました。

他の参考にしたもの

nsIExtensionManagerで使えるもの
nsIExtensionManager.idl

ダイアログの使い方。
nsIPromptService – MDC: https://developer-stage.mozilla.org/en/nsIPromptService#confirmEx()
ダイアログの使い方。日本語ですがいろいろ抜けてます。
Dialogs and Prompts – MDC: https://developer-stage.mozilla.org/ja/Code_snippets/Dialogs_and_Prompts

縦置きタブバーとサイドバーを統合する拡張機能「Unified Sidebar」

azu — Fri, 05 Feb 2010 07:22:13 +0000

firebugの縦置きタブバー(要アドオン)とサイバーを統合するUnified Sidebarというアドオンがリリースされました。

Latest topics > 縦置きタブバーの下にサイドバーを統合するUnified Sidebarをリリースしたよ – outsider reflex: http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/unifiedsidebar/2010-02-05_released.htm

対応してる縦置きタブバーの拡張は下の3種類みたいですが、知らせれば他のも対応してくれるかもしれないとのことです。

ツリー型タブ
VertTabbar
Tab Kit

実際に統合するとしたような感じになります。

Tab kitと統合

画面の大きさと一度に開くタブの数によっては結構いい感じに扱えます。
少しでも画面を広くするため、Hide Captionを使ってタイトルバーを非表示にして、userChrome.cssでサイドバーのタイトル部分を非表示にしています。

/* サイドバーのタイトル部分非表示*/
#sidebar-box > sidebarheader{
    display: none !important;
}

Unified Sidebar: https://addons.mozilla.org/ja/firefox/addon/72200/
Hide Caption: https://addons.mozilla.org/ja/firefox/addon/9256

タブバーを縦置きにする – Griever: http://d.hatena.ne.jp/Griever/20090705/1246788480

タブをツリー表示できる拡張機能「Tab Tree」

azu — Sat, 07 Mar 2009 10:56:01 +0000

Firefoxでタブをツリーライクな表示をするアドオンとしてツリー型タブ (Tree Style Tab)は有名だと思いますが、
このアドオンは本来のタブバーと置き換えてツリーにするので、競合などが起こりやすいです。

今回使うTab Treeはサイドバーで本来のタブバーとは別にツリーを作るため競合することはありません。(逆に言えば、タブバー上を拡張するアドオンは無意味になる。)
Tab Treeを導入するとサイドバーにツリー型のタブバーを表示できるので、本来のタブバーが邪魔になります。
Tab mix plusやuserChrome.cssを使って非表示にする事ができます。
初期状態だと、左のサイドバーにしか表示できないので他のサイドバーを表示すると隠れてしまいます。
それを改善するために、MultiSidebarを入れると便利です。
MultiSidebarはサイドバーを上下左右好きな場所に設置でき、たとえば右にTab Treeを移動した場合は、他のサイバーを開いてTab Treeのサイバーが閉じることはなくなります。
さらにサイドバーのタイトルも消せるので、スペースが節約できてます。
Tab Treeのサイバーを非表示/表示とトグルしたいときは、ツールバーにおけるボタンからもできますが、FireGesturesやキーボードショートカットのコマンドに

toggleSidebar(‘viewTabTree’);
と書けばトグルすることができます。

追記
Tabmix Plusの代用方法
タブを閉じるときに直前にフォーカスしていたタブにフォーカスを当てる

FLST (Focus Last Selected Tab): http://gorgias.de/mfe/

dontCloseWindowWhenCloseLastTab.uc.js: http://space.geocities.yahoo.co.jp/gl/alice0775/view/20080307/1204874853

常にタブバーを表示しない設定の場合に,最後のタブを閉じてもウインドウを閉じないようにする

導入後

Tab Tree: http://park2.wakwak.com/~benki/

MultiSidebar: https://addons.mozilla.org/en-US/firefox/addon/4534

FireGestures: https://addons.mozilla.org/ja/firefox/addon/6366

エラーページを便利にする拡張機能「ErrorZilla」とキャッシュページを探す「Resurrect Pages」

azu — Tue, 05 Aug 2008 05:46:39 +0000

Webを巡っていると404などのエラーページに遭遇することがあります。
そこで、利用者はどうするかというとあきらめてまた後でくるか、グーグルのキャッシュを覗くなどのWebサービスを利用した閲覧をためしてみたりする。

そういうWebサービスへのアクセスを助けてくれるアドオンとして「ErrorZilla」があります。
このアドオンは何かと派生が多いので、自分に合ったものを使えばいいかと。
本家ErrorZillaは更新していないので、

辺りが候補になる。CrendKingはErrorZilla Modをベースにしていてプロクシを通してのアクセスが容易にできるように改良されています。

後はほぼ同一の機能で
- Google Cache (view the page cached by Google)
- Coralize (use Coral CDN proxy to connect again)
- Wayback (view an earlier version of this page)
- Ping (use a server to ping the target server)
- Trace (trace the network route from you to the server)
- Whois (look up who owns the website)

それぞれへのリンクがエラーページ上で表示されます。
背景画像をlolifoxにしたlolifox-ErrorZillaなんてのもあります。

また同様にキャッシュへのアクセスを助けてくれるResurrect Pagesというアドオンも紹介。
Resurrect Pagesは主に検索エンジンのキャッシュページへのアクセスをナビゲーションバー上のボタンもしくは右クリックから行うことができる。

o CoralCDN
o Google Cache
o Yahoo! Cache
o The Internet Archive
o MSN Cache
o Gigablast
o WebCite

主に海外の検索エンジンが使われています。

[拡張機能]ニコニコ動画の普段と違う見方ができる「SmileSmile」

azu — Mon, 21 Apr 2008 08:52:13 +0000

Smile SmileはFirefoxのアドオンでランキングをリスト化し見やすくするなど、ニコニコ動画で埋もれた動画を発見できたりするアドオンです。

主な機能は

・ニコニコ動画のランキング・マイページを解析しリスト化します
・Firefoxのブックマークや履歴を解析しリスト化します
・大量の動画情報リストを高速に作成・表示することができます
・通常のランク方式に加え、独自の採点方式により、ランキングに埋もれてしまっている勢いのある動画・注目されている動画を発見しやすくします
・動画ダウンロード機能を有し、Firefoxのダウンロードマネージャを利用することにより安定したダウンロードプロセスを提供

Smile Smile – Firefox add-on

見たような動画のランキングデータを提供するサイトもありますが、それらのデータは決まった時間にクロールして集められたデータなので、常に最新のデータをみたいという人は利用してみると意外な発見なんかがあるかも。

自分の環境では上手く動いてくれませんでしたが、このように新しい視点で物事を見ると面白いかも知れない。

Firefoxのツールバーや検索窓をいじるアドオン

azu — Sat, 22 Mar 2008 08:28:34 +0000

普段から目に見えている箇所を強化させるアドオンの紹介です。
ステータスバーやツールバーなどを便利にすると意外と気持ちいい。

asdf-jkl

『asdf-jkl』はツールバーのショートカットキーをその場所にマウスを乗せるとポップアップ表示してくれるアドオン。
よく検索バーのショートカットは何だっけ？とか忘れるので地味に便利。(正解はCtrl+K)

MOONGIFT: » キーボードショートカット習得支援「asdf-jkl」

Active Stop Button

Active Stop Buttonは中止ボタンを強化する感じで中止ボタンの代わりに置き換えられます。
中止ボタンを読み込み時以外にも押せるようになります。ページ内のGIFを押すと停止しします。
一番いいところはボタンを右クリックすると他のタブも読み込みを中止することができます。

Find Toolbar Tweaks

ページ内検索バーの挙動をいろいろ便利するアドオンです。
safariのような？スーパー強調モード(周りも変化する)や検索し終えた後に検索バーを閉じるのが楽になったり検索履歴を残すこともできます。
ページ内検索をよく使う人は入れても損はない。

[New] Find Toolbar Tweaks – Firefox拡張機能 – Firefox更新情報Wikiブログ

Searchbar Autosizer

Searchbar Autosizerは上に付いてるグーグルなどの検索窓を便利にするアドオンで、検索バーの長さを入力に合わせて変化させたり、検索した後に検索窓を空にしたりと、かなり便利です。

Splash!

Splash!はそのままですが、立ち上がりが遅いFirefoxに対してのイライラするのを軽減できるかも。
起動時にスプラッシュ(画像)を表示することができます。画像は自分で用意しますが基本的に細かな設定をしなくてもいいので簡単に扱えます。(デザインを細かくも設定できます)
起動が少し楽しく感じていい感じです。(起動時間自体はそこまで変化してないと思う。)

巻き戻し/早送りボタン

これは知ってる方が多い思いますが、ドメイン毎の戻るや進むができる便利なボタンを追加することができます。

autoHideStatusbar

autoHideStatusbarはステータスバー(画面下のバーです。)を条件を指定して非表示にする事ができるアドオンです。
普段非表示にしておけば少し画面を広く扱えるので便利です。
またリンク上なら表示、画面した何pxにマウスが来たら表示など表示する条件も指定できるので非表示にしても不便にならずにすみます。

今回はこんな感じで、普段から目に見えているとこを改善していくと他のアドオンの印象も変わったりするので初めにいじっておきたい項目な気もします。

Firefoxの右クリックメニュー項目を並び替え、編集する

azu — Mon, 25 Feb 2008 13:41:09 +0000

アドオンを増やしてくると右クリックメニューが煩雑になり、せっかくの拡張機能が塚づらくなってしまいます。
その右メニューの項目を削除したり並び替えたりするアドオンはいくつか存在します。

上から順に簡単→難しい

Menu Editor 1.2.3 日本語版
 Menu Editorは視覚的に判断して、右クリックメニューとツールバーのメニュー項目を編集できます。
しかし、何かと他の拡張と競合するので、インストールしてみて競合する場合は避けた方がいいかも。

もう一つのアドオンとしてMenuManipulatorがあります。

MenuManipulator

http://wikiwiki.jp/firefox/?cmd=read&page=Ext%2FMenuManipulator
http://mozilla.dorando.at/

これはFirefox1.5で更新が止まっているので、インストールするにはextensions.checkCompatibility をFalseにする必要があります。
詳しくはFirefox2.0に未対応な拡張機能を使うには？や互換性についてを参照するといいでしょう。
簡単に言えば互換性がありますよと言い張る処理をさせる必要があるのです。

MenuManipulatorメニューの並べ変えなど、複雑な処理もできます。
使い方が少し複雑なのと情報が少ないのがアレデスね。

参考サイト
三軒隣の斜め向かい

もう一つはuserChrome.cssを使う方法です。

userChrome.cssはFirefoxのメニューなどをcssでいじくるものです。

などを参考にすれば右メニューの編集はできると思いますが、少し知識が必要な方法だと思います。

MenuManipulatorでclassやidを調べて(変更して)、 userChrome.cssで非表示にするのが弊害が出なくていい方法だと思う。

userChrome.cssについてはもう一度書く変更かも。

Firefoxのショートカットを便利にするLDRizeとアドオン

azu — Wed, 30 Jan 2008 07:04:43 +0000

Firefoxでは元から様々ショートカットがあります。
それを有効に活用するのも重要ですが配置が悪かったり、もっと便利にキーボードを使うための記事です。

デフォルトからのショートカットキーは下記に書いてあります。
Ctrl +数字のタブのショートカットキーは意外と知らなかったりしましたが、指がつりそうな配置です。

Mozilla Firefox Cheat Sheet

LDRizeというアドオンはショートカットキーでページをスクロールしたり、フレームで開いて中身を確認できたり、
ピンを立てて一気に開いたりできます。
LivedoorReaderやFastLadderのようなショートカットキーを多くのページでできるようになるグリモンです。
上から順番にGreasemonkeyスクリプトをインストール

Minibufferに依存しているので先にMinibufferをインストールしてください
http://userscripts.org/scripts/show/11759

AutoPagerizeと組み合わせるとこうかはばつぐんだ
http://userscripts.org/scripts/show/8551

LivedoorReaderやFastLadderのようなショートカットキーを色々な場所で利用可能にするGreasemonkeyです
http://userscripts.org/scripts/show/11562

これは順番が大事なので、もし順番を違った場合はスクリプトの管理画面で
Alt+ドラッグで

Minibuffer
AutoPagerize
LDRize

となるようにしてください。

とりあえずgoogleで F [ESC] J J O(オー) P P K K L L O(オー)の順にキーを押せば使い方が分かるかも。

との事なので、silog – script/LDRizeを参考にやってみてば慣れると思います。(Shift + ?でヘルプが出ます。)
IMEを切ってないと無効になるので注意。
使えないページもあります。

Ggreasemonkeyスクリプトなので、管理画面から編集すれば細かい設定を変えれるようになっています。
自分はLDRize::toggle-smooth-scroll(ぬるぬるスクロール)をflaseにして
DEFAULT_HEIGHTを100にしています。

まずショートカットキーを簡単に変更するためのアドオンを導入します。

keyconfig 20060828 日本語版ショートカットキーの設定を変更する拡張機能

そして設定画面で、左のタブへ移動するコード

gBrowser.mTabContainer.advanceSelectedTab(-1,true);

右のタブへ移動するコード

gBrowser.mTabContainer.advanceSelectedTab(1,true);

を作成してそれぞれにショートカットキーとして自分の好みでキーを与える。
自分は,と.を使用しています。
他のタブ移動のショートカットなんかはFirefox のタブ移動ショートカットキーが参考になると思います。

これで左手はキーボードで右手でマウスを使うような感じの環境ができます。

Mass InstallerでまとめてFirefoxの拡張機能をインストール

azu — Fri, 25 Jan 2008 14:26:18 +0000

Mass InstallerはFirefoxの拡張機能をまとめてインストールするための拡張機能です。
新規環境に移行する時や、初めてFirefoxをやるときに最初に入れてみるとかなり作業がはかどります。
これはテキストファイルに記載されているURLからどんどん拡張をインストールしていきます、
まだ試した事がないですがMass Installerをインストールして再起動(Firefoxを)すると、
ダイアログがでてテキストファイルを選択するようです。

Mass Installer 0.3.1 – Add-ons Mirror
本体がよくわからなかったのでミラーしているサイトを拾ってきた。
一度ファイルとして保存してから、FirefoxへD&Dすればインストールできます。

自分の拡張機能一覧のテキストファイル。

infolist.txt

こういう拡張機能の一覧を作成するにはInfoLister
という拡張を使えば簡単にできます。