Entries tagged with "del.icio.us"

del.icio.usのポストページを俺仕様にするユーザスクリプト

del.icio.usのポストページの構成が自分に合わない!と急に思うようになったので作った.「tags」の入力欄と「notes」の入力欄を入れ替えて,まずtagsにフォーカスするようにした.それだけ.

ボクはまずタグを入力して,次にコメントを入れて,そしてポストするので,これでストレスが減ると思う!

Custom del.icio.us post ( for Greasemonkey )

// ==UserScript==
// @name           Custom del.icio.us post
// @namespace      http://june29.jp/
// @include        http://del.icio.us/*?*url=*
// ==/UserScript==

(function() {
    tbody = $x('//tbody', document)[0]
    notes = $x('//tbody/tr[3]', document)[0]
    tags  = $x('//tbody/tr[4]//input', document)[0]
    save  = $x('//tbody/tr[6]', document)[0]

    tbody.removeChild(notes)
    tbody.insertBefore(notes, save)

    tags.focus()

    // thanks to cho45 (http://lowreal.net/)
    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 len != 0 ? ret : null;
            }
        }
        return null;
    }

}());

del.icio.usの未bundledタグをハイライトするuserContent.css

del.icio.usのタグを束ねる機能「bundle」はとても便利です.ボクはタグを探しやすくするためにややムリをしながら「タグは英単語で!」としています.タグを日本語でつけてしまうと目視で探すのがとても困難になりますよね.さらに,「a」で始まるタグはbundle「A」にまとめ,他のアルファベットについても同じように管理するとさらに探しやすくなります.多くのdel.icio.usユーザの方々がbundleを上手に使っているのを見て,ボクも真似しています.

june29′s bookmarks on del.icio.us

しかしbundleは手動で設定するため,新しいタグが現れるたびにbundleの設定を更新しなければなりません.そしてタグが増えてくると,bundleに含まれていないタグを目で探すのが非常に困難になります.これはdel.icio.usのCSSが良くないからでしょう.そこでFirefoxのuserContent.cssを編集しました.

[css]
/*
* del.icio.usのbundles編集ページでbundleに含まれないタグをハイライト
*/
@-moz-document url-prefix(“https://secure.del.icio.us/settings/USERNAME/tags/bundle”) {
a[class="tag"], a[class="tag one"], a[class="tag ten"]{
background: #0ff;
}
}
[/css]

userContent.cssに上記の記述(USERNAMEは適宜変更)を加えることで,bundleに含まれていないタグをハイライトすることができます.これでもう,タグの海で溺れることはなくなりました.以下にスクリーンショットを載せます.

del.icio.us bundles

(この例では「2006」「bookmarklet」「development」がハイライトされています)

del.icio.usがもっと便利で,もっとオシャレなツールでありますように!