レスポンシブ対応テンプレート

Note: Sign in to the developer console to build or publish your skill.

レスポンシブ対応テンプレート

レスポンシブ対応テンプレートは、コンポーネントとレスポンシブ対応コンポーネントを組み合わせたもので、完全なViewportデザインを提供します。テンプレートはViewport全体に表示され、背景、ヘッダー、コンテンツなどが含まれます。

利用可能なレスポンシブ対応テンプレート

以下の表は、alexa-layoutsパッケージで利用できるレスポンシブ対応テンプレートの一覧です。各コンポーネントがalexa-viewport-profilesパッケージのどのViewportプロファイルでサポートされているかも示しています。

名前	説明	標準のViewport	ウィジェットのViewport
Detail	テキストや画像を表示して、人物、場所、物などのエンティティに関する情報を提供します。	◯	×
Grid List	グリッド内に画像とテキストのリストを表示します。	◯	×
Headline	画面に短い情報テキスト文字列を表示します。	◯	×
Image Caption	ヘッダーとキャプション付きの画像を表示します。第1および第2テキストとしてキャプションテキストを指定したり、画像に対するキャプションの位置を指定したりできます。	×	中
Image List	画像およびテキストのスクロール可能なリストを表示します。	◯	×
Lists	項目のリストを表示します。テンプレートでテキストベースのリスト項目を表示するか、画像ベースの項目を表示するかを指定できます。	◯	×
Paginated List	一連のページに項目のリストを表示します。	◯	×
Photo	ヘッダーとキャプション付きの画像を表示します。第1および第2テキストとしてキャプションテキストを指定できます。	×	中
Text List	テキスト項目のスクロール可能なリストを表示します。	◯	中
Text Wrapping	ウィジェットで、複数行のテキストをヘッダー、背景、フッターアクションボタンと共に表示します。第1、第2、第3のテキストを表示できます。	×	中

ヒント： マルチモーダル応答ビルダーを使用すると、レスポンシブ対応テンプレートに基づいて新しい視覚応答を作成できます。詳細については、マルチモーダル応答ビルダーを使用するを参照してください。

Viewportプロファイルは、alexa-viewport-profilesパッケージで提供されます。

標準Viewportプロファイルには、以下が含まれます。

ウィジェットのViewportプロファイルには、以下が含まれます。

Viewportプロファイルの詳細については、Viewportプロファイルを参照してください。

標準APLドキュメントでレスポンシブ対応テンプレートを使用する方法に関するデザインガイダンスについては、Alexaデザインガイド：レスポンシブ対応テンプレート（英語のみ）を参照してください。

ウィジェットでレスポンシブ対応テンプレートを使用する方法に関するデザインガイダンスについては、Alexaデザインガイド：ウィジェットのレスポンシブ対応テンプレート（英語のみ）を参照してください。

このページは役に立ちましたか？

フィードバックを送信

最終更新日: 2025 年 12 月 02 日