MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

TV(VIERA CX/CR シリーズ)へのWebIDEの接続方法

Firefox OSによって力を得た最初のスマートTV — Panasonic の VIERA スマートTV — は数カ国で公式にリリースされています。ほかの Firefox OS搭載端末と同様に、VIERA には、開発者がアプリのビルドとデバッグをもっと速く効率的にできるよう、組み込みのDevtool(開発ツール)機能があります。この記事ではVIERAに搭載された Devtools を使い始めるのに必要な事を提供します。

注意: Devtools を有効にする前に、次の詳細スケジュールとバージョン情報を読んで、お持ちのTVが WebIDE をサポートしているか(下記に記載しています)を確認してください。

スケジュールとバージョン

次のリストに示すバージョン以降であれば、Panasonic の VIERA TV は WebIDE からの接続が可能となります。

ソフトウェアのリリーススケジュールは以下です:

2015年7月:

  • EU                             July 21        V3.206
  • US                             July 28        V2.205
  • ASIA/OCEANIA        July 28        V4.206
  • BRAZIL                     July 28        V7.205
  • LATIN                       July 28        V9.205

2015年8月:

  • JAPAN                      8 月 26 日            

アップデート:

  1.  Menu を選択  > Network > Software Update メニューのオプションを選択
    もしくは
  2. AppsDeck から Market アプリを起動しアップデートダイアログを表示

"About Firefox OS"メニューからの"Devtools"の有効化

まず最初に Devtools をTVの上で有効にする必要があります。

  1. “Main Menu”を起動するため、 リモコンから"MENU"キーを選択して下さい。
  2. “Help”を選択
  3. “About Firefox OS” を選択

    The MENU, Help, About Firefox OS menu option in the Firefox OS VIERA TV.

  4. ”About Firefox OS” ウィンドウが現れたら“RED” キー(訳注:リモコンの赤ボタン) を10秒間押して下さい。“Devtool” が出現します。
    • ("赤"は"注意"を意味しています。10秒間押す必要があるのは意図せずに有効化されるのを防ぐためです。)

    The option to turn Devtools on and off on the Firefox OS VIERA TV.

  5. "Devtools" をOnにして有効化
  6. 注意事項をよく読み、リスクを理解した上で機能を有効にして下さい。

    A dialog warning about the risks of turning on the Devtools on the Firefox OS VIERA TV.

ネットワーク経由でWebIDEをTVに接続する

次に示す手順は Firefox ブラウザ上の WebIDE からネットワークを経由してTVへと接続する方法です。

注意: TV と PC が同じネットワークに接続しているのを確認して下さい。MENU > Network からネットワーク情報を確認できます。

TVのIPアドレスを確認する

  1. リモコンから“MENU” キーを押して"Main Menu"を起動して下さい。
  2. “Network” を選択:

    The Network, Network Status menu option on the Firefox OS VIERA TV.

  3. “Network Status” を選択するとネットワーク情報の確認が行えます
  4. “Status Details”を選択
  5. TVのIPアドレスが確認出来ます — あとで確認できるようにメモを取って下さい。
    • 次のスクリーンショットでは192.168.11.3 が表示されています:

      VIERA Menu network status

  6. “Exit” ボタンを押してメニューから抜けて下さい。

WebIDEをTVに接続する

  1. PCのFirefoxを起動します。そしてWebIDEを起動して下さい( WebIDE ボタンを押すか、Tools > Web Developer > WebIDE と選択)
  2. WebIDEの右上の ”Select Runtime” を選択し、 ”Remote Runtime”オプションを選んで下さい。
    •  “hostname:port”  を以下のように記載して下さい:
      • hostname:  先ほどメモしたTVのIPアドレス。
      • port: 52222 (52222  はTVのポートの固定値です。)

WebIDEからの接続を許可する

WebIDEからTVへと接続すると、TVに接続許可のダイアログが表示されます。OKを選択すると WebIDE と TV の間で接続が確立されます。1度に1回のみ表示されます( つまり、他のリクエストは拒否されます。)

The Firefox OS VIERA TV remote debugging incoming request permission screen.

注意: インストールするアプリに不適切なパーミッションが入っていたり、認定アプリである場合、インストールに失敗します。

ドキュメントのタグと貢献者

 このページの貢献者: chrisdavidmills, hamasaki, dynamis, Uemmra3, Yamasuke
 最終更新者: chrisdavidmills,