【ニコニコ動画】seahorse版拡張マイリストの対応

　二日前くらいにニコニコ動画のHTML構造が大幅に改編されたらしく、castor氏のseahorse版拡張マイリストがリストを表示してくれなくなってしまったので、ちょっと直してみました。以下が問題箇所と修正点。

【修正前】

function screenMylist() {
　　　　// Additional List (Header)
　　　　var div = document.createElement('div');

　　　　div.setAttribute('id', 'mylist_additional');
　　　　div.setAttribute('width', '100%');
　　　　div.appendChild(makeListHeader()); // header
　　　　div.appendChild(makeListSubHeader()); // sub-header
　　　　div.appendChild(makeListBody()); // body

　　　　var a = document.getElementsByTagName('table');
　　　　for (var i=0; i<a.length; ++i) {
　　　　　　　　if (a[i].getAttribute('summary', 2) == 'マイリスト') {
　　　　　　　　　　　　var m = a[i];
　　　　　　　　　　　　m.parentNode.insertBefore(div, m.nextSibling);
　　　　　　　　　　　　break;
　　　　　　　　}
　　　　}

　　　　updateTagSelectBox('mylist_select_tag', true); // Update tag select box
　　　　updateList(); // Update List
　　　　setReloadTimer(); // reload at regular intervals
}

【修正後】

function screenMylist() {
　　　　// Additional List (Header)
　　　　var div = document.createElement('div');

　　　　div.setAttribute('id', 'mylist_additional');
　　　　div.setAttribute('width', '100%');
　　　　div.appendChild(makeListHeader()); // header
　　　　div.appendChild(makeListSubHeader()); // sub-header
　　　　div.appendChild(makeListBody()); // body

　　　　var a = document.getElementsByTagName('td');
　　　　for (var i=0; i<a.length; ++i) {
　　　　　　　　if (a[i].innerHTML == 'マイリスト') {
　　　　　　　　　　　　var m = a[i].parentNode.parentNode.parentNode.parentNode;
　　　　　　　　　　　　m.parentNode.insertBefore(div, m.nextSibling);
　　　　　　　　　　　　break;
　　　　　　　　}
　　　　}

　　　　updateTagSelectBox('mylist_select_tag', true); // Update tag select box
　　　　updateList(); // Update List
　　　　setReloadTimer(); // reload at regular intervals
}

　問題点・変更点は赤字で強調してます。これだけのことなのに二日も掛かりました。大学時代から相変わらずjavaに馴染めずプログラム構造を把握するだけでも四苦八苦。まあ、今回の問題はニコニコ動画側に従来は存在した名前空間（というか注釈みたいなもの）が削除されてしまったために拡張マイリストの表示場所が特定できなかったことが原因でした。そこで新たに拡張マイリストを埋め込む場所を指定し直すことで見事解決。あ、ちなみにこの修正案を適用すると、拡張マイリストは通常のマイリストの上部に埋め込まれることになります。これは通常のマイリストを最早ほとんど使っていない僕にとってその方が使いやすいことと、ニコニコ自体のHTML構造がかなりdiv要素を多用した入れ子型になっているため、それに対応しようとするとソースコードを少し煮詰め直さなければならなくならず、そんな面倒なことはできないという理由からです。それでも良ければご活用ください。あと、今回の記事で言ってることが意味わかんねえようなら、まずはjavaを勉強してから今回使用されてるseahorseの構文をちょちょいと検索すればたぶんわかるようになるはずです。くれぐれも、コード修正前にマスターのコピーを退避しておくことを忘れずに。


　あ、ちなみに各動画画面に表示される登録ボタンの動作が正しく行われるかどうかは未確認です。そんなことより膨らみあがった俺の拡張マイリストを切り崩す方が先だぜ。



↓の評価ボタンを押してランキングをチェック！