Displayインターフェースをサポートするスキルの設定

Echo Show、Echo Spot、Fire TV Cube、Fire HD 8、Fire HD 10など、画面付きのAlexa搭載デバイスの場合、スキル開発者は画面と音声対話の両方を使用できるスキルを開発できます。このページでは、DisplayテンプレートとDisplayインターフェースを使用して画面表示と対話を作成する方法を説明します。画面をサポートするスキルの開発には、Alexa Presentation Language（APL）も使用できます。この方法では、対話や画面表示の向上とデバイスのきめ細かいカスタマイズが可能です。

ビデオを視聴する

関連トピック：

• 多くの視覚要素（グラフィック、画像、スライドショーなど）を備えたマルチモーダルのスキルを開発したり、さまざまなデバイスに合わせて出力をカスタマイズするなど、高度な機能と柔軟性を提供するAPLについては、スキルに視覚要素とオーディオを追加するを参照してください。Displayテンプレートの代わりにAPLを使用することを検討してください。

• Displayテンプレートを使用して画面をサポートするAlexaスキルを作成する方法の概要については、How to Build Alexa Skills for Echo Show（英語）を参照してください。

• デザインについてはDisplayテンプレートのベストプラクティスを参照してください。

• Display.RenderTemplateディレクティブの使用方法の具体的な手順、およびスキルのサービスコードのさまざまなDisplayテンプレートについては、Displayインターフェースのリファレンスを参照してください。

• デバイスの表示と動作の仕様についてはDisplayテンプレートを使用して画面にコンテンツを表示するを参照してください。

画面付きのAlexa搭載デバイスで表示できるスキルを設定する

画面の表示コンテンツに使用されるディレクティブ、Display.RenderTemplateディレクティブを有効にするプロセスは、新しいスキルでも既存のスキルでも同じです。

1.開発者コンソールを使用してスキルを編集します。

2.ビルド > カスタム > インターフェースページに移動します。

3.Displayインターフェースオプションを有効にしてから、モデルをビルドをクリックして対話モデルを再ビルドします。Displayインターフェースを有効にすると、必要なビルトインインテントが対話モデルに自動的に追加されます。

4.スキルサービスコードでデバイスがサポートするインターフェースを判断し、その後必要に応じて、スキルサービスが適切な応答を画面などに適切に出力されたコンテンツに提供します。サポートされているインターフェースを判断するには、Alexa のリクエストのevent.context.System.device.supportedInterfacesの値を解析します。supportedInterfacesの値によって、デバイスがサポートするインターフェースがわかります。

5.Displayインターフェースがサポートされている場合は、下記の例のように他のディレクティブを含めるのと同様に、スキルの応答にDisplay.RenderTemplateディレクティブを含めて、画面にコンテンツを適切に表示します。開発者は、表示コンテンツを含めないようにできますが、Alexaアプリで表示されるカードもデバイスに表示されます。Displayインターフェースのリファレンスを参照してください。

画面付きのAlexa搭載デバイスに対応したスキルを作成する方法については、Echo ShowのDisplayインターフェーススキルを参照してください。