ぼちぼち散歩 Firefox

Tree Style Tab用のUserCSSを書いてみた

Tree Style TabのためにFirefox使っているぐらい，Tree Style Tabは素晴らしいと思っていて，Tree Style Tab + Mac OS X - 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtechにて配布されている，Mac版Firefoxのテーマに合うようにTree Style Tabの見た目を変更するUserCSSを使わせて頂いている．しかし，タブをドラッグ&ドロップするときのborderが表示されなくなるのが気になっていた．

ずっと仕方ないのかと思っていたのだが，Tree Style Tabの中のCSSを覗いてみたところ，なんとかなりそうだったのでborderが表示されるようにしてみた．さらに，GrApple - Aronnax`s Firefox Themesのテーマを愛用しているので，それに合わせて調整してみた．

Tree Style Tab with GrApple themes | userstyles.org

また，ふと-moz-border-radiusとか使ったらdataスキームなしでもそれっぽくなるのではないかと思い調べているとTree Style Tabs - enhance appearance (FF3) | userstyles.orgというCSSを見つけたので，それも参考にしながら，dataスキームなしバージョンも作ってみた．こちらの方は，適当に色の部分を変更すればMac版以外のFirefoxにも合うと思う．

Tree Style Tab - another style | userstyles.org

Userstyles.orgに置いたUserCSSは一応世界中から参照される可能性があるので，英語で説明を書いてみているのだけど，こんな英語で合ってるのかどうかわからんorz

2008/06/20 18:47 | Firefox | トラックバック(0) | コメント(0)

ページの先頭へ

マッチするタブに切り替えたときに，自動的にvimperatorのkeyをオフにする

マッチするページの場合、自動的にvimperatorのkeyをオフにする autoIgnoreKey プラグイン - hogehogeというのがあったので，全面的にパクらせていただいて作ってみた．と，思ったら自分がつけたブクマコメントに反応して頂いて元のページの人がもう対応してたorzありがとうございます！

一応動くものができたので公開してみる．ignorePageListにマッチするURLのタブに切り替わるたびに自動的にVimperatorがオフになります．Firefox独自の部分(XULでいいのかな？)が関わってくるJavaScriptをほとんど書いたことがないので，なんか違うかも知れませんがとりあえず動いたの貼っておきます．

(function(){
/**
 * String or RegExp
 * e.g)
 * /^https?:\/\/mail\.google\.com\//
 * 'http://reader.livedoor.com/reader/'
 */

var ignorePageList = [
    /^https?:\/\/mail\.google\.com\//,
    'http://reader.livedoor.com/reader/',
    /^http:\/\/www\.nicovideo\.jp\//,
];

document.getElementById('appcontent').addEventListener('TabSelect', function(event) {
    var d = gBrowser.selectedBrowser.contentDocument;
    if(isMatch(d.URL)) {
        vimperator.addMode(null, vimperator.modes.ESCAPE_ALL_KEYS);
        vimperator.log('Map ignored: ' + d.URL);
    }
}, false);

function isMatch(uri) {
    return ignorePageList.some(function(e,i,a) {
        if (typeof e == 'string'){
            return uri.indexOf(e) != -1;
        } else if (e instanceof RegExp) {
            return e.test(uri);
        }
    });
}
})();

2008/01/21 23:07 | Firefox | トラックバック(1) | コメント(0)

ページの先頭へ

VimperatorでStartCommandの補完を使う

vimperatorでGoogleSuggestから単語を補完して検索 - Dis Communication - 符号無しっていうのがあったので，StartCommandでもやってみた．

VimperatorはVimみたいにプラグインを置くことができて，Mac，Linuxなら~/.vimperator/plugin/以下，Windowsなら~\vimperator\plugin以下に.jsファイルを置くと自動的に読み込まれるようになっている．先ほどのページのJavaScriptを置いて:restartするとGoogle Suggestによる検索ができるようになる．StartCommandに対応させるには，StartCommandの自分の検索プラグインをインストールしておくと，FirefoxのProfilesフォルダにあるsearchpluginsの中に(ユーザ名).xmlという名前でファイルができるのでその中身を参考にする．基本的にはendPointを書き換えて，適当にusageやコマンドを好きなように書くだけ．あと，リンク先にあるように0.5系列と0.6系列で微妙に書き方が違うようなので注意．一応以下に貼っておきます．

vimperator.commands.add(new vimperator.Command(['stand'],
    function(arg) {
        var endPoint = "http://www.startcommand.com/stand/tsukkee?cmd=";
        vimperator.open(endPoint + encodeURI(arg));
    }, {
        usage: ['stand queryWord'],
        shortHelp: 'Search web sites with StartCommand',
        completer: function(filter) {
            var endPoint = "http://www.startcommand.com/js/suggest/33?u=";
            var xhr = new XMLHttpRequest();
            var comleteList = [];

            xhr.open("GET", endPoint + encodeURI(filter), false);
            xhr.send(null);
            var response = window.eval(xhr.responseText)[1];

            for(var i in response) {
                comleteList.push([response[i], "Suggests"]);
            }

            // return [0, comleteList]; // 0.6系列
            return comleteList; // 0.5系列
        }
    }
));

このままだとtsukkeeのスタンドが使われるので使いたい方は適宜自分のものに書き換えてください．ついでなので.vimperatorrcも貼っておきます（前も貼ったっけ？）.

" options
set activate=quickmark,paste
set complete=bshf
set guioptions=mTb
set hlsearch
set ignorecase
set incsearch
set popups=2
set preload
set showstatuslinks=2
set wildmode=list:full

" key mappings
" Windows環境のCtrl+cでコピーを殺すのを回避
map <C-c> Y 

" 多めにスクロールするようにする
noremap j 5j
noremap k 5k
noremap h 3h
noremap l 3l

" 確認
echo '.vimperatorrc loaded'

2008/01/16 11:54 | Firefox | トラックバック(0) | コメント(0)

ページの先頭へ

Firefoxをこう使ってます的な何かその8

Firefoxは拡張機能を入れてなんぼなところがあるものの，どれを入れたらいいのかわからなかったり，どこまで標準でできるのかわからなくて拡張機能探すのもなんかよくわからんっていうのがあると思う．自分もちゃんとわかってるかは怪しいものの，今わかっている範囲でいろいろ書いてみたので誰かの参考になれば良いなぁと思った．

Firefoxはまだ発展途上のソフトウェアで，年末か来年初頭に出そうなFirefox 3にも魅力的な機能がある．早くもFirefox 4の話も出ていて今からわくわくしながら待っている．

参考リンク

というわけで，このシリーズは終わり．気が向いたら加筆，修正ぐらいするかも知れないし，しないかも知れない．

2007/11/10 23:42 | Firefox | トラックバック(0) | コメント(0)

ページの先頭へ

Firefoxをこう使ってます的な何かその7

Greasemonkey

任意のページのに任意のJavaScript（User JavaScriptとか言う）を当てて，ページの挙動を変えたり，機能を追加したりいろいろできる拡張機能．最近では，他のブラウザでもUser JavaScriptは使えるようになっていて，Operaは標準搭載，SafariならGreaseKitを使って，SleipnirならSeaHorse，IE7でもIE7Proでできるようになっているようだ．しかし，独自拡張があったり，そもそもFirefoxと他のブラウザではJavaScriptの挙動が違ったりで互換性のあるスクリプトはそんなに多くはないので，一番ユーザが多そうなGreasemonkeyを使うのが一番便利という感じ．また，IEではXPathが使えないのでスクリプト書くのが面倒くさそう．

他の人が書いたのを使わせてもらっているのを列挙しておく．

livedoorクリップに各種ソーシャルブックマークのコメントを埋め込むGreasemonkeyスクリプト(管理人日記) - むぅもぉ.jp: livedoor クリップから主要SBMのコメントが見れるようになる．
blog.8-p.info: del.icio.us の IME まわりをましに: 日本人のdel.icio.usユーザみんなが困ってそうな問題を解決してくれる．
livedoor Clip Cross Post - labs.37to.net: ブックマークは基本的にこちらのスクリプトを借りて，del.icio.usとlivedoor クリップに同時に投げるようにしている．投稿するときのインタフェースはlivedoor クリップになるので，layered del.icio.us bookmarklet (swdyh)のアイディアを拝借して，livedoor クリップ用のを自作して使っている．使いたい人はこれを持っていってください．
そのへんにぺろっと貼ってあるgreasemonkeyスクリプトにインストールボタンを付けるgreasemonkeyスクリプト: はてダとかに貼ってあるGreasemonkeyスクリプトにインストールボタンをつける．
AutoPagerize – Userscripts.org: いろんなページでAutoPagerできるようになる．AutoPagerが何かわからなければこのスクリプトをインストールしたあと，Googleの検索結果のページに行ってみたらわかると思う．いろんなページで使えるように，ページの継ぎ足しに関する情報はWikiで管理されていて，誰もが追加，編集できるようになっている．自動でページをつなげる部分と人力でページ情報を編集する部分がうまく組み合わさっていると思う．主要なサイトはほとんど使えるので，ブラウジング効率がかなり上がり，一番のおすすめ．類似のスクリプトにsilog - script/LDRizeというのもある．こちらはいろんなページでlivedoor Readerっぽい操作ができるようになるらしい．
ldrのレートを++/--できるようにするgreasemonkeyスクリプト: 自分は一応livedoor Readerはレートで管理してるつもりになってるけど，適当過ぎてあんまり意味がないので，このスクリプトでちょっとはましになることを期待している．

日常から使ってるのはだいたいこのぐらいだと思う．他にも一時的に試してみてたり，しばらく使ってたけどやめたものがあったりで，いろいろありすぎて紹介しきれないのでこのへんにしておく．次に，自分で書いて使ってるやつ．全然大したことないけどあると便利なので．ちなみに，XPath, $X function, NSResolver < 16 < March < 2006 < nulog, NULL::something : out of the headphoneの$X関数を使わせてもらっている．

mixi show alt

mixiのマイミクシィ最新アルバムとか動画とかミュージックとかが，画像のみでタイトルを出さないから何のこっちゃわからない，と思ったらalt属性にタイトルが入っていたのでそれを表示するスクリプト．$X関数のおかげで簡単にできた．一応Safari 3 + GreaseKitでも動く．

// ==UserScript==
// @name           mixi show alt
// @namespace      relaxedcolumn.blog8.fc2.com
// @description    show alt attribute
// @include        http://mixi.jp/*
// ==/UserScript==

(function() {
    var w = unsafeWindow || window;
    var d = w.document;

    $X('//tr[@class="itemList"]//a/img').forEach(function(item) {
        item.parentNode.appendChild(d.createElement('br'));
        item.parentNode.appendChild(d.createTextNode(item.getAttribute('alt')));
        item.style.fontSize = '10px';
    });

    $X('//tr[@class="itemList"]//td').forEach(function(item) {
        item.style.verticalAlign = 'top';
    });

    function $X(exp, context) {
        if (!context) context = document;
        var resolver = function (prefix) {
            var o = document.createNSResolver(context)(prefix);
            return o ? o : (document.contentType == "text/html") ? "" : "http://www.w3.org/1999/xhtml";
        }
        var exp = document.createExpression(exp, resolver);

        var result = exp.evaluate(context, XPathResult.ANY_TYPE, null);
        switch (result.resultType) {
            case XPathResult.STRING_TYPE : return result.stringValue;
            case XPathResult.NUMBER_TYPE : return result.numberValue;
            case XPathResult.BOOLEAN_TYPE: return result.booleanValue;
            case XPathResult.UNORDERED_NODE_ITERATOR_TYPE: {
                result = exp.evaluate(context, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
                var ret = [];
                for (var i = 0, len = result.snapshotLength; i < len ; i++) {
                    ret.push(result.snapshotItem(i));
                }
                return ret;
            }
        }
        return null;
    }
})();

Alc modify link

スペースアルクの英和・和英辞書はいつもお世話になっているものの，なぜかリンクが全部JavaScriptで中クリックで新規タブとかができないので，強引にリンクを普通のaタグに置き換えるスクリプト．

// ==UserScript==
// @name           Alc modify link 
// @namespace      relaxedcolumn.blog8.fc2.com
// @description    modify javascript link to normal link
// @include        http://eow.alc.co.jp/*
// ==/UserScript==

(function() {
    var w = unsafeWindow || window;
    var d = w.document;

    var BASE_URL = 'http://eow.alc.co.jp';
    var ENCODING = d.f1.ie.value;
    var WORD     = d.f1.q.value;
    var DK       = d.f1.dk.value;
    var PAGE     = d.f1.pg.value;

    function modifyLinks() {
        var links = d.getElementsByTagName('a');

        for(var i = 0, len = links.length; i < len; ++i) {
            if(!links[i].href.match(/^javascript:/)) {
                continue;
            }

            if(links[i].href.match(/goWordLink("(.+)")/)) {
                links[i].href = BASE_URL + '/' + RegExp.$1 + '/' + ENCODING + '/?ref=wl';
                continue;
            }

            if(links[i].href.match(/goPage("(d+)")/)) {
                links[i].href = BASE_URL + '/' + WORD + '/' + ENCODING + '/?pg=' + RegExp.$1;
                continue;
            }

            if(links[i].href.match(/goWordLinkHistory/)) {
                links[i].href = BASE_URL + '/' + links[i].innerHTML + '/' + ENCODING + '/?ref=wh';
                continue;
            }

            if(links[i].href.match(/goGradable("(.+)")/)) {
                links[i].href = BASE_URL + '/' + RegExp.$1 + '/' + ENCODING + '/?ref=hk';
                continue;
            }

            if(links[i].href.match(/goFairWord("(.+)")/)) {
                links[i].href = BASE_URL + '/' + RegExp.$1 + '/' + ENCODING + '/?ref=sp';
                continue;
            }

            if(links[i].href.match(/goFullText("(.+)",s*"(.+)")/)) {
                links[i].href = BASE_URL + '/' + WORD + '/' + ENCODING + '/?ref=ex&exp=' + RegExp.$1 + '&dn=' + RegExp.$2 + '&dk=' + DK + '&pg=' + PAGE;
                continue;
            }

            if(links[i].href.match(/goBack/)) {
                links[i].href = BASE_URL + '/' + WORD + '/' + ENCODING + '/' + (PAGE == '' ? '' : ('?pg=' + PAGE));
                continue;
            }
        }
    }

    w.addEventListener('load', function() {
        modifyLinks();

        var org_show_link = w.show_link;
        w.show_link = function(flag) {
            org_show_link(flag);
            modifyLinks();
        };
    }, false);
})();

LDR open entire site with key

何でもかんでもlivedoor Readerで管理したいので，フィードを配信してないところは，My RSSを使ってフィード化して読んでいる．ところが，生成されるフィードはそんなに精度が良くないので，ほとんど更新があったかどうかしか情報量がなく，結局元サイトを見に行くことになる．元サイトを開くキーボードショートカットがなかったので，適当にそれっぽいURLを取得して開くのを作った．またもや$X関数のおかげで簡単に書けている．

// ==UserScript==
// @name           LDR open entire site with key
// @namespace      http://relaxedcolumn.blog8.fc2.com/
// @include        http://reader.livedoor.com/reader/*
// ==/UserScript==
//
(function() {
    var w = unsafeWindow;
    var d = w.document;
    var _onload = w.onload;

    var onload = function(){with(w){
        Keybind.add("V", function() {
            w.open($X('//h1//a')[0].href);
        });
    }};

    w.onload = function(){
        _onload();
        onload();
    }

    function $X(exp, context) {
        if (!context) context = document;
        var resolver = function (prefix) {
            var o = document.createNSResolver(context)(prefix);
            return o ? o : (document.contentType == "text/html") ? "" : "http://www.w3.org/1999/xhtml";
        }
        var exp = document.createExpression(exp, resolver);

        var result = exp.evaluate(context, XPathResult.ANY_TYPE, null);
        switch (result.resultType) {
            case XPathResult.STRING_TYPE : return result.stringValue;
            case XPathResult.NUMBER_TYPE : return result.numberValue;
            case XPathResult.BOOLEAN_TYPE: return result.booleanValue;
            case XPathResult.UNORDERED_NODE_ITERATOR_TYPE: {
                result = exp.evaluate(context, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
                var ret = [];
                for (var i = 0, len = result.snapshotLength; i < len ; i++) {
                    ret.push(result.snapshotItem(i));
                }
                return ret;
            }
        }
        return null;
    }
})();

Greasemonkeyについては語り尽くせないというか，それだけで世界が広がりまくってるので把握しきれてないけど，もはやGreasemonkeyなしではウェブブラウジングできない体になってしまっている．次回に適当になんかまとめっぽいこと書いて終わる予定．

2007/11/10 21:04 | Firefox | トラックバック(0) | コメント(0)

ページの先頭へ

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

ぼちぼち散歩

Tree Style Tab用のUserCSSを書いてみた

マッチするタブに切り替えたときに，自動的にvimperatorのkeyをオフにする

VimperatorでStartCommandの補完を使う

Firefoxをこう使ってます的な何かその8

参考リンク

Firefoxをこう使ってます的な何かその7

Greasemonkey

tsukkee

カレンダー

リンク

RSSフィード

友達のページ

記事の検索

キーワード検索

月別検索

カテゴリ別検索

最近の記事

最近のコメント

最近のトラックバック

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

ぼちぼち散歩

Tree Style Tab用のUserCSSを書いてみた

マッチするタブに切り替えたときに，自動的にvimperatorのkeyをオフにする

VimperatorでStartCommandの補完を使う

Firefoxをこう使ってます的な何か その8

参考リンク

Firefoxをこう使ってます的な何か その7

Greasemonkey

tsukkee

カレンダー

リンク

RSSフィード

友達のページ

記事の検索

キーワード検索

月別検索

カテゴリ別検索

最近の記事

最近のコメント

最近のトラックバック

Firefoxをこう使ってます的な何かその8

Firefoxをこう使ってます的な何かその7

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-