Alexa Presentation Language (APL) の新機能 レスポンシブコンポーネントとテンプレート、動的データソース、タイムプリミティブ、条件付きコマンド

Toshimi Hatanaka Apr 02, 2020
Share:
Launch Multimodal
Blog_Header_Post_Img

※このブログは、Arunjeet SinghブログToshimi Hatanakaが日本向けに翻訳し加筆修正したものです。

新しいAlexaレスポンシブコンポーネントやテンプレート、動的データソース、新しいタイ ムプリミティブ、条件付きコマンドをサポートした次期バージョンのAlexa Presentation Language (APL) が利用できるようになりました。

新しいレスポンシブコンポーネントとテンプレート

レスポンシブコンポーネント

  • AlexaIconButton: ボタンの中に小さなベクトルグラフィックスのアイコンを作り、コントローラーを使ってタッチもしくは選択された時に、アクションをトリガーすることができます。
  • AlexaRating: カスタムテキストでレーティングを追加して、ユーザーからのフィードバ ックを表示できます。

新しいレスポンシブテンプレート

  • AlexaLists: Viewportプロファイルとデータに基づいて、他のレスポンシブテンプレートを埋め込んだフルスクリーンテンプレートを使用して、あらゆる種類のリストを作成しま す。
  • AlexaPaginatedList: Pagerコンポーネントを使用して、一連のページの中にアイテムのリストを作成します。
  • AlexaImageList: 画像とテキストのスクロール可能なリストを表示します。

動的データソースを使用して、遅延読み込みリスト(Lazy Loaded Lists) のようなシームレスな体験を作る

ユーザーがコンテンツをスクロールしながらアイテムを順次読み込むことで、大きなリストをスムーズに表示するAlexaのエクスペリエンスを作ることができます。このようなリスト は、レストランのリストや旅行先のリスト、連絡先リストや視聴する動画のリストなどを表示するために使うことができます。 一度にすべてのリストを送信するのではなく、データソースのデータを断片的に送信することで、より良い顧客体験を提供することができます。

この機能は新しいデータソースタイプを使用し、遅延読み込み用のアイテムのリストと、更新したいリストの両方を定義します。新しい動的データソースと関連するAPIを使用することで、APLドキュメントを再レンダリングすることなく、特定の値を追加、削除、更新することができます。

詳しくは、動的データソースの技術資料を参照してください。

動的データソースを有効にできる新しいインターフェースは以下の通りです。

補足: 新しいAPLドキュメントをレンダリングする必要がある場合でも、ドキュメント間で同じ背景色やグラデーションを維持することで、シームレスなエクスペリエンスを維持することができます。

GIF Image of Lazy Loading List Example
新しいタイムプリミティブでタイマーと時計を追加する

タイマーなどの生産性を上げるツールは、Alexaで最も人気のあるユーザーのユースケースのひとつです。APLの新しいトップレベルの変数を使用して、時間を取得することができます。さらに、データバインディングコンテキストには、Timeオブジェクトが含まれています。Timeオブジェクトは、時間を操作したりフォーマットするビルトインのTime関数の集合体で、スキル体験の中に、アナログ時計、デジタル時計、カウントダウンタイマー、スト ップウォッチなどを構築することができます。

GIF Image of Analog Clock
条件付きコマンド

新しいSelectコマンドは、コマンドに条件付き実行機能を提供し、データ配列に対して一連のアクションを実行できるようにします。データソースの値に応じて、"when" を使うことで、コマンドリストの中から1つのコマンドを条件付きで実行することができま

例えば、AnimateItemコマンドを使用して画面上でダンスをするキャラクターを想像してみてください。新しいダンスの動きを作成するには、新しいデータソースにバインドするだけです

リッチなビジュアル体験を作る

私たちの目標は、APLへの投資を継続して行うことで、視覚的にリッチな体験をより簡単に作成できるようにすることです。ここでは、チェックしておくべき私たちのおすすめの機能をいくつかご紹介します。

  • AnimateItem コマンドを使用して、位置、回転、APLコンポーネントやレイアウトの不透明度をアニメーション化しましょう。AnimateItem と Alexa Vector Graphics (Scalable Vector Graphics標準のサブセット) を組み合わせることで、ユーザーの関心を維持する新しい体験を作ることもできます。

始めましょう

準備はできましたか?より詳しい情報はAPLの最新バージョンを参照してください。

Related Content
Alexaに関する最新情報をメールで受け取る