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

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

Tab Mix PlusはFirefoxのタブ関係を総合的に設定できる人気のあるアドオンですが、その他のアドオンやテーマと競合を
起こしやすいものでもあります。
自分の環境では他のアドオンと競合しているので、落ち着くまで他のアドオンで補っていきます。
うちではTab Mix Lite CEが問題なかったのでTab Mix Lite CEをベースに細かいアドオンを追加していきます。

• Tab Mix Lite CE
  Tab Mix Lite CE 3.0 の日本語化

Tab Mix系の派生はいくつかありますが、機能の多さ順だと
Tab Mix Plus > Tab Mix Lite CE > Tab Mix Lite
となっています。

Tab Mix Lite CEに含まれていない細かい機能は

• Tab Mix Plusと同等の機能を持つ拡張機能

を参考に追加していきます。

追加した機能として

1. タブまたはタブバー上でのクリック(ミドルクリックなど)の挙動
   →Tab Clicking Options
2. リンクをミドルクリックで開いた時にバックグラウンドで開く(フォーカスの反転)
   →MClickFocusTab
3. 最後のタブを閉じた時にウィンドウを閉じない。
   →keyconfig

ctrl+wを連打しているとウィンドウが閉じてしまう事があるので、keyconfigでCtrl+Wのタブを閉じるのスクリプトを

if (gBrowser.mTabs.length != 1) {
BrowserCloseTabOrWindow();
}

とすれば大丈夫そう。
逆にウィンドウも閉じるようにしたいのなら(多分初期設定はそうなってると思うけど)

BrowserCloseTabOrWindow();
if (gBrowser.mTabs.length == 1 && gBrowser.currentURI.spec == "about:blank") {
    if ("BrowserCloseWindow" in window)
        BrowserCloseWindow();
    else
        closeWindow(true);
}

みたいな感じでOKかと。

他のタブを強化するアドオンは結構前に書いたFirefoxでタブの使い勝手を大きく変える5つのアドオン | Web scratchをほとんどそのまま使っています。(今のところ競合してないと思う。)

Tab Mix Plusが問題なく動く人は特に関係ないエントリーですが、Tab Mix Plusじゃ機能が多すぎるのでスリムアップするのもいいかもしれません。
なんだかんだいってもTab Mix Plusは他のアドオンの作者も意識して対応してくれることが多いので、使い勝手のいいアドオンだと思います。

ImgLikeOpera ReloadedはOperaみたいに細かな画像のキャッシュ管理を行うアドオンです。
Operaはきちんとは使ったことはないですが、この拡張はかなり細かく設定できるみたいです。

1. 画像のブロックフィルター(正規表現を使ってフィルターを書ける)
2. コンテキストメニューから画像のリロードを行える。
3. 画像のキャッシュの保持時間を設定できる。(5分から三ヶ月 )
4. タブ毎にポリシーを設定できる。

You can set one of policies for each tab:
- don’t load images;
- load cached images only;
- load images for the originating Web site only;
- load all images.

というのが設定できるポリシーです。

フィルターはAdBlockみたいな感じで(実際にソースを参考にしてるみたい)flashや画像のブロックを行えます。
Operaを使っていた方には分かりやすいものかも知れないです。

ImgLikeOpera Reloaded

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

大量のタブを開いているとタブの文字幅が小さくなったり、単純にごちゃごちゃして見づらくなる。
そんな時にタブをファビコンで見分けやすくするアドオン。
これとあわせて見ると面白いかも。

Firefoxでタブの使い勝手を大きく変える5つのアドオン – Web scratch

http://efcl.info/2008/0514/res182/

Faviconとはサイト毎のアイコンでアドレスバーのとこにでてる小さな画像の事です。
有名なサイトなんかだとファビコンをちゃんと設定してありますが、設定していないサイトも多いです。
ファビコンがあるサイトでないサイトがタブバー内に混在してると分かりづらくなるので、こちら側で適当なファビコンを作ってしまうアドオンを紹介。

1. IdentFavIcon

IdentFavIconはサイトのドメインネームからCRC32でハッシュを作り、適当なファビコン画像を割り当てるアドオンです。

ハッシュで分けているので重複する事はほとんどないです。

1. HashColouredTabs

HashColouredTabsはファビコンの部分に一色の画像を表示するアドオンで、元から表示してあるファビコンを上書きして表示する事もできます。

使ってるタブ関係のアドオンによってはファビコンがないとタブサイズに違いがでてしまうことがあるので、そういうのを防止する意味でも導入する価値はありそうです。

普段自分が使っているタブ関係のアドオンです。
縦置きなので、ある程度のタブを開いても問題なく使えて(多段タブだと視野が悪い)、さらに利便性をあげるために補助系のアドオンを何個か使っています。

タブが表示されているとこの下側の空間はタブバー扱いなので、Tab mixやFireGestureなどのタブ上でホイールスクロールでタブを切り替えると結構快適にタブの切り替えができます。

ツリー型タブ
https://addons.mozilla.org/ja/firefox/addon/5890

タブを横側に置くことができ、さらに階層化することができるので大変便利になるかも。
また通常だと多段タブにしないとおけないようなタブ数でも、普通におけるのでとても役に立ちます。(モニターの解像度に余裕があると使いやすい。)
一度試してみるタブの使い勝手が大きく変わるかもしれない。
以下のアドオンはツリー型タブとの併用が可能です。

Aging Tabs
https://addons.mozilla.org/ja/firefox/addon/3542

時間やタブの切り替えによりタブの色が最大五段階の変化を設定できる。

マルチプルタブハンドラ
https://addons.mozilla.org/ja/firefox/addon/4838

タブを複数選択でき、それらのURL取得、更新、タブを閉じる、ブックマークなどの機能。

Tab Scope
https://addons.mozilla.org/ja/firefox/addon/4882

タブの上にマウスをのせると、そのタブの内容をプレビューすることができる。
ツリー型タブの見やすさを向上させるのに役に立ちます。
ツリー型タブと制作者さんの情報化タブというタブ内にサムネイルを埋め込むというアドオンもありますが、いまいちサイト毎の変化がつかみにくいためTab Scopeを使用しています。

Tab Mix Plus
http://tmp.garyr.net/

タブ関係では一番有名なアドオンだと思いますが、タブの閉じた時の挙動や開くときの挙動などタブを総合的にいじれるアドオン。
他のアドオンと競合を起こしやすいですが、バージョンアップで解決することが多いです。

一応Firefox3でもAging Tab以外は動いています。
Aging Tabもそのうち対応すると思います。
→design-noir | Mozilla | Alternde Tabs

追加
Hide Tab Bar
ショートカットでタブを非表示と表示の切り替えができます。