Slide 1

Slide 1 text

Copyright ©2019 Grandream Inc. All Rights Reserved. LINE Developer Community︓第 3 回 ボット⾃慢 LT ⼤会 AWS Cloud Native イベント向けLINEボット

Slide 2

Slide 2 text

- 2 - Copyright ©2019 Grandream Inc. All Rights Reserved. ⾃⼰紹介 @nori3tsu ⼭下 徳光 / Norimitsu Yamashita 株式会社グランドリーム 代表取締役 兼 エンジニア Webアプリ・LINEボットの受託開発をしています。 AWSクラウドネイティブなアプリ開発が得意で 最近はフロントエンドにも⼒をいれています。 norimitsu.yamashita nori3tsu

Slide 3

Slide 3 text

- 3 - Copyright ©2019 Grandream Inc. All Rights Reserved. 1, 開発したボット 2, 開発の経緯 3, ボットの機能 4, 苦労した点 5, アーキテクチャ 6, まとめ

Slide 4

Slide 4 text

Copyright ©2019 Grandream Inc. All Rights Reserved. - 4 - 1, 開発したボット

Slide 5

Slide 5 text

- 5 - Copyright ©2019 Grandream Inc. All Rights Reserved. 1, 開発したボット 2019年4⽉20⽇・21⽇に 神奈川県 川崎市 川崎⼤師地区で開催された、 毎年20万⼈が訪れる「かわさき楽⼤師まつり」向けの LINEボットを開発。

Slide 6

Slide 6 text

Copyright ©2019 Grandream Inc. All Rights Reserved. - 6 - 2, 開発の経緯

Slide 7

Slide 7 text

- 7 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 課題: 1. ITを活⽤した施策で若者を集めたい 2. 通年開催される各種イベントに集客したい 3. 来場者の属性が知りたい 4. 商店街にも⽴ち寄ってもらいたい 5. 運営スタッフ不⾜で問い合わせ対応が遅れる

Slide 8

Slide 8 text

- 8 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 Ans. AU 7,600万⼈のLINEアプリ 1. ITを活⽤した施策で若者を集めたい

Slide 9

Slide 9 text

- 9 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 Ans. プッシュ通知のリマインド 2. 通年開催される各種イベントに集客したい

Slide 10

Slide 10 text

- 10 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 Ans. 来場者アンケート 3. 来場者の属性が知りたい

Slide 11

Slide 11 text

- 11 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 Ans. 4. 商店街にも⽴ち寄ってもらいたい クーポン LINEビーコン連携クーポン

Slide 12

Slide 12 text

- 12 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 Ans. AIチャットボット 5. 運営スタッフ不⾜で問い合わせ対応が遅れる

Slide 13

Slide 13 text

- 13 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 イベント向けアプリの特性 開催期間中しか利⽤しないため、 • 来場者: ⇒ パケットを消費してDLしたくない • 運営者: ⇒ 開発費を抑えたい

Slide 14

Slide 14 text

- 14 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 LINEボットの利点: • ダウンロード・インストール不要 ⇒ 友だち追加で即利⽤可能 • 低コスト ⇒ API利⽤のデザイン・実装 ⇒ マルチプラットフォーム対応 (iOS/Android)

Slide 15

Slide 15 text

- 15 - Copyright ©2019 Grandream Inc. All Rights Reserved. 2, 開発の経緯 LINEボットは イベント向けアプリに向いている 結論:

Slide 16

Slide 16 text

Copyright ©2019 Grandream Inc. All Rights Reserved. - 16 - 3, ボットの機能

Slide 17

Slide 17 text

- 17 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 1. イベント情報 2. クーポン情報 3. 来場者アンケート 4. お友達紹介 5. 会場マップ 6. 会場アクセス 7. 楽ちゃんに聞く 8. LINEビーコン連携

Slide 18

Slide 18 text

- 18 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 かわさき楽⼤師まつり向け LINEボットアプリ

Slide 19

Slide 19 text

- 19 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 1. イベント情報 • カルーセル表⽰ • 「詳細」 • 公式HPのリンク

Slide 20

Slide 20 text

- 20 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 2. クーポン – 表⽰ • カルーセル表⽰ • 「クーポンを確認」 • クーポン利⽤画⾯へ • 「お店の場所を確認」 • 現在地からの経路表⽰ • 「WEBサイト」 • 公式HPのリンク

Slide 21

Slide 21 text

- 21 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 2. クーポン – 利⽤ • 詳細表⽰ • LIFF • クーポンを利⽤

Slide 22

Slide 22 text

- 22 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 3. 来場者アンケート • 属性⼊⼒

Slide 23

Slide 23 text

- 23 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 4. お友達に紹介 • 「LINEで送る」 • お友達にリンクを送る • 「Twitterでシェアする」 • 「QRコード」 • 友だち追加のQR表⽰

Slide 24

Slide 24 text

- 24 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 4. お友達に紹介 – ⻘空プログラミング

Slide 25

Slide 25 text

- 25 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 4. お友達に紹介 – ⻘空プログラミング

Slide 26

Slide 26 text

- 26 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 5. 会場マップ • 会場マップ画像表⽰

Slide 27

Slide 27 text

- 27 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 6. 会場アクセス • 「道順を確認」 • 現在地からの経路表⽰ • 「周辺の有料駐⾞場を探す」 • Mapで駐⾞場を表⽰ • 「詳細情報を確認」 • 公式HPのリンク

Slide 28

Slide 28 text

- 28 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 7. 楽ちゃんに聞く • AIチャットボット • LIFF

Slide 29

Slide 29 text

- 29 - Copyright ©2019 Grandream Inc. All Rights Reserved. 3, ボットの機能 7. LINEビーコン連携 • クーポン配信

Slide 30

Slide 30 text

Copyright ©2019 Grandream Inc. All Rights Reserved. - 30 - 4, 苦労した点

Slide 31

Slide 31 text

- 31 - Copyright ©2019 Grandream Inc. All Rights Reserved. 4, 苦労した点 みなさん このLINEボットは2⽇間でどれだけの お友達を獲得したと思いますか︖

Slide 32

Slide 32 text

- 32 - Copyright ©2019 Grandream Inc. All Rights Reserved. 4, 苦労した点 Ans. 2⽇間で600⼈以上

Slide 33

Slide 33 text

- 33 - Copyright ©2019 Grandream Inc. All Rights Reserved. 4, 苦労した点 LINEボット集客の施策: • 近隣マンションへのチラシ配り(約3,000枚) • ラジオ告知 • 東京新聞・神奈川新聞掲載 • HP掲載・SNS告知 • 開催期間中、ステージで4回紹介 • 場内アナウンスで都度紹介 • 会場でのチラシ配り(数千枚)

Slide 34

Slide 34 text

Copyright ©2019 Grandream Inc. All Rights Reserved. - 34 - 5, アーキテクチャ

Slide 35

Slide 35 text

- 35 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – ポイント • AWS Cloud Native • 完全従量課⾦ • リクエストに応じてスケール • インフラ運⽤不要 • serverless + CloudFormation • Infrastructure as Code • 再利⽤性 • 他のLINEボットにも即適⽤可能

Slide 36

Slide 36 text

- 36 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – 全体図 AWS Cloud ⾏動分析 Webhook基盤 Event Worker Event Worker Event Worker 分析基盤 LIFF Event Worker メッセージ LIFF表⽰ ボットが増えても Event Workerを 増やすことで対応可能

Slide 37

Slide 37 text

- 37 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – Webhook基盤 署名検証・イベント登録 AWS Cloud SQS ユーザー情報 登録・削除 DynamoDB ⾏動ログ登録 Lambda S3 Lambda 分析⽤に加⼯・保存 Cognito DynamoDB Streams API Gateway Lambda Webhookイベント • LINEボットのWebhook共通処理基盤 • 署名検証 • イベント登録(Event Workerで⾮同期処理) • ⾏動ログ収集 • ユーザー情報登録・削除(follow/unfollow) 200 OK [⾮同期]

Slide 38

Slide 38 text

- 38 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – Event Worker イベント取得 AWS Cloud Reply Message SQS データ管理 DynamoDB Lambda • Webhook基盤で登録されたイベントを処理するワーカー • Webhookの処理が共通化されていることでロジックに集中 ⾃然⾔語処理

Slide 39

Slide 39 text

- 39 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – LIFF LIFF AWS Cloud Lambda DynamoDB Cognito CloudFront S3 静的ファイル ユーザー認証 データ管理 表⽰ AppSync GraphQL API + Cognito認証 ドメインロジック • Nuxt.js/Vue.jsを使ったSPA構成 • 独⾃JWT認証でセキュリティを向上(後述) html,js,css,jpg

Slide 40

Slide 40 text

- 40 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – LIFF(JWT認証)

Slide 41

Slide 41 text

- 41 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – 分析基盤 分析者 AWS Cloud 分析 • Webhook基盤で登録した分析データを可視化 • AthenaでS3に分析クエリを発⾏ • QuickSightで可視化 S3 Athena QuickSight 分析クエリ

Slide 42

Slide 42 text

- 42 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – 分析基盤(グラフ) 例: 時間帯別フォロー数

Slide 43

Slide 43 text

- 43 - Copyright ©2019 Grandream Inc. All Rights Reserved. 5, アーキテクチャ – プロビジョニング AWS Cloud • serverlessでCloudFormationを操作 • serverless.ymlにAWSサービスの情報を管理 • Infrastructure as Code • Git管理 • 複数環境(DEV/STG/PRD)を簡単に構築可能 Webhook基盤 Event Worker 分析基盤 LIFF CloudFormation スタック

Slide 44

Slide 44 text

Copyright ©2019 Grandream Inc. All Rights Reserved. - 44 - 6, まとめ

Slide 45

Slide 45 text

- 45 - Copyright ©2019 Grandream Inc. All Rights Reserved. 6, まとめ • 地域活性化のためのイベントボットを開発した • 集客頑張った • LINEビーコンを活⽤して商店街の売上に貢献 • AWS Cloud NativeなLINEボットプラット フォームを構築した

Slide 46

Slide 46 text

- 46 - Copyright ©2019 Grandream Inc. All Rights Reserved. ご清聴 ありがとうございました LINEボット開発のご相談はHPまたはLINE公式アカウントまで︕