mylistCountBar
動画のマイリスト数に数に応じたグラフをつけるフィルタ。
(c)[nl424.txt]までの作者
(c)2010-2017 CJ？ごろう

(2017-06-04)



■ファイル構成

  |
  +--[local]--[mylistCountBar]
  |                |
  |                +-- mylist_jarty.js           JavaScript
  |                |
  |                +-- mylistCountBar.css        スタイルシート
  |                |
  |                +-- mylistCountBar.js         JavaScript
  |                |
  |                +-- recommendations_jarty.js  JavaScript
  |                |
  |                +-- z_index.css               スタイルシート
  |                |
  |                +-- z_index2.css              スタイルシート
  |
  +--[nlFilters]-- mylistCountBar.txt            フィルタ
  |
  +--[documents]-- readme_mylistCountBar.txt     説明書（このファイル）



■フィルタの動作

このフィルタを使うことで、 次の対象ページにおいて、「動画のマイリスト数
かマイリスト率」に応じた以下のような棒グラフが表示されます。

  対象ページ

    キーワードで動画検索
    タグで動画検索
    新着投稿動画
    カテゴリ
    マイリスト
    動画情報

  マイリスト数  マイリスト率    棒グラフ

       0-    9     1.25%未満  □□□□□□□□
      10-   49     2.50%未満  ■□□□□□□□
      50-   99     3.75%未満  ■■□□□□□□
     100-  499     5.00%未満  ■■■□□□□□
     500-  999     6.25%未満  ■■■■□□□□
    1000- 4999     7.50%未満  ■■■■■□□□
    5000- 9999     8.75%未満  ■■■■■■□□
   10000-19999    10.00%未満  ■■■■■■■□
   20000-         10.00%以上  ■■■■■■■■

※「グラフの色」と「グラフ上の文字の色」は、スタイルシートで指定できます。


マイリスト率と棒グラフの対応を変更する場合は、JavaScriptの編集が必要です。
編集部分は次の箇所です。

  mylist_jarty.js          …… 198〜303行目の処理
  mylistCountBar.js        …… 508〜600行目の処理
  recommendations_jarty.js …… 184〜289行目の処理


棒グラフは、次のスクリプトによって表示されます。

  nl_mylistCountBar(mode, count_off, caption_off, denominator_mode, graph_mode);
      または
  nl_mylistCountBar_jarty(mode, count_off, caption_off, denominator_mode, graph_mode);


スクリプトの呼び出し部分は次の箇所です。

  キーワードで動画検索 …… /nlFilters/mylistCountBar.txt 184〜202行目
  タグで動画検索       …… /nlFilters/mylistCountBar.txt 184〜202行目
  新着投稿動画         …… /nlFilters/mylistCountBar.txt 184〜202行目
  カテゴリ             …… /nlFilters/mylistCountBar.txt 184〜202行目
  マイリスト           …… /nlFilters/mylistCountBar.txt 93行目
  オススメ             …… /nlFilters/mylistCountBar.txt 128行目
  動画情報             …… /nlFilters/mylistCountBar.txt 265行目


スクリプトの引数と動作は次のようになります。

        引数                    動作

              mode: 1      …… 投稿日時の下にグラフを表示。
                    その他 …… 投稿日時の上にグラフを表示

         count_off: 1      …… グラフ上にマイリスト数を非表示。
                    その他 …… グラフ上にマイリスト数を表示。

       caption_off: 1      …… 「マイリスト数：」や「マイリスト率：」を非表示。
                    その他 …… 「マイリスト数：」や「マイリスト率：」を表示。

  denominator_mode: 1      …… マイリスト率の分母にコメント数を使います。
                    その他 …… マイリスト率の分母に再生数を使います。

        graph_mode: 1      …… マイリスト率に応じたグラフを表示します。
                    その他 …… マイリスト数に応じたグラフを表示します。

  引数の使用例:
  nl_mylistCountBar(0, 1, 0, 1, 0);

※「新しくコメントされた動画がxx件あります。」をクリック時に挿入される動画
  リストでは、常に投稿日時の上にグラフを表示します。


スクリプトの実行に問題があるときなど、「//  var nl_mylistCountBar_rc =」と
「//alert('nl_mylist〜」の「//」を消すことでリターンコードを確認できます。

「//  var nl_mylistCountBar_rc =」と「//alert('nl_mylist〜」は、上記の
「スクリプトの呼び出し部分」直後にあります。

リターンコードと結果は次のようになります。

    リターンコード: 0 …… スクリプトの実行が完了。
    リターンコード: 1 …… 投稿日時を1つも見つけられなかった。
    リターンコード: 2 …… マイリスト率を出すための分子と分母の個数が異なる。
    リターンコード: 3 …… 投稿日時の要素の個数が分子の個数よりも少ない。

※「マイリスト数強調表示 JavaScript（Jarty）」のリターンコードは、0だけです。

リターンコードが表示されない場合は、他のスクリプトも含めたエラーなど、何らかの
要因で、スクリプトの実行がリターンコードを表示するところまで進んでいません。



■autopager_mod、AutoPagerize対応
※原宿よりあとのバージョンでは未確認！

autopager_modやAutoPagerizeを使用時、次のページで追加読み込みされた部分に
グラフをつけることができます。

    キーワードで動画検索
    タグで動画検索
    新着投稿動画


この処理は、次のスクリプトでautopager_modやAutoPagerizeに連動することで
実現しています。

  nl_mylistCountBar_autopager(type_select);


スクリプトの引数と動作は次のようになります。

      引数               動作

  type_select: 1 …… AutoPagerize（AutoPagerize_DOMNodeInserted）に連動する。

  type_select: 2 …… ブラウザがInternet Explorerならautopager_modに連動する。
                      それ以外は、AutoPagerize（AutoPagerize_DOMNodeInserted）
                      に連動する。

          その他 …… autopager_modに連動する。

  引数の使用例:
  nl_mylistCountBar_autopager(2);


autopager_modとAutoPagerizeの両方をお持ちの方は、ニコニコ動画ではどちらか片方
のみを使用することをおすすめします。

※両方を併用すると、二重にページが追加読み込みされます。



■Jarty（ジャーティー）対応

JartyはJavaScript用のテンプレートエンジンで、日本版の「マイリスト」ページや
「あなたにオススメの動画」で使われています。

動画用のテンプレートをコピーし、棒グラフのテンプレートを挿入してから差し替える
ことで、Jartyに棒グラフ付きのマイリストを表示させています。



■グラフの前後関係を指定

グラフが背景の裏に隠れる（表示が見えない）場合は、「グラフの前後関係指定CSS」
を無効にし、「グラフの前後関係指定CSS２」を有効にしてください。

※有効と無効は、「[Replace]」が有効で、「#[Replace]」が無効です。

「グラフの前後関係指定CSS」が有効な場合は、グラフを後ろ側に下げます。

「グラフの前後関係指定CSS２」が有効な場合は、「カテゴリのメニュー」と
「宣伝のポップアップ」を前側に出します。


  グラフの前後関係指定CSS   …… /nlFilters/mylistCountBar.txt 23行目
  グラフの前後関係指定CSS２ …… /nlFilters/mylistCountBar.txt 39行目



■更新履歴

2017-06-04
mylistCountBar改R24など.zip

  「nicovideo.cdn.nimg.jp」に対応。


2014-01-10
mylistCountBar改R23.zip

  フィルタの適用ページを見直しました。


2013-12-28
個人的に弄ったフィルタの詰め合わせ-20131228.zip

  暫定的に、「autopager_3col.js」にグラフを付ける処理を埋め込んでいます。


2013-12-04
mylistCountBar改R22.zip

  GINZAに暫定対応。
  ※未対応箇所あり。


2012-10-24
mylistCountBar改R21.zip

  「新しくコメントされた動画がxx件あります。」用フィルタが適用されなくなっ
  ていたので修正。


2012-05-02
mylistCountBar改R20.zip

  「あなたにオススメの動画」に対応。
  ※「mode」を1にするとグラフにサムネイルの枠が重なります。
    必要なら、CSSを修正することをおすすめします。


2011-12-14
[nl781.zip]
mylistCountBar改R19.zip

  ニコニコ動画の2011年12月13日の変更に対応。


2010-12-23
[nl663.zip]
mylistCountBar改R18など.zip

  nl_infoへ情報を挿入。
  フィルタとスタイルシートの修正。
  mylist_jarty.jsの「グラフ上にマイリスト数を非表示」時の表示を修正。
  グラフの前後関係を指定するスタイルシートを２つ追加しました。


2010-11-06
[nl655.zip]
mylistCountBar改R17など.zip

  CSSの修正。
  ※Internet Explorerで動画宣伝のポップアップが右の動画のグラフなどに隠れる
    場合があるのは、Internet Explorerのバグが原因のようです。
    グラフのz-indexを下げればInternet Explorerでもポップアップが隠れないの
    ですが、他のフィルタでグラフを含む領域を塗りつぶした場合、グラフが塗り
    つぶした部分の下に隠れてしまいます。
    このため、グラフのz-indexを下げるのをやめました。


2010-10-31
mylistCountBar改R16など.zip

  /video_topで動画に宣伝文があるとき、右の動画のグラフに宣伝が隠れるのを確認
  したため、隠れないようにCSSを直しました。


2010-10-30
[nl645.zip]
mylistCountBar改R15など.zip

  mylist_jarty.jsをニコニコ動画（原宿）に合わせて修正しました。

  ニコニコ動画（原宿）への対応の問題で、不要なフィルタを削除しました。


2010-08-31
[nl589.zip]
mylistCountBar改R14など.zip

  mylist_jarty.jsで「mylistCountBar改R12など.zip」からのスタイルシートに対応
  していない部分があったので修正しました。

  JavaScriptソース内のインデントを半角スペース２文字から１文字に減らしました。


2010-08-19
[nl580.zip]
mylistCountBar改R13など.zip

  現時点の台湾、スペイン、ドイツのページでグラフを表示できるようにしました。


2010-08-15
[nl576.zip]
mylistCountBar改R12など.zip

  マイリスト率に応じたグラフを表示できるようにしました。

  スタイルの指定に子孫セレクタを使わないようにスタイルシートとJavaScriptを
  修正しました。


2010-07-27
[nl535.zip]
mylistCountBar改R11など.zip

  「新着コメント動画」と「ホットリスト」をフィルタの対象に加えました。


2010-07-24
[nl535.zip]
mylistCountBar改R10など.zip

  「マイリスト」のページで静画にもグラフをつけるようにしました。


2010-07-24
[nl527.zip]
mylistCountBar改R9.zip

  「マイリスト」のページでJartyに対応しました。


2010-07-21
[nl509.zip]
mylistCountBar改R8.zip

  「動画情報」のページ判定で「/thumb/」の部分を「/thumb」に修正しました。


2010-07-20
[nl509.zip]
mylistCountBar改R7.zip

  効果の有無は微妙だけど、処理の高速化を狙って、一部の処理に引数でdocumentを
  渡してみました。


2010-07-19
[nl502.zip]
mylistCountBar改R6.zip

  modeが1のとき、Google ChromeとMozilla Firefoxでグラフがつかなかったのを修正。

  AutoPagerizeのAutoPagerize_DOMNodeInsertedに対応しました。

  autopager_modに対応しました。

  マイリストの準備が落ち着くのを待つ処理をmylistLoadCheckとして別ファイルに
  しました。


2010-07-15
[nl492.zip]
mylistCountBar改R5.zip

  グラフの挿入処理部分をフィルタからJavaScriptに変更しました。

  「カテゴリ、マイリスト、動画情報」のページにもグラフをつけるようにしました。


2010-07-08
[nl469.zip]
mylistCountBar改R4.zip

  「xx時間前」の表示がある投稿動画にグラフがつかなくなっていたのを修正。

  JavaScriptを新規に作成し、グラフ上にマイリスト率を表示できるようにしました。


2010-07-07
[nl465.zip]
mylistCountBar改R3.zip

  2010-07-07時点に合わせて修正。

  適用するフィルタを４列表示とそれ以外で分けました。


2010-06-13
[nl430.zip]
MylistCountBar＆Remove_title_attribute.zip

  新検索（予定）に対応。


2010-06-10
[nl429.zip]
MylistCountBar.zip

  [nl424.txt]をもとに次のように書き換えました。
    スタイル指定を外部ファイル化。
    グラフを表示する場所（投稿日時の上か下）を選べるようにしました。
    グラフ上にマイリスト数を表示できるようにしました。
    グラフの前に「マイリスト数：」を表示できるようにしました。



■備考

[nl424.txt]は、「http://nicolist.net/nicocache_nl/up/」から入手しました。
※現在は、ページが存在していません。

AutoPagerizeについては、「http://autopagerize.net/」などを参照してください。



[end of text]