Tweet
Tweet

Slide 1

Slide 1 text

AWSで実現する「好き」の感情 !TZPCPDIJN %FWFMPQFS*0

Slide 2

Slide 2 text

͜Μʹͪ͸ʂ ͠ΐ΅ͪΉ !TZPCPDIJN IUUQTTZPCPDIJNIBUFOBCMPHDPN IUUQTHJUIVCDPNTZPCPDIJN ஶॻɿʮ͍ͪ͹Μ΍͍͞͠(JU(JU)VCͷڭຊʯ "MMPQJOJPOBSFNZPXO🤟 "84+BQBO1BSUOFS4PMVUJPOT"SDIJUFDU

Slide 3

Slide 3 text

ʰςʔϚɿࢲͷ"84ѪΛฉ͚ʂ͕͜͜޷͖ͩΑYYYʱ Ͱ͓࿩͠͠·ͤΜ͔ʁ

Slide 4

Slide 4 text

好き…？

Slide 5

Slide 5 text

「好き」って…？

Slide 6

Slide 6 text

朝から夜まで仕事の日々…

Slide 7

Slide 7 text

ずっと家で作業して…

Slide 8

Slide 8 text

日々の暮らしの中で 失われつつあるときめき…

Slide 9

Slide 9 text

ときめき…

Slide 10

Slide 10 text

ときめきが、欲しい！

Slide 11

Slide 11 text

AWSで実現する「好き」の感情 !TZPCPDIJN %FWFMPQFS*0

Slide 12

Slide 12 text

仕様 私の気持ちをチェックして 私がときめく言葉をくれる

Slide 13

Slide 13 text

DEMO

Slide 14

Slide 14 text

えっ…

Slide 15

Slide 15 text

すき /// （きゅん）

Slide 16

Slide 16 text

よければみなさんも試してみてください！ 本日限り！ ①↓をクリック ③↓をクリック ②ちょっと待つ ←ユーザー名 ←パスワード ←パスワード確認 ←メールアドレス 🤫

Slide 17

Slide 17 text

アーキテクチャ AWS Cloud Amazon S3 Amazon API Gateway AWS Lambda Amazon Rekognition Amazon Polly Amazon S3 AWS Amplify Amazon Cognito 静的ファイル ホスティング 認証 写真 アップロード 感情分析 音声変換 音声データ保存 音声データ取得

Slide 18

Slide 18 text

Amazon S3 Amazon S3 アーキテクチャ AWS Cloud Amazon API Gateway AWS Lambda Amazon Rekognition Amazon Polly AWS Amplify Amazon Cognito 静的ファイル ホスティング 認証 写真 アップロード 感情分析 音声変換 音声データ保存 音声データ取得 画面表示と認証

Slide 19

Slide 19 text

アーキテクチャ AWS Cloud Amazon API Gateway AWS Lambda Amazon Rekognition Amazon Polly AWS Amplify Amazon Cognito 静的ファイル ホスティング 認証 写真 アップロード 感情分析 音声変換 音声データ保存 音声データ取得 👀 をクリックした時 Amazon S3 Amazon S3 感情に合わせて テキストを変更

Slide 20

Slide 20 text

Amazon S3 Amazon S3 アーキテクチャ AWS Cloud Amazon API Gateway AWS Lambda Amazon Rekognition Amazon Polly AWS Amplify Amazon Cognito 静的ファイル ホスティング 認証 写真 アップロード 感情分析 音声変換 音声データ保存 音声データ取得 💓 をクリックした時

Slide 21

Slide 21 text

アーキテクチャ AWS Cloud Amazon API Gateway AWS Lambda Amazon Rekognition Amazon Polly AWS Amplify Amazon Cognito 静的ファイル ホスティング 認証 写真 アップロード 感情分析 音声変換 音声データ保存 音声データ取得 Amazon S3 Amazon S3

Slide 22

Slide 22 text

開発期間２日の秘訣

Slide 23

Slide 23 text

ポイント１ AI/MLの知識がなくても使える！

Slide 24

Slide 24 text

Amazon Rekognition Image 画像を読み込ませると • 画像の中の物体やシーンの検出 • 顔の認識・分析 • テキストの抽出 • 有名人の認識 • 不適切なコンテンツの識別 などができるよ！ Amazon Rekognition Video もあり 動画の分析もできます

Slide 25

Slide 25 text

Amazon Rekognition : Emotion API 顔に表現されている感情と、その信頼度 (0~100) をJSON出力する 検出できる感情 HAPPY | SAD | ANGRY | CONFUSED | DISGUSTED | SURPRISED | CALM | UNKNOWN | FEAR Lambdaのコードで一番信頼度が高い感情をピックアップして それに合わせたコメントを作っていく HAPPY：“可愛いきみの笑顔を見ると、俺も幸せな気持ちになるよ”

Slide 26

Slide 26 text

Amazon Polly テキストを音声に変換する テキスト読み上げサービス 日本語を含む、複数の言語をサポート 今回はニューラル音声のTakumiを利用 ニューラル音声は 自然で親しみやすく、スムーズに聞こえる かなり自然な発話で マジでドキドキしながら開発した

Slide 27

Slide 27 text

ポイント２ Amplifyを使って爆速開発

Slide 28

Slide 28 text

AWS Amplify 例えば 認証機能の追加をするには Amplify CLIを使って のコマンドを実行するだけ！ おしゃれな認証画面も Amplify UI Componentsを使ってタグを書くだけ！ AWSを用いたWeb/モバイルアプリを最速でリリースするための開発プラットフォーム
My App
> amplify add auth 他のアーキテクチャの部分も Amplify CLI を使ってざっくり構築

Slide 29

Slide 29 text

ポイント３ たくさんの情報が手に入る

Slide 30

Slide 30 text

AWSの情報はインターネットにたくさんある！ どんなものを見ながら開発したか • 各種サービスの公式ドキュメント • AWS SDKのドキュメント • クラスメソッドさんのブログ • 開発者の皆さんのブログ / Qiita 皆様、いつも情報発信、本当にありがとうございます！ 💓 💓

Slide 31

Slide 31 text

ʰςʔϚɿࢲͷ"84ѪΛฉ͚ʂ͕͜͜޷͖ͩΑYYYʱ Ͱ͓࿩͠͠·ͤΜ͔ʁ

Slide 32

Slide 32 text

みんなが情報をたくさん発信してくれていて サクサク開発できるところがだーい好き！ あと、 Amazon Pollyの声がイケボで好き

Slide 33

Slide 33 text

Thank you! !TZPCPDIJN