読者です 読者をやめる 読者になる 読者になる

まめ畑

ゆるゆると書いていきます

ニコニコ動画の共起タグを表示するChrome用ユーザスクリプトをJetpack版にしてみた

Jetpack javascript ニコニコ動画

id:aTaGoニコニコ動画の検索ページに共起タグクラウドを表示するChrome用ユーザスクリプト作ってみた - あたご型護衛艦日記というエントリを公開していたので、とりあえずJetpack版を作ってみた。
しかし、基本的にはそのまま書き直しただけだし、オリジナルもFirefoxのグリモンで動作するのでJetpackで使いたいという方向け。スタイルなどはコードを自由に書き換えて見やすいようにしてください。
インストールは: The Jetpack Gallery’s Final Flight | Mozilla Add-ons Blog


こんな感じになります。


コードは

/*
   @author: con_mame
   @url: http://d.hatena.ne.jp/con_mame/
   @title: Nicollocation Tag
   @description: Show Collocation tag Cloud
   @version: 0.1
*/


(function(){
    jetpack.future.import("jetpack.pageMods");

    var showCloud = function(doc){
        var ids = "";
        $("a.watch", doc).each(function(){
            if(ids != "") ids += "+";
            ids += this.href.replace("http://www.nicovideo.jp/watch/", "");
        });

        $.ajax({
            url: "http://nicotag.sakura.ne.jp/getcollocationtag.php",
            data: {smid: ids},
            dataType: "text",
            cache: false,
            complete: function(){
                //console.log("Complete");
            },
            success: function(data, status){
                var tags = data.replace("callback('", "").replace(" ');", "");
                $("div.content_672", doc).prepend($(tags, doc));
            },
            error: function(){
                //console.log("Error");
            }
        });
    }


    var options ={};
    options.matches = ["http://www.nicovideo.jp/tag/*", "http://www.nicovideo.jp/search/*"];
    jetpack.pageMods.add(showCloud, options);
})();

JSONPで取得しようとするとうまく取得出来なかったので、ゴリ押しです。なんでだろう…。