はじめに

この記事では、NETFLIX で掲載中の映画から字幕をスクレイピングで取得するツールのご紹介をします。IT やプログラミングがまだ不慣れな人でも使えるように、可能な限り簡単に作りました。なので、高度で高機能なスクレイピングツールを求められている方は対象ではありません。

また、このツールは言語学習を目的として作成しました。
その他の用途で使用することは控えてください。

目次

私は NETFLIX の視聴者で、よく洋画やアニメを鑑賞しています。
NETFLIX を契約する前は、英語の勉強としてハリウッド映画やワーナーブラザーズの映画をレンタル屋から借りてきては、頑張って英語字幕を書き写しては調べ、丸暗記してシャドウイングするという勉強法を行ってきました。

※この勉強法が良いかはわかりません。
※もっと良い方法があればコメントでご教示ください！

NETFLIX を契約してからも同じ方法を続けていたのですが、やはり字幕の書き写しの時間と労力が半端ではなく、この工程を省けたら楽なのになあ、、と日々考えていました。

プログラミングを多少かじっていたので、NETFLIX の字幕の表示構造をブラウザのデベロッパツールで調べてみたところ、案外シンプルな構造でした。

「あれ、これ抜き取れるんじゃね？」

とふと思い、じゃ作ってみるかと思い立ちました。

作成したスクレイピングツールは以下の GitHub リンクに掲載しています。

クローンしてくださるも良し、コピーしてそのまま使用してくださるも良し、ご自由に使用してみてください。

できるだけ簡単に使えるようにしましたが、やはり多少はプログラミングの知識を必要とします。すみません。

以下はその手順です。

GitHub 内の「netflix_subtitle_scraper.js」ファイルにアクセスする。
画面の右側にある「コピー」アイコンをクリックして、コードすべてをクリップボードにコピーする。
NETFLIX で鑑賞したい映画を選択し再生を開始して、一時停止させる。
デベロッパツールを表示させる。
一時停止中の画面上で右クリックし、「検証」を選択すると表示される。
Mac: Command + Shift + c
Windows: Ctrl + Shift + i
デベロッパツール内のタブで、「コンソール」または「Console」を選択する。
コンソール上で先ほどクリップボードにコピーしたコードを貼り付ける。
※そのまま全部を貼り付けて問題ありません。
Enter キーを押す。（ここでスクレイピング機能が開始）
一時停止させていた映画を再生させる。（デベロッパツールは表示させたままを推奨します）

スクレイピングの開始 - 手順２

スクレイピングの開始 - 手順6

スクレイピングの様子

スクレイピングした字幕を出力する - 手順1-4

スクレイピングした字幕を出力する - 手順5

スクレイピングツールのコードの中で、初期設定を行える項目があります。
コードを貼り付けて実行する前に、こちらの項目を変更してスクレイピングの機能を一部変更することができます。

キー	説明
sentenceSeparate	それぞれの字幕を空白行で離すかどうかを設定 true: 空白行で離す（デフォルト） false: 空白行で離さない
effectsHide	"[Raining sound]" などの効果音字幕を省略するかどうかを設定 true: 省略する（デフォルト） false: 省略しない
playingDebug	スクレイピング中に抜き取った字幕をコンソール上で表示するかを設定 true: 表示する（デフォルト） false: 表示しない
clearConsole	スクレイピングツールのコードを実行後にコンソールの表示をクリア（綺麗に）するかを設定 true: クリアする（デフォルト） false: クリアしない