ニコニコ動画のマイリストを整理するChrome Extension作ってみた

ニコニコ動画 Chrome Extension JavaScript

MVCとかデザインパターンとか、個人的に概念として理解するのが中々難しかったり。

ということで、お勉強がてら研修の一環として表題のツールを作ってみました。
前にAdobeAIRで作ったものとほぼ同じ機能を有していますが、ブラウザのセッション情報を用いているため、表示されている動画をクリックすると動画ページにジャンプしてすぐに閲覧できます。


  • ニコドロップ ver.0.9.1
  • 動作確認環境：Windows7, Google Chrome ver.6.0.4
  • インストール方法：上記リンクをクリックしてインストール
  • アンインストール方法：Chromeの拡張機能一覧からアンインストールしてください
  • 以下グダグダと使い方
    • インストールするとアドレスバーの右にテレビちゃんのアイコンが出来るのでクリックして起動

      • ニコ動にログインしていない場合はログインを促します

    • 左側にマイリストの一覧が表示され、そこからマイリストを選択すると右側にマイリスト情報（タイトルと説明文の一部）と登録されているアイテム（動画、静画）の一覧が表示されます

    • 右側のアイテムをクリックすることでアイテムを選択できます
      • Ctrlキーを押しながらアイテムを選択することで複数のアイテムを一度に選択できます

    • 右側のリストからアイテムを左側のマイリスト一覧にドラッグアンドドロップすると、アイテムの移動ができます
      • 複数のアイテムを選択している場合、選択されている全てのアイテムを移動します

    • Ctrlキー＋Cで選択されているアイテムをコピー、別のマイリストを選択してからCtrl＋Vで貼りつけます
      • 複数のアイテムを選択している場合、選択されている全てのアイテムをコピーします
    • マイリスト情報にある削除ボタンをクリックするか、マイリストを選択したあとにアイテムを選択せずにDeleteキーを押すとそのマイリストを削除することができます
    • 各アイテムについている削除ボタンをクリックするか、アイテムが選択された状態でDeleteキーを押すとそのアイテムを削除します
      • 複数のアイテムを選択している場合、選択されている全てのアイテムを削除します

    • マイリスト情報にある編集ボタンを押すと、マイリストのタイトルと説明文を編集できます

    • 削除確認ポップアップなどが表示されていない状態で、Ctrl＋Nを押すとマイリストを新規作成できます
  • 仕様
    • 「とりあえずマイリスト」には移動およびコピーができません
      • 最初は「とりあえずマイリスト」にも移動やコピーが出来るようにしていたのですが、複数のアイテムを一度に移動させたりした際に、ニコ動側のAPIの仕様上、ニコ動側が高負荷になると判断して取りやめました
    • ニコドロップからフォーカスが外れると予告なしに終了されます
      • Chrome Extensionの仕様です。どうしてもその動作が嫌な場合、起動時にアイコンを右クリックして「ポップアップを検証」としてあげると同時に起動されるDeveloper Toolsを終了するまで終了されなくなります
  • 既知のバグ（バグを発見した場合、教えていただけるとありがたいです）
    • ドラッグアンドドロップの際にドラッグ要素がマイリスト一覧の後ろ側にいってしまう
    • 移動先に同じ動画が登録されていると移動できない上に、移動失敗のアラートも出ず、移動元の一覧からは一度消えてしまう（そのマイリストを選択しなおすと再び表示される）
    • アイテムを移動したり削除したりしたあと、その分詰められたアイテムのサムネイルが表示されない（スクロールすると表示される）
      • lazy loadの設定上の問題です。解決方法を考えます。
  • 注意事項
    • マイリストやアイテムの削除は取り消せませんので十分ご注意下さい
    • 本ツールを用いて発生した、いかなる被害についても当方は責任を負いかねます
    • ご利用は自己責任でお願いいたします