プログラマーなら海外からNHKオンデマンドを見れる

```
これは2017年12月25日時点での「NHKオンデマンド」を海外から見る方法です。
将来は実装が変わって見れなくなることもあるでしょう。
```

# はじまりに

メリークリスマス！さて、日本国外に住む人々。日本のTV番組は見ていますか？日本の番組がインターネット配信されていても国内からしか見れないものがほとんどだと思います。権利関係めんどくさいですね。[ガラポン](http://garapon.tv/)とか販売されてるのに不思議な世界です放送業界。

でもプログラマーなら VPN 通して見てますよね？しかしNHKオンデマンドはVPNを通すだけだと見れない。

しかし僕はNHKオンデマンドが見たいんです。「[時論公論](http://www.nhk.or.jp/kaisetsu-blog/100/)」とか「[視点・論点](http://www.nhk.or.jp/kaisetsu-blog/400/)」とか「[NHKスペシャル](http://www6.nhk.or.jp/special/)」とか考察が客観的で役に立ちます。

「[ドキュメント７２時間](http://www4.nhk.or.jp/72hours/)」とか「[ブラタモリ](https://www.nhk.or.jp/buratamori/)」とか「[所さん大変ですよ](http://www4.nhk.or.jp/taihentokoro/)」とか役に立つのかわからない知識がつきます。

「[世界入りにく居酒屋](http://www.nhk.or.jp/nikui/)」とか「[2度目の旅](http://www4.nhk.or.jp/2ndvisit/)」とか「[チョイ住み](http://www4.nhk.or.jp/choisumi/)」とか「[岩合光昭の世界ネコ歩き](http://www4.nhk.or.jp/nekoaruki/)」とか「[世界ふれあい街歩き](http://www6.nhk.or.jp/sekaimachi/)」とか海外にいるのに海外が見れてしまいます。そして猫。猫大切大好きふりすきー。

「[やまと尼寺 精進日記](http://www4.nhk.or.jp/P4069/)」とか「[京都人の密かな愉しみ](https://www.nhk.or.jp/docudocu/feature/kyoto/)」とか和ですね和みます。

NHKオンデマンドの料金を月2000円払ってでも見たいのです。受信料をめぐっての裁判でNHKが勝ったような負けような判決が出ましたが、その額以上を僕は払って見ています。その見る方法を書いておきたいと思います。

ざっくりした手順はSafariでユーザーエージェントをiPadに変更したのちDOM操作のためにJavaScriptを実行することになります。

# みるに

まず[NHKオンデマンド](https://www.nhk-ondemand.jp)を Safari で開いてください。きっと権利的に問題あるのでモザイクかけておきますね。ブラなんとかと骸骨がいました。

<img width="1132" alt="0_PCトップ.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/5512e02d-61b8-c9fa-271e-8c7c2187c91a.jpeg">

メニューから `開発` → `ユーザエージェント` → `iPad` と選択して iPad での表示に変えます。

<img width="638" alt="2_useragent_iPad.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/e42be49f-85b1-0099-797f-4ba7d3c16efd.jpeg">

すごいサムネ画像が何もない一切やる気のない画面に変わります。こんな表示でよいのでしょか？NHKさん。

<img width="1132" alt="1_スマホトップ_.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/67c74cf5-49f7-1505-82fd-02383314049b.jpeg">

一覧表示にもサムネがない。シンプルすぎて心配です。モザイク掛けなくていいのは楽だけど。

<img width="1132" alt="3_見逃し新着.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/eddcb5fc-0abd-d8bf-289e-89438d7ac860.jpeg">

がんばって見たい番組のページに移動してください。大変だなぁこれ。前はもっと簡単に見つけられたのに。

<img width="1132" alt="4_番組.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/e14c068e-f5c6-c076-5307-97f8a8cd926f.jpeg">

ここでVPNに繋いで一度ページをリロードしてください。VPNに繋いだ状態でページを読み込まないと再生できません。

そして `開発` → `JavaScriptコンソールの表示` でコンソールを表示させます。

<img width="406" alt="5_コンソール.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/cb5c4331-2356-b40e-00bf-abf50eae40ec.jpeg">

そしてこちらの JavaScript のコードを貼り付けて実行。

```javascript
$("#video").removeAttr("width").removeAttr("height").prop("controls", true);
$("<style>div.goodsMain div { margin: 0} #video { width: 100%; height: 100% }</style>").insertBefore("#videoPlayer");
$("#video").appendTo("body");
$("#buttonArea, #c, #sns, .goodspec").hide();
$("[data-role=page]").hide();
goPlay(0);
```

<img width="803" alt="6_JS入力.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/69e949ea-7a47-27c3-be51-9168744a2bc6.jpeg">

どーーーーん！見れました。権利をうやむやにするモザイク和え。

<img width="1132" alt="7_再生画面.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/7f981f37-6c33-70d1-8e5d-37b1e4f288d9.jpeg">

再生されたら VPN を切断して大丈夫です。切ったほうが速度が出て快適だと思います。はい。

失敗するとこんなエラーがでます。なんかおかしかったらメニューの `Safari` → `履歴を消去...` と実行したら見れるかもしれないし見れないかもしれません。

<img width="1134" alt="9_エラー.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/33704/13b184b0-0a8b-b761-2656-1f377e807f07.jpeg">

# おわりに

ここサンフランシスコには野良猫というものが存在しません。野良猫が存在しない街って世界中でもここしかないんじゃないでしょうか。岩合さんもサンフランシスコに来て家猫を撮影していました。そんな世紀末的なサンフランシスコから猫成分を求めておおくりしました。にゃーーーん。