Netflixで視聴可能なアニメ一覧を抽出して作品名リストにしてみた（Sublime Textの使い方）

Netflixで、2015年10月4日現在、アニメ一覧に表示される作品がこちらです。

以下の全102作品が、Netflixで視聴できます。

今回の抽出の流れを抽出します。

作品名をDOMから探す。

まず、Chrome Developer Toolsの「Elements」を開いて、DOM構造の中から、作品名を探し出します（HTMLソースでは、後から読み込まれたりするものが含まれないため、DOMからコピーします、というか先にDOMを見るのでそうでなくても）。

すると、「aria-label」という要素に、格納されていることが分かりました。

DOMをコピーする

次に、「このaria-labelが全作品分含まれたDOMツリー」を、テキスト形式でコピーしたいので、全部含まれそうなDOMツリーのルート部分を右クリックして、「Edit as HTML」をクリックします（最悪bodyタグでもよかったかも）。

※ここで一発Copy（Ctrl+C）で終わるものの、ついEdit as HTMLを使ってしまった。

そうしたら、そのDOMがテキストとして編集可能になるので、全体選択（Ctrl+A）してコピー（Ctrl+C）します。

これでコピー完了です。

SublimeTextに貼り付けて正規表現で検索する

コピーしたDOMツリーのテキストを、SublimeTextにコピーします。

そして、「aria-labe="（作品名）"」がひっかかるように、SublimeTextの検索窓（Ctrl+F）の正規表現ボタンを「オン」にした上で、検索欄に「aria-label=".+?"」を入力して、「Find All」をクリックします。

↑ここがもっとも重要な手順です。正規表現をオフにして、ワイルドカード（*）を使う、という方法は、一度試しましたが、使えませんでした。完全一致ではない場合は、正規表現を使ってください。また今回は、ダブルクオートが作品名に含まれることは無いだろう、と仮定しています。

検索結果が同時選択される（ポイント）

すると、少々見にくいですが、検索結果が、同時選択（同時編集状態）になります。

また、左下には「102 selection regions」とあり、102ヶ所が同時選択されており、102作品が存在することがここから確認できます。

Sublimeには、この同時編集機能があり、カーソルが複数同時に存在でき、一気に同時入力・同時削除ができます。

検索結果を全コピー

そして、その選択されている領域全てを、同時にコピーすることもできます。

選択された状態のまま、「Ctrl+C」で、コピーしてください。

コピーできたら、新しくSublime Textのタブを開いて、そこに貼り付けてみてください。

抽出した検索結果

貼り付けた結果、次のテキストが取得できました。

aria-label="まんが日本昔ばなし"
aria-label="鋼の錬金術師 Fullmetal Alchemist"
aria-label="あの日見た花の名前を僕達はまだ知らない。"
aria-label="弱虫ペダル"
aria-label="ソードアート・オンライン"
aria-label="ふうせんいぬティニー"
aria-label="Psycho-Pass サイコパス"
aria-label="劇場版STEINS;GATE負荷領域のデジャヴ"
aria-label="化物語"
aria-label="七つの大罪"
aria-label="キルラキル"
aria-label="言の葉の庭"
aria-label="銀の匙 Silver Spoon"
aria-label="古代王者 恐竜キング Dキッズ・アドベンチャー"
aria-label="弱虫ペダル Re:Ride"
aria-label="デュラララ!!"
aria-label="がんばれ！ルルロロ"
aria-label="魔法少女まどかマギカ"
aria-label="美少女戦士セーラームーンＲ"
aria-label="しまじろうと　くじらのうた"
aria-label="しまじろうとフフのだいぼうけん〜すくえ！七色の花〜"
aria-label="わしも"
aria-label="黒執事"
aria-label="シドニアの騎士"
aria-label="映画はなかっぱ 花咲け！パッカ〜ん 蝶の国の大冒険"
aria-label="弱虫ペダル Grande Road"
aria-label="ログ・ホライズン"
aria-label="Peeping Life -手塚プロ・タツノコプロ ワンダーランド-"
aria-label="Blassreiter"
aria-label="おジャ魔女どれみ＃"
aria-label="Aria"
aria-label="Peeping Life -The Perfect Extension-"
aria-label="カレイドスター"
aria-label="Fate/Zero"
aria-label="未確認で進行形"
aria-label="劇場版アニメ 忍たま乱太郎 忍術学園 全員出動！の段"
aria-label="イノセンス"
aria-label="一週間フレンズ。"
aria-label="Peeping Life -The Perfect Emotion-"
aria-label="咲-Saki-"
aria-label="Peeping Life -The Perfect Edition"
aria-label="サムライ７"
aria-label="秒速5センチメートル"
aria-label="Peeping Life -The Perfect Evolution-"
aria-label="瀬戸の花嫁"
aria-label="Peeping Life -The Perfect Explosion"
aria-label="咲-Saki-全国編"
aria-label="龍ヶ嬢七々々の埋蔵金"
aria-label="Psycho-Pass 2 サイコパス"
aria-label="茄子 アンダルシアの夏"
aria-label="桃屋ｘPeeping Life ご縁ですよ！"
aria-label="ブレイブ ストーリー"
aria-label="東京レイヴンズ"
aria-label="山賊の娘ローニャ"
aria-label="Peeping Life 5.0ch"
aria-label="うぇいくあっぷがーるＺＯＯ！"
aria-label="咲-Saki-阿知賀編episode of side-A"
aria-label="も〜っと! おジャ魔女どれみ カエル石のひみつ"
aria-label="秘密結社鷹の爪 The Movie 4 〜カスペルスキーを持つ男〜"
aria-label="Selector セレクター"
aria-label="秘密結社 鷹の爪  The Movie II〜私を愛した黒烏龍茶〜"
aria-label="Blood-C"
aria-label="ARIA The OVA 〜ARIETTA〜"
aria-label="ウィッチブレイド"
aria-label="Peeping Life-We Are the Hero"
aria-label="旅するぬいぐるみ"
aria-label="Fate/stay night フェイト／ステイナイト"
aria-label="ほしのこえ"
aria-label="おまかせ！みらくるキャット団"
aria-label="秘密結社 鷹の爪  The Movie〜総統は二度死ぬ〜"
aria-label="秘密結社 鷹の爪  The Movie III 〜http://鷹の爪.jpは永遠に〜"
aria-label="パプリカ"
aria-label="Ex Machina - Appleseed Saga -"
aria-label="リトルバスターズ!"
aria-label="茄子　スーツケースの渡り鳥"
aria-label="ラストエグザイル　銀翼のファム"
aria-label="アップルシード"
aria-label="Wake Up,Girls！"
aria-label="魔法少女隊アルス"
aria-label="サカサマのパテマ"
aria-label="ケイオスドラゴン〜赤竜戦役〜"
aria-label="まかせてイルか！"
aria-label="Buddha 2 手塚治虫のブッダ -終わりなき旅-"
aria-label="半分の月がのぼる空"
aria-label="ワールドフールニュース"
aria-label="ロミオ×ジュリエット"
aria-label="雲のむこう、約束の場所"
aria-label="SoltyRei　ソルティレイ"
aria-label="カクレンボ"
aria-label="永久家族"
aria-label="菅井君と家族石 The Movie"
aria-label="Wake Up, Girls！ 七人のアイドル"
aria-label="Red Garden"
aria-label="アリーテ姫"
aria-label="アジール・セッション"
aria-label="Genius Party Beyond"
aria-label="Genius Party"
aria-label="星空キセキ"
aria-label="はなれ砦のヨナ"
aria-label="マインド・ゲーム"
aria-label="惑星大怪獣　ネガドン"
aria-label="楓ニュータウン"

※本当は、「()」でキャプチャして、そこだけコピーしたかった。できるか不明。置換はできるのだけれど、コピーはこれでまぁいいか的な。

あとは、このブログに掲載するために、「ul」と「li」を使った、HTMLの番号無しリスト形式にします。

SublimeTextの置換機能を使って、「aria-label="」を「<li>」に置換した後、「"」を「</li>」に置換する（順番大事）と、ちょうど検索結果の全行が、「<li>作品名</li>」という形式になります。

最後に、先頭行に「<ul>」、末尾に「</ul>」を付ければ、HTML化完了です。

こうして抽出＆変換された結果が、冒頭のアニメ一覧です。

さすがに、手で移すのは大変ですもんね。

なにか応用が利きそうな場面に出会ったら、ぜひ使ってみてください。