※Echo Spotは4Kビデオをサポートしていません。 3 コントロール ビデオ再生中は、下記のようなコントロールが利用可能で、画面サイズの変更、ポーズ、早送りなどの基本的な操作は、特にスキルで作り込む必要はありません。 4 スキル作成 カスタムスキルを作成し、インターフェースで 画面インターフェース と ViewAppを有効にします。 画面インターフェースは、ビデオのリストをテンプレートで表示するために追加しましたが、このインターフェースを有効にすることで下記のインテントが必須インテントとして自動的に追加されます。しかし、これらについては、デフォルトの動作で良ければ特に実装の必要は無いようです。 AMAZON.NavigateHomeIntent AMAZON.NavigateSettingsIntent AMAZON.NextIntent AMAZON.PageUpIntent AM

デザイナー倉光です。先日ついに日本語に対応した Amazon Echo！エンジニア山田の記事に引き続き、今日は音声操作のデザインプロセスについて紹介します。 💬 Amazon Echoとは Amazon Echoは、音声だけでリモート操作できるスマートスピーカーです。「アレクサ」と話しかけることで、様々なスキルを実行することができます。音声操作の特徴は「命令はことばで実行し、結果は音声で受け取る」こと。そのため、視覚や触覚の情報なしでもコンピューターと対話可能なデザインが求められます。 🍳 クックパッドのスキルについて 「使いたい材料だけで、すぐに作れる人気の料理レシピ提案」 このスキルでは、Amazon Echoを使って使いたい材料だけですぐに作れる人気の料理レシピを教えてくれます。 「晩ごはん用意したけどなんかちょっと物足りない...」 「冷蔵庫になすが余っているけど、スマホでレシ

ダイアログモードのリクエストでは、dialogStateプロパティによって、Dialog.Delegateディレクティブを返す必要があります。 Ver2では、レスポンスを作成するresponseBuilderには、addDelegateDirective()などの専用ヘルパー関数が用意されています。 1 はじめに 本記事は、Alexa SDK for Node.js Ver2入門と題して、入門用という位置付けで、Alexa SDKの使い方を、順に紹介しているものです。（対象は、Node.js用のみです。Java用には触れておりません） その5では、ダイアログモードの実装方法について見ていきたいと思います。 2 ダイアログモード 最初に今回のサンプルを作成するにあたり準備したスキルを紹介しておきます。 設定したインテントは一つ（OrderIntent）のみです。スロットは、飲み物の種類（dr

1 はじめに Amazonの開発者コンソールで作業するCustom Skillの作成では、Interaction Modelで、Skill Builder(Betaリリース) を使用することができます。 Skill Builderでは、従来、テキストエリアにJSONを手動入力することで行なっていた作業を、美しいGUIから行えるようになります。 Interaction Modelの設定では、インテント、スロット、カスタムスロット、及び、それに関する発話について定義しますが、Skill Builderでは、それらに加えてDialogモデルを設定することができるようになりました。 今回は、このDialogモデルを試してみましたので、紹介させてください。 なお、作業は、Skill Builderの中で紹介されている、下記のビデオを元に進めました。 Alexa Skill BUlder - Part

上の表から、「格納されたスロット」を見て、必要なスロットがある場合は、それを要求し、不要なスロットには、ダミーを埋めてしまいます。全部のスロットが入れば、ダイアログモデルはCOMPLETEDになります。 setが入っている場合 => menuに「定食」をセットして　COMPLETED menuに「うどん」が入っている場合 => COMPLETED menuに「蕎麦」が入っている場合 hotColdが入ってなければ要求する menuに「蕎麦」が入っている場合 hotColdが入っていれば　=> COMPLETED menuに「定食」が入っている場合 setが入ってなければ要求する menuに「定食」が入っている場合 setが入っていれば => COMPLETED これをコードにすると次のようになります。 'OrderIntent': function () { let intent = th

今回はエラー処理について紹介します。 スキル開発中に１つ１つバグを修正していったとしても、ユーザーの操作次第で想定していない処理をしてしまうのは良くある話だと思います。 その結果、エラーが発生してしまうかもしれないので、あらゆる処理に例外処理(try〜catch〜)を入れ込んでいくのは、とても冗長です。 ASK SDK v2では例外処理を共通的に実装するすべが用意されているので紹介します。 エラー処理の作成 前回使用していたindex.jsに次のコードを追加してください。 const ErrorHandler = { canHandle(handlerInput, error) { console.log('called ErrorHandler.canHandle'); return true; }, handle(handlerInput, error) { console.log('

const AWS = require("aws-sdk"); const DynamoDB = new AWS.DynamoDB.DocumentClient({ region: "ap-northeast-1" }); const co = require("co"); exports.handler = (event, context, callback) => { co(function *(){ // scanの実行 const scanItems= yield DynamoDB.scan({TableName: "demo-table"}).promise(); // queryの実行 const queryItems = yield DynamoDB.query({ TableName: "demo-table", KeyConditionExpression: "#ID =

はじめに LambdaとDynamoDB使ってAPI作ることになったんで、いろいろ試したメモ 詰まった点や、解決法など、参考になれば。（主に自分用のメモですが） なおメソッドはPOSTでやっています。GETの記事が多かったので参考になれば。 この記事でやること DynamoDBでテーブル作成 Lambda上でDynamoDBの値を取得（select） Lambda上でDynamoDBに値を挿入(insert) Lambda上でテスト API Gatewayの設定 curlによるリクエストとレスポンス DynamoDBでテーブル作成 テーブルを作ります。 「テーブルの作成」をクリックし テーブル名とプライマリキー、必要であればソートキーを入力します。 DynamoDBはテーブル作成時にはPrimary KeyとSort Keyのみの指定であとはレコード挿入時に設定します。 レコードをコンソー

Amazon EchoをRaspberry Piのワイヤレス音声認識マイク・スピーカとして使いたい 我が家では、Amazon Echoを壁掛け設置して色々便利に活用しています。 ただ、そんな中。妻から色々不満の声が上がってきました。具体的には以下です。 リマインダでいちいち2回言うのが気にくわない。1回で良い 音声認識で家電（テレビ・リモコン・ルンバ）の制御がしたい からあげDashボタンの音声認識率が悪くてつかえない ここまできたら、Amazon Echo単体では、如何ともしがたいですね。そんなときの強い味方が我らがRaspberry Piです。要はAmazon EchoをRaspberry Piのワイヤレス音声認識マイク＆スピーカと使うことができれば何でもできます（ラズパイ脳なのでRaspberry Piなら何でもできると信じている）。 というわけで、今回は色々ネット情報調べて試行錯誤

APIdays Paris 2019 - Innovation @ scale, APIs as Digital Factories' New Machi...

背景 three.jsには、examplesと称して便利なクラスが用意されています。 例えば、OBJLoaderと呼ばれる.objファイルを読み込むことのできるクラスなどがあります。 https://threejs.org/docs/#examples/loaders/OBJLoader なぜかわかりませんが、npmモジュールとしてthree.jsを取り込んだ場合、examplesの中のクラスは取り込まれないようです。 しかし、@types/threeには定義されている・・・。 なんとか使いたい・・・！ そこで、imports-loaderで解決しました。 imports-loaderとは モジュールをimportするときに、同時に定義しておきたいパラメータをいい感じに定義してくれるやつです。 たとえば、以下のようなモジュールがあった時、globalにjQueryが定義されていないと死ぬで

[ACM] AWS Certificate Manager 無料のサーバ証明書でCloudFrontをHTTPS化してみた はじめに AWSチームの鈴木です。 本日、AWSより新機能「AWS Certificate Manager」（ACM) が発表され、無料でサーバ証明書を発行し、CloudFront、ELBで利用する事が可能になりました。 今回、ACMでサーバ証明書を発行し、CloudFrontの独自ドメイン設定でHTTPS通信を試す機会がありましたので、その一連の手順を紹介させて頂きます。 New – AWS Certificate Manager – Deploy SSL/TLS-Based Apps on AWS 手順 ACM の利用開始 AWSコンソール、セキュリティ＆アイデンティティに増えた「Certificate Manager」を開きます。 ACMは、2016年1月現在、

これが画像の遅延読み込みです。 この技術を利用すれば、ユーザーはページの表示が早くなり、サーバ側はリソースを節約できるというWin-Winの技術です。 遅延読み込みの問題点 良いことばかりかというと、そうでもありません。 画像の表示が遅れることによるユーザー体験の低下 遅延読み込みの一番のデメリットは画像が遅れて表示されるという点です。 素早くスクロールすると画像の読み込みが追いつかないことがあります。 また、画像のサイズが大きかったり、転送が遅いサーバの場合も表示にラグが生じます。 その他にも遅延表示のためのスクリプトが重かったり、メモリを消費しすぎるようだと、動作が緩慢になります。 これではユーザー体験は低下してしまいます。 画像表示の遅れ対策 解決策として考えられるのは、 ユーザーの表示サイズに合わせた画像を複数用意する。 画像の転送に高速なCDNを利用したり、SSDサーバの導入など

この島の未来はわったーがつくる 沖縄に生まれた自分のために、次の世代のために、未来のために、選挙に行こう。そのメッセージを、沖縄県民ならだれもが知っている「てぃんさぐの花」にのせて、たくさんの人が歌いつないでいくプロジェクト。沖縄の未来は、うちなーんちゅで決めよう！ 2018年沖縄県知事選挙 9.30 SUN 投票日カレンダーに登録facebooktwitter てぃんさぐぬ花 沖縄民謡／作詞・作曲者不明 一. てぃんさぐぬ花や 爪先ちみさきに染すみてぃ 親うやぬゆしぐとぅや 肝ちむに染すみり ホウセンカの花は 爪先に染み渡るが 親の教えは 心に染み渡る 五. 誠まくとぅする人まくとぅや 後あとぅや何時いち迄までぃん 思事うむくとぅん叶かなてぃ 千代ちゆぬ栄さかい 正直な人は 後々のいつまでも 想いが叶えられ 千代に栄えるだろう 七. 行いち足たらん事くとぅや 一人ちゅい足たれ足だれ 互た

【Unite 2018 Tokyo】60fpsのその先へ！スマホの物量限界に挑んだSTG「アカとブルー」の開発設計

2019/3/19 get_avatar()を使う仕様に変更しました。 2020/01/30　コードを見直しました。たぶんWP User Avatarプラグインなどとの競合も避けれたかなと思います。 wordpressで利用できる自動生成アバターをオリジナルの画像にしてコメント欄をにぎやかにしたい。 WordPressで運営しているブログにいろんな方からコメントをいただくとうれしいですが、Gravatar登録のない場合、同じデフォルトアバターになってしまって味気なく感じませんか？ あらかじめWordpressで用意されている自動生成アバターならいろんな画像を割り当ててくれるのですが選択肢がどれもいまいち。Idenctionがシンプルでまだ使いやすいので利用されてる方よく見かけますね。 デフォルトアバターをオリジナル画像に設定するカスタマイズは多く知られていますが、今回は自動生成アバターのよ

この記事は、 ・実際に何か自分でウェブサービスを作って見たいけどどうすればいいかわからない。 ・Vue.jsを使って何か作って見たい という方向けの記事です。 なぜVue.jsとFirebaseでウェブサービスを作るのか 私は、何かウェブサービスを作って見たいと考えている人には、Vue.jsとFirebaseを利用したサービスの作成をオススメしています。 なぜなら、この二つを習得するとすごく簡単にウェブサービスを作ることができるからです！シンプルな理由ですし、これが一番大事ですよね。 私のブログには多くのプログラミング初心者やVue.jsを勉強している方が訪問してくださっています。 その方々の参考になるよう、自分の今までの学習した教材や内容を書き出し、本当に必要で、そして最短で技術を身に付けるにはどのような教材をどの順序でやるのが一番効果があるかを書き出しまとめました。 この教材にたどり着

はじめに 今更ながらNext.jsを触ったところ、とても便利でした。 手っ取り早くdocker-compose upで動かせるところまでを記載します。 前提 以下の環境が整っているものとします。 Node.jsのstableバージョンがインストールされている Dockerがインストールされている ワークスペースの作成 ディレクトリを作成します。 ※yarnで書いてますがnpmでも問題ありません

WordPress 4.7では、これまでプラグインとして提供されていたWP REST APIが機能として組み込まれ、標準でREST APIが使えるようになりました。このことにより予想されることは、PHP以外のプラットフォームで、WordPressのブログテーマやWordPressの機能を使ったサービスが今後どんどん生まれてくると言うことです。 ちょうど自分の扱っている新規事業の企画でブログメディアを作ることになりました。新しいメディアを運営する上で、技術的にも注目されるようなものを作りたいと思ったので、今回このWordPressのREST APIを使って、React + Reduxベースでブログを作ることにしました。爆速なブログができあがったので事例として紹介させてください。 LifeGadget（ライフガジェット）人々の日常生活に役立つ情報（ライフハック術、ガジェット、アプリ、サービスな