スキップしてメイン コンテンツに移動

ニコニコ動画用のUserCSSと俺俺UserJSを更新したよ。

CSSはこっち。

/* For player page */

#WATCHHEADER{
    padding-top: 540px !important;
}

div#flvplayer_container{
    position: absolute !important;
    top : 110px !important;
}

/* For ranking page */

div.content_312 {
display: none !important;
}

div.content_672 {
width:984px !important;
}

table.rank_data {
width:974px !important;
}

div > div.thumb_frm,div > div.thumb_frm_rank_1,div > div.thumb_frm_rank_2 {
width: 960px !important;
}

marquee { 
-moz-binding: none !important; 
display: block; 
padding-left: 5px !important; 
height: auto !important; 
}



UserJSはこっち。

// ==UserScript==
// @name      nico description
// @namespace http://looxu.blogspot.com/
// @include   http://www.nicovideo.jp/watch/*
// @author    Arc Cosine
// @version   2.1
// ==/UserScript==
(function(){
    /** simple version of $X
     * $X(exp);
     * $X(exp, context);
     * @source http://gist.github.com/3242.txt
     */
    var $X = function (exp, context) {
      context || (context = document);
      var expr = (context.ownerDocument || context).createExpression(exp, function (prefix) {
        return document.createNSResolver(context.documentElement || context).lookupNamespaceURI(prefix) ||
          context.namespaceURI || document.documentElement.namespaceURI || "";
      });
     
      var result = expr.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:
            // not ensure the order.
            var ret = [], i = null;
            while (i = result.iterateNext()) ret.push(i);
            return ret;
        }
      return null;
    }

    //無駄なオブジェクト指向www
    var NDesc = function(){

        this.com_style = {
            'color' : '#1259C7',
            'text-decoration' : 'underline',
            'margin-right' : '5px'
        };

        this.options = [
            { 'text' : 'Video詳細', 'func' : function(){ NDesc.prototype.description_toggle(); } },
            { 'text' : 'mitter',    'func' : function(){ NDesc.prototype.popup(); } },
            { 'text' : '広告表示',  'func' : function(){ NDesc.prototype.advert_toggle(); } }
        ];

        this.mitter = false;

        //fire!
        this.init();
    }

    NDesc.prototype.init= function(){
        //add input box
        this.createInput();

        //hide parts
        this.description_toggle();
        this.advert_toggle();

        //add focus key event
        document.addEventListener( 'keypress', function(e){
            if (e.target.tagName == 'INPUT') return;
            if (e.keyCode == 32) {
                NDesc.prototype.use_hotkey();
                e.preventDefault();
            }
        }, false );

        //create parts
        this.pos = $X('//div[@id="des_2"]/p[@class="font12"]/a')[0];
        if( typeof this.pos == "undefined" ){
          //this.pos = $X('//div[@id="des_2"]/p[@class="TXT12"]/nobr/a[last()]')[0];
          this.pos = $X('//div[@id="des_2"]/table/tbody/tr/td/p[@class="font12"]')[0];
        }
        for( var i=0; i<this.options.length; i++ ){
            this.createParts( this.options[i] );
        }
    }

    NDesc.prototype.createParts = function( data ){
        var node = document.createElement('span');
        node.appendChild(document.createTextNode(data['text']));
        this.setCSS(node,this.com_style);
        this.pos.parentNode.insertBefore( node, this.pos );
        node.addEventListener( 'click', function(){ data['func'].apply(); }, false );
    }

    NDesc.prototype.setCSS =function( node, options ){
        for( var option in options ){
            //It's cooooool css setting code! I think so... :)
            var st_op = option.replace( /-([a-zA-Z])/, function(m){ return m[1].toUpperCase(); }); 
            node.style[st_op] = options[option];
        }
    }

    NDesc.prototype.toggleObject = function(xpath){
        var t= $X(xpath)[0];
        t.style.display = ( t.style.display == 'none' ) ? 'block' : 'none';
    }

    NDesc.prototype.description_toggle = function(){
        this.toggleObject('//div[@id="des_2"]/table[2]');
        this.toggleObject('//div[@id="des_2"]/table[last()]');
    }

    NDesc.prototype.advert_toggle = function(){
        this.toggleObject('//div[@id="WATCHFOOTER"]');
        this.toggleObject('//div[@id="PAGEFOOTER"]');
    }


    NDesc.prototype.popup = function() {
        var autoclose = (!this.isMitter)? '&autoclose=true' : '';
        this.isMitter = true;
        // For eyevio
        var normalized_url = location.href;
        var url = "http://mitter.jp/bookmarklet/popup", v = "0";
        url += '?v=' + v + '&url=' + encodeURIComponent(normalized_url) + '&title=' + encodeURIComponent(document.title)+ autoclose;
        var options = 'toolbar=0,resizable=1,scrollbars=1,status=1,' + ((autoclose.length!=0)? 'width=1,height=1' : 'width=450,height=230');
        var open_func = function() {
            var w = window.open(url, 'mitter', options);
            if (!w) {
                alert('Popup window from Mitter seems to be blocked. Please allow popup window to post on Mitter.');
            } else {
                w.focus();
            }
        };
        open_func();
    }

    NDesc.prototype.createInput = function(){
        if (window.parent != window) return;
        NDesc.prototype.input = document.createElement('input');
        NDesc.prototype.input.readOnly = true;
        NDesc.prototype.input.autocomplete = 'off';
        NDesc.prototype.input.addEventListener('focus', function() {
            NDesc.prototype.input.style.backgroundColor = '#fcc';
            NDesc.prototype.input.value = 'Hotkey available.'
        }, false);
        NDesc.prototype.input.addEventListener('blur', function() {
            NDesc.prototype.input.style.backgroundColor = '#9D9';
            NDesc.prototype.input.value = 'Hotkey unavailable.'
        }, false);
        NDesc.prototype.input.addEventListener('keypress', NDesc.prototype.key_event, false);
        NDesc.prototype.input.style.margin = '0px 0px 5px 10px';
        var head = document.getElementsByTagName('h1')[0]
        head.appendChild(NDesc.prototype.input);

    }

    NDesc.prototype.use_hotkey = function(){
        NDesc.prototype.input.focus();
    }

    NDesc.prototype.play_pause = function(){
        var flvplayer = document.getElementById('flvplayer');
        if (!flvplayer) return;
        if (flvplayer.ext_getStatus() == 'playing') {
            flvplayer.ext_play(0);
        } else {
            flvplayer.ext_play(1);
        }
    }

    NDesc.prototype.volumeup = function(){
        this.volume(5);
    }

    NDesc.prototype.volumedown = function(){
        this.volume(-5);
    }

    NDesc.prototype.seekleft = function(){
        this.seek(-10);
    }

    NDesc.prototype.seekright = function(){
        this.seek(10);
    }

    NDesc.prototype.seek2top = function(){
        this.seek(Number.NEGATIVE_INFINITY);
    }

    NDesc.prototype.volume = function(vol){
        var flvplayer = document.getElementById('flvplayer');
        if (!flvplayer) return;
        var cur = Number(flvplayer.ext_getVolume());
        var to = cur + Number(vol);
        if (to > 100) to = 100;
        if (to < 0  ) to = 0;
        flvplayer.ext_setVolume(to);
    }

    NDesc.prototype.seek = function(time) {
        var flvplayer = document.getElementById('flvplayer');
        if (!flvplayer) return;
        var len = Number(flvplayer.ext_getTotalTime());
        var cur = Number(flvplayer.ext_getPlayheadTime());
        var to = cur + Number(time);
        if (to > len) to = len;
        if (to < 0  ) to = 0;
        flvplayer.ext_setPlayheadTime(to);
        // for shotage of backward seek.
        var cur = Number(flvplayer.ext_getPlayheadTime());
        if (time < 0 && cur - to > 5 && to > 10) {
            flvplayer.ext_setPlayheadTime(to - 10);
        }
    }


    NDesc.prototype.key_event = function(e){
        var handler = {
            'o' : function(){ NDesc.prototype.description_toggle(); },
            'm' : function(){ NDesc.prototype.popup(); },
            'a' : function(){ NDesc.prototype.advert_toggle(); },
            ' ' : function(){ NDesc.prototype.play_pause(); if( !NDesc.prototype.isMitter ){ NDesc.prototype.play_pause(); NDesc.prototype.popup();  } },
            'k' : function(){ NDesc.prototype.volumeup(); },
            'j' : function(){ NDesc.prototype.volumedown(); },
            'h' : function(){ NDesc.prototype.seekleft(); },
            'l' : function(){ NDesc.prototype.seekright(); },
            'H' : function(){ NDesc.prototype.seek2top(); }   //Shift+H
        };
        var t = e.target;
        if( t.nodeType == 1 ){
           var pressKey = String.fromCharCode(e.which);
           if( typeof handler[pressKey] == "function" ){
               e.preventDefault();    //Stop Default Event
               handler[pressKey].apply();
           }
        }
    }

    var o = new NDesc();
 
 })();


誰得？
俺得。
ラベル:

コメント

コメントを投稿

このブログの人気の投稿

EFIブートローダを移動した話

EFIブートローダを移動した HX90に環境を整え終わってから、アホな事をしたので、その記録を残す。 SSD:　Cドライブ SSD:　Dドライブ(データストレージ用) + ESP※ SSD:　Eドライブ(データストレージ用) ※ESP(EFI System Partition) インストールした時、こんな構成だった。 ESPがDドライブにあるのが気持ち悪かったので、これを削除した。 そしたら、BIOS画面が出るだけになり、Windowsが起動しなくなった。 移動手順 この時の自分はMBRをふっ飛ばした時と同じ現象だと思ったので、MBRというキーワードで検索したが、今はEFIブートローダーと呼んでいるらしい。 【Win10】任意のディスクにEFIブートローダをインストールする 色々検索した結果この記事が参考になった。 Diskpartを使って、パーティションを新たに分割し、bcdbootを実行して、無事に事なきを得た。 パーティションの分割はこんな感じ Diskpart Select volume 0 shrink desired = 200 Select disk 0 Create partition EFI size=200 Format quick fs=fat32 label="ESP" Assign letter=P exit EFIブートローダーのインストールはこんな感じ bcdboot C:\Windows /s P: /f UEFI ちなみに、自分の環境だけの問題なのだが、コマンドラインで、「\」を入力するのができなかった。我が家のキーボードはHHKBだけなので、日本語配列を無理やり適用されると、バックスラッシュが入力できないという不具合が生じる。 結局、コマンドプロンプトからマウスで範囲選択してコピーして貼り付けるという荒業でクリアした。 普通の人は、何も考えずに、\を入力すれば良い。 最終的に SSD:　Cドライブ + ESP※ SSD:　Dドライブ(データストレージ用) SSD:　Eドライブ(データストレージ用) ※ESP(EFI System Partition) という構成に切り替えることができた。
コメントを投稿
続きを読む

Windows版gVimをアンインストールした日

Windows 版 gVim をアンインストールした話 以前に、 Windows11 on WSL2 + wezterm + Neovim = 最強開発環境 という痛々しい記事を書いたのだが、その続きの記事と言っても過言ではない。 この記事は Vim 駅伝 の 3 月 1 日の記事である。 前回はぺりーさんの netrw を使うために という記事だった。 次回は kuuote さんの Vim 側の組み込みプラグインを無効化するハック という記事である。 gVim との付き合い 思い返してみると、gVim との付き合いは大分長くなった。エディタとしては 自分の人生の中で最も長く付き合ってきたエディタ と言える。Vim のインターフェースとして gVim を何度も使ってきた。自分の手持ちのマシンは Windows なので、必然的に gVim を選択肢として選ぶ必要があった。 gVim の良さは何か。それは、Windows とのシームレスな関係であり、Windows OS の機能をそのまま使いたい場合に有用である。かつての自分にとってこの部分は非常に重要であった。具体的には、印刷機能と画面半透明化機能であり、これが無いとやってられないという認識であった。 しかし、時代が進み、自分の技術力の向上や考え方の変化、さらに Vim 周りのプラグインの更新が進むと gVim で運用していく事がだんだんと億劫になっていったというのが事実である。故に、 WSL2 上で動く Neovim の快適さに心が打ち震えた のである。 技術力の向上に伴う考え方の変化 かつての自分は 何でも gVim で処理したいな と考えていた。メールを見たり天気を見たり、Twitter を見たりするのに、gVim を活用していた。かつての Emacs 使いの guru のような立ち位置を目指していたというのがある。2000 年代初頭にインターネットに多少なりとも触れていた人ならば、「それ Pla」という古の単語を思い浮かべるかもしれない。この概念を持ち出すのはあまりにも古すぎるが、結局言いたいのは、 1 つの手法で全部をこなす という考え方だ。ネットを見るのにわざわざブラウザに切り替えるのはもったいないという今となっては情熱に似た何かを当時は多くの人が持っていた。 しかし、自分自身の技術力
コメントを投稿
続きを読む

javascriptは外部ファイルにした方がいいの？それとも、インラインの方が良いの？

事の発端 os0xさんのブログコメント で、javascriptの書き方について、面白いやり取りがありましたので、それについての私見を書きたいと思います。 結論から言いますと、プログラマ的な立場から言わせて頂くと、外部ファイル管理が望ましく、コーダ的な立場から言わせていただくとインラインが望ましいです。 なぜそのような結論に至ったのか、まずは経緯を御覧ください。 コメント欄でのやり取り os0xさんのブログコメント欄を引用しています
コメントを投稿
続きを読む