AWS Cloud Native イベント向けLINEボット
by
Norimitsu Yamashita
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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公式アカウントまで︕