Alexa Presentation Language (APL) の新機能 レスポンシブコンポーネントとテンプレート、動的データソース、タイムプリミティブ、条件付きコマンド
※このブログは、Arunjeet SinghのブログをToshimi Hatanakaが日本向けに翻訳し加筆修正したものです。
新しいAlexaレスポンシブコンポーネントやテンプレート、動的データソース、新しいタイ ムプリミティブ、条件付きコマンドをサポートした次期バージョンのAlexa Presentation Language (APL) が利用できるようになりました。
レスポンシブコンポーネント
- AlexaIconButton: ボタンの中に小さなベクトルグラフィックスのアイコンを作り、コントローラーを使ってタッチもしくは選択された時に、アクションをトリガーすることができます。
- AlexaRating: カスタムテキストでレーティングを追加して、ユーザーからのフィードバ ックを表示できます。
新しいレスポンシブテンプレート
- AlexaLists: Viewportプロファイルとデータに基づいて、他のレスポンシブテンプレートを埋め込んだフルスクリーンテンプレートを使用して、あらゆる種類のリストを作成しま す。
- AlexaPaginatedList: Pagerコンポーネントを使用して、一連のページの中にアイテムのリストを作成します。
- AlexaImageList: 画像とテキストのスクロール可能なリストを表示します。
ユーザーがコンテンツをスクロールしながらアイテムを順次読み込むことで、大きなリストをスムーズに表示するAlexaのエクスペリエンスを作ることができます。このようなリスト は、レストランのリストや旅行先のリスト、連絡先リストや視聴する動画のリストなどを表示するために使うことができます。 一度にすべてのリストを送信するのではなく、データソースのデータを断片的に送信することで、より良い顧客体験を提供することができます。
この機能は新しいデータソースタイプを使用し、遅延読み込み用のアイテムのリストと、更新したいリストの両方を定義します。新しい動的データソースと関連するAPIを使用することで、APLドキュメントを再レンダリングすることなく、特定の値を追加、削除、更新することができます。
詳しくは、動的データソースの技術資料を参照してください。
動的データソースを有効にできる新しいインターフェースは以下の通りです。
補足: 新しいAPLドキュメントをレンダリングする必要がある場合でも、ドキュメント間で同じ背景色やグラデーションを維持することで、シームレスなエクスペリエンスを維持することができます。
タイマーなどの生産性を上げるツールは、Alexaで最も人気のあるユーザーのユースケースのひとつです。APLの新しいトップレベルの変数を使用して、時間を取得することができます。さらに、データバインディングコンテキストには、Timeオブジェクトが含まれています。Timeオブジェクトは、時間を操作したりフォーマットするビルトインのTime関数の集合体で、スキル体験の中に、アナログ時計、デジタル時計、カウントダウンタイマー、スト ップウォッチなどを構築することができます。
新しいSelectコマンドは、コマンドに条件付き実行機能を提供し、データ配列に対して一連のアクションを実行できるようにします。データソースの値に応じて、"when" を使うことで、コマンドリストの中から１つのコマンドを条件付きで実行することができま
例えば、AnimateItemコマンドを使用して画面上でダンスをするキャラクターを想像してみてください。新しいダンスの動きを作成するには、新しいデータソースにバインドするだけです
私たちの目標は、APLへの投資を継続して行うことで、視覚的にリッチな体験をより簡単に作成できるようにすることです。ここでは、チェックしておくべき私たちのおすすめの機能をいくつかご紹介します。
- AnimateItem コマンドを使用して、位置、回転、APLコンポーネントやレイアウトの不透明度をアニメーション化しましょう。AnimateItem と Alexa Vector Graphics (Scalable Vector Graphics標準のサブセット) を組み合わせることで、ユーザーの関心を維持する新しい体験を作ることもできます。
- APL video コンポーネントをチェックして、スキル内で再生できる埋め込み動画や、動画のリストを表示してみましょう。これをトランスポートコントロールレスポンシブ コンポーネントと組み合わせて使用することで、画面上で動画の制御が可能になりま す。
準備はできましたか？より詳しい情報はAPLの最新バージョンを参照してください。