Category: APL

apl-suggesterでAlexa APLのバリデーション

AlexaのGitHub Orgにきになるリポジトリがあったので試してみました。 目次 簡単な動かし方動かしてみる。成功させてみるtypeの入力ミスなどは拾わない様子追記: まだ開発進行中?かも 簡単な動かし方 Type […]

[Alexa APL] APLのDocumentをReactで描画するためのコンポーネント react-aplをリリースしました

以前からAPLをwebで描画するためのWASMが公開されていたので、隙間時間で追いかけていたのですが、一区切りするためにライブラリを作ってみました。 目次 ベースにしたもの作ったモノ使い所ちなみに ベースにしたもの AP […]

[Alexa APL] svgtoavg-cliでSVG画像をAlexa Vector Graphics(AVG) JSONに変換する

Alexaスキルでは、ベクター画像を描画する際に「AVG(Alexa Vector Graphics)」を利用します。 目次 AVGのサンプルSVGをAVGに変換するsvgtoavg-cliのインストール変換前のSVG変 […]

SSMLをJSX/TSXで書くための軽量ライブラリ@talkyjs/ssml

Alexa Live 2020まではssml-tsxを使っていたのですが、JSXの定義周りでask-sdk-jsx-for-aplと衝突するらしく、どうせならと簡単なものを作りました。 目次 @talkyjs/ssmlI […]

ask-sdk-jsx-for-aplを使って、TypeScriptでAlexa APLを作る

AlexaLive 2020でask-sdk-jsx-for-aplが発表され、APLをついにReactライクに作れるようになりました。 Reactめっちゃ書いてるマンとしては見逃せないので、早速触ってみます。 目次 I […]

Alexa Presentation Language: テキストのリスト表示

レシピやハウツー系を紹介するスキルでは、下の画像のように番号付きで手順を紹介したい場合があります。 APLを活用することで、HTMLのolタグのように1〜4の数字を自動で設定することができます。これはAPLのデータ配列と […]

Getting Started Alexa APL: Container

Alexa用ディスプレイマークアップ言語のAPLの覚書シリーズです。今回はContainerを中心にいろいろ触っていきましょう。 目次 Container未使用状態ContainerでラップするContainerでスタイ […]