Web scratch

Posts Tagged ‘アドオン’

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

Spket IDEをインストールしてみるメモ。

Spket IDEはJavaScriptのコーディングやXMLなど向けのIDEでAptanaと同様にEclipseのプラグインとしても動作します。
また、Firefox Extension Projectを作成できたりアドオン作成向け機能もある。
今回は単体で動作するスタンドアロンとしてインストールする。

Spket IDEとは何かを詳しく知りたい人は下を読んでみるといいかも。

[Think IT] 第1回：Spket IDEとは何か？ (1/3)

http://www.thinkit.co.jp/free/article/0709/1/1/

Spketを使う | OpenLaszlo JP

http://www.openlaszlo.jp/?q=node/13

ExtJSの開発はSpket IDEがイイ感じ。Eclipseのプラグインでも動く。 – 蜘蛛の糸をつむぐには…

http://djodjo.jp/archives/149

Firefoxアドオン（拡張機能）の作り方

http://masahal.web.fc2.com/addon_lecture/

Eclipse plugin Spket IDE を試してみる – hogehoge

http://d.hatena.ne.jp/teramako/20070409/p1

インストール

上のサイトにインストール手順も書いてあるので重複するけど簡単な流れ

1. Downloads からSpket IDEをダウンロード
2. jarファイルなので、java -jar spket-1.6.8.jar みたいな感じでjarファイルを実行してインストーラーを起動
3. インストーラーでIDEを選びインストール場所とかを決めてインストール
4. 起動するとWorkspaceを聞かれるので適当に決めて動くか確認。

基本的にはEclipseなので、あんまり問題ないと思います。

日本語化

こちらもEclipseと同じやり方が通用するので簡単な流れ

1. Pleiades (今回は安定版)をダウンロード
2. 中身のfeatures、pluginsをSpket IDEに上書き
3. 起動して日本語になってなければ、Spket IDEフォルダのspket.iniの最後に以下を書き加える
   

   -javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash

4. 変な動作するなら-cleanオプションを付けて見るといいかも。

日本語化した画面

設定

まず最初に設定から文字コードをUTF-8にしておく

感想

• Aptanaに比べるとかなり軽い
• コード補完にXPCOMもでてくるのが少しウザイ(拡張機能開発には便利そう)
• JSDocに対応している
• アウトラインがわかりやすい

Firefox Developers Conference 2009に参加して適当にメモを取っていたので一応公開。
とても読みづらく、まとまっていません。 またトークセッションなど力尽きているところもあるので真剣に読んではいけない。

Read the rest of this entry »

最近になってFirebugのDOMタブで要素をクリックしてもその下の要素が展開されなくなったので、何かのアドオンと競合してるのかを調べてみたら、FxIFというEXIFを見るためのアドオンが原因だと分かった。
FxIFを外すか、過去のバージョンにするかで回避できた。

もう一つ、こっちは競合というわけではないけど、ニコニコ動画がリニューアルしてからマイリストにアクセスするとFirefoxが固まってフリーズするようになってしまった。
こちらの原因はIt’s All Text!というテキストエリアをエディタで編集するアドオンを外す事で解消された。
多分JavaScriptで動的に表示させるようになったのが要因になって、変な動作をするようになったのかな。

RefControlというアドオンを使う事でURL毎に、リファラを阻止や偽装することができます。
偽装までしなくても阻止すれば問題ないサイトも多いです。

RefControl

https://addons.mozilla.org/ja/firefox/addon/953

このアドオンを使ってリファラを阻止、偽装しておくべきサイトのメモ

URLのリストはインポートできるので、インポートするのが一番楽です。

• refcontrol.txt をインポート

RSSリーダから画像を表示するためにリファラを偽装、阻止するサイト

• blogs.yahoo.co.jp
• fc2.com
• image.itmedia.co.jp
• plusd.itmedia.co.jp

AmazonはGoogleからのリファラを見て、商品説明の上部に検索結果を表示するようになったためリファラを偽装しています。

• www.amazon.co.jp

Mouseover Dictionaryというローカルの辞書をマウスオーバーで検索できるアドオンが便利そうなので導入してみたら、
毎回メニューからサイドバーを表示しないといけないのが面倒なので、Custom Buttonsでそれ用のボタンを作った。

• クリックでインストール

もうひとつ、サイドバーで特定のURLを開くボタンを作成するときに、 すでにサイドバーを開いていたらサイドバーをトグルしないで、そのままサイドバーのURLを変えるようにするには

var title = "タイトルとなる文字列";
var uri = "http://";
var sidebarTitle = document.getElementById("sidebar-title").value;
var sidebarBox = document.getElementById("sidebar-box");
if (title == sidebarTitle) {
	toggleSidebar();
} else {
	openWebPanel(title, uri);  
}

という感じにすればいい。

以前作ったtwicliなら下のような感じになる。

Firefox3.5がリリースされてアップデートしたはいいけど、動かないアドオンが出てきてしまった場合、
多くのアドオンは互換性のチェックにより自動的に無効にされてしまっているのが原因です。

この互換性のチェックする機能を無効にする事によって、動くアドオンも多いと思います。(仕様が変わって駄目なものもある)
この機能を無効にするにはいくつかの方法があります。(やっていることの結果は同じです)

1. Nightly Tester Toolsを導入する
   一番シンプルな方法です。
   設定で「Disable add-on compatibility checking」にチェックを入れて互換性チェックを無効にすると
   互換性のないアドオンもインストールできるようになります。
2. about:configから互換性のチェックを無効化する
   やっていることは上と全く同じで、互換性のチェックを無効化するだけです。

   1. ロケーションバー（アドレスバー）に「about:config」と入力する。
   2. フィルタ欄に「extensions.checkCompatibility」と入力する。
   3. 設定名「extensions.checkCompatibility」の行が表示されている場合はその行をダブルクリックし、値を「false」へ切り替えて完了です。行が表示されない場合は4.へ。
   4. 右クリックしてコンテキストメニューから「新規作成」→「真偽値」を選択する。
   5. 設定名は「extensions.checkCompatibility」と記入し、真偽値は「false」を選択して完了です。

   互換性について – Firefox更新情報 Wiki*

3. MR Tech Toolkitを導入する
   Nightly Tester Toolsと同じく互換性のチェックを無効化する機能があります。
   またアドオン毎に「互換と見なす」ように設定できたりもします。
   こちらはアドオンの管理などかなり多機能に渡って設定できるので、一応おすすめです。

1が初心者向けで、2がabout:configを分かってる人向け。
3はMR Tech Toolkitは便利だよーって紹介。

Nightly Tester Tools

https://addons.mozilla.org/ja/firefox/addon/6543

MR Tech Toolkit

https://addons.mozilla.org/ja/firefox/addon/421

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

LOOX U/C30Nを購入して、導入したソフトウェアや設定についてのメモ書き。
ぐだぐだ書きすぎて普通のPCに導入したソフトとしても読める

パソコン モバイルPC FMV-BIBLO LOOX（ルークス） Uシリーズ

http://www.fmworld.net/fmv/pcpm0812/biblo_loox/lu/

Read the rest of this entry »

タブグループマネージャーは複数のタブをグループに分類し、そのグループに名前を付けて管理する事ができるアドオンです。
タブを多数開いても管理しやすくなるので、積極的に多数のタブを開いて活用できるようになります。
グループ名もほぼ自動で決められるので、タブを開きまくる人には便利です。
Tab mix plus + ツリー型タブを併用していますが、問題なく動いてる。
前回のセッションを使った再起動時の挙動が少し変だけど、普段使うわけではないので問題ない。

そのままだと少し幅を取っていたのでstylishでタブグループマネージャー を普段非表示にして、
メニューバーやナビゲーションバーにマウスオーバーしたときにポップアップするようにするcssを書いた。

タブグループマネージャー | userstyles.org

http://userstyles.org/styles/13520

タブを簡単にグループ移動させるなど出来たら面白そうな気がした。

タブグループマネージャー :: Firefox Add-ons

https://addons.mozilla.org/ja/firefox/addon/10254