子どもたちにペイ管理の Alexa スキルを作って Amplify で管理画面を作った話

子どもたちにペイ管理の Alexa スキルを作って
Amplify で管理画面を作った話

Pay 管理スキルと Pay 修正ページを作った話
尾谷紘平 (42)
京都生まれ、大阪 (高槻) に在住。
二児の父です。(小6 & 小5)
フォージビジョン株式会社に所属しています。
インフラエンジニア
- 障害調査、改善提案、WafCharm の導入など
いろいろやってます
2021 APN AWS Top Engineers
自己紹介

本業はインフラエンジニアですが、趣味で仮面ライダーの兜を作ったり、
戦隊モノの武器をカスタマイズしたり、ASP.NET で家計簿を作ったり
PHP でポケモンずかんや AWS アイコンクイズを作ったり
API Gateway で聖闘士星矢 API を作ったりしてきました。
工作大好きです！

子供のゲーム時間を管理してますか？

Nintendo Switch
- みまもりSwitch で管理
iPad
- スクリーンタイムで管理
PS4
- 現在のところ管理できず...。
どなたかいい方法教えてください。

[1] 自分でゲーム時間を管理する
[2] 自分でゲーム時間を創出する
↑
この 2 つができないと大抵
1 時間/日など定量になってしまう。
定量だと頑張る意欲が湧かない！

2019
2021
2020
2018 転職。

2019
2021
2020
2018 転職。
新宿で単身赴任
月に一回程度、帰阪

2019
2021
2020
2018 電子マネー
帰阪したときに
PayPay を使ったら息子たちが
衝撃を受けていました。
妖怪ウォッチより

2019
2021
2020
2018 転職、新宿で単身赴任
月に一回程度、帰阪
コロナの影響で帰阪

2019
2021
2020
2018
冷蔵庫に貼り紙
お手伝いしたら１ペイ
コープを取りに行ったら１ペイ
みたいな形で
ペイを貯めていました。
まだブーム続いてました。

ペイリスト１ペイ = ゲーム1分
内容 P (ペイ)
お風呂掃除 20 P
食器洗い 25 P
洗濯物入れ 5 P
洗濯物たたみ 15 P
ウサギの糞取り 5 P
ウサギのオシッコ取り 20 P
ウサギの下痢うんこ 20 P
コープ引き取り 25 P
畑仕事の手伝い 60 P
お母さんの雑用 5 P
内容 P (ペイ)
湯沸かし 5 P
布団敷き 10 P
布団上げ 5 P
ウォーターサーバー
の水換え
10 P
ご飯作り 30 P
7 時までに完食 30 P
7 時半までに完食 5 P
ゴミ捨て 25 P
片付け忘れ -20 P
内容 P (ペイ)
チャレンジパッド 15 P
ハイクラス算数 60 P
ハイクラス他 30 P
塾の宿題 20 P
ボールレーン Lv.1 5 P
便座の締め忘れ -5 P
兄弟ケンカ -20 P

システムの全体構成図 (2021年1月)
尾谷家 Slack
ask sdk は Python を採用

DynamoDB – pay テーブル
← 現在の値を保持するために利用しています。
← Alexa の状態を認識するために利用しています。

DynamoDB – addpay テーブル
← name は Slack で利用します。

Alexa 開発者ポータル – 工夫したこと 1
DynamoDB の ID と揃える

Alexa 開発者ポータル – 工夫したこと 2
インテントにスロットを追加すると効率的！

Alexa 開発者ポータル – ここが残念
ペイチャンネルとペーチャンネルで
ゆれが発生。

自己管理能力の育成

がんばりひょう
我が家では幼少期から
何か目標を立てて
うまくできたら
シールが貼れる
スタンプカード的なシステム
を
導入していました。

PDCA

30ペイ
3000ペイ使って
残りマイナス 2820ペイに
なりました

AWS マネジメントコンソールにサインイン → MFA 認証
→ ReadOnly ユーザーから PowerUser ロールにスイッチ → 編集
面倒臭い！！

Amazon API Gateway
Amazon S3
静的コンテンツ
Amazon Route 53
CloudFront は何故か API
Gateway が叩けず断念
Edge location
Lambda function
Python

ダサい。
認証がない。
現在の値を調べて
計算しないといけない。

半年経過…

JAWS PANKRATION 2021
〜Up till Down〜
実行委員として
WEB 班を担当させていただく
ことになりまして、
Vue.js と
Amplify を使うことに
なりまして...

勉強かねて
フロントエンドを Amplify + Vue.js で
バックエンドの Lambda を Node.js
AWS SDK v3 で
書き換えることにしました

Amazon API Gateway
Amazon Route 53
pay-correct
父
AWS SDK
AWS SDK v3
git push origin dev
pull request
AWS Amplify
pay-add
Amazon Cognito

プルリクして、

マージしたら、

Amplify が自動でデプロイします

1 st デプロイ認証画面追加クイック登録ボタン追加

テック面のまとめ
• Alexa カスタムスキルは Alexa 道場を観ればインフラエンジニアでも全
然作れます！
• AWS Amplify を使うとフロントエンド開発が爆速でできます！
認証もすぐに導入できます。
• Admin UI を使うとバックエンド開発がはかどります！！！
(pokeAPI とか、↓みたいなポケモンエコシステム気になってます。)
graphql-pokemon
https://github.com/lucasbento/graphql-pokemon

イクメンのまとめ
• 「ご褒美を自分たちで創出する」仕組みは、子供達の自己管理能力を
育成すると思います！
• 子供たちと一緒にルールやシステムを構築して、子供たちが納得した
ものが出来上がるとそのルールは長続きすると思います！
• ルール作りを家族全員でやれば、冷め切った夫婦仲もきっと暖かくな
ると思います！！！

ご静聴ありがとうございました

子どもたちにペイ管理の Alexa スキルを作って Amplify で管理画面を作った話

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to 子どもたちにペイ管理の Alexa スキルを作って Amplify で管理画面を作った話

Similar to 子どもたちにペイ管理の Alexa スキルを作って Amplify で管理画面を作った話 (14)

Recently uploaded

Recently uploaded (10)

子どもたちにペイ管理の Alexa スキルを作って Amplify で管理画面を作った話