AWS Cloud Native イベント向けLINEボット

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

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

1, 開発したボット 2, 開発の経緯 3, ボットの機能 4, 苦労した点 5, アーキテクチャ 6, まとめ

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

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

2, 開発の経緯

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

2, 開発の経緯 Ans. AU 7,600万⼈のLINEアプリ 1. ITを活⽤した施策で若者を集めたい

2, 開発の経緯 Ans. プッシュ通知のリマインド 2. 通年開催される各種イベントに集客したい

2, 開発の経緯 Ans. 来場者アンケート 3. 来場者の属性が知りたい

2, 開発の経緯 Ans. 4. 商店街にも⽴ち寄ってもらいたいクーポン LINEビーコン連携クーポン

2, 開発の経緯 Ans. AIチャットボット 5. 運営スタッフ不⾜で問い合わせ対応が遅れる

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

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

2, 開発の経緯 LINEボットはイベント向けアプリに向いている結論:

3, ボットの機能

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

3, ボットの機能かわさき楽⼤師まつり向け LINEボットアプリ

3, ボットの機能 1. イベント情報 • カルーセル表⽰ • 「詳細」 • 公式HPのリンク

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

3, ボットの機能 2. クーポン – 利⽤ • 詳細表⽰ • LIFF • クーポンを利⽤

3, ボットの機能 3. 来場者アンケート • 属性⼊⼒

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

3, ボットの機能 4. お友達に紹介 – ⻘空プログラミング

3, ボットの機能 5. 会場マップ • 会場マップ画像表⽰

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

3, ボットの機能 7. 楽ちゃんに聞く • AIチャットボット • LIFF

3, ボットの機能 7. LINEビーコン連携 • クーポン配信

4, 苦労した点

4, 苦労した点みなさんこのLINEボットは2⽇間でどれだけのお友達を獲得したと思いますか︖

4, 苦労した点 Ans. 2⽇間で600⼈以上

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

5, アーキテクチャ

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

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

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

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

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

5, アーキテクチャ – LIFF（JWT認証）

5, アーキテクチャ – 分析基盤分析者 AWS Cloud 分析 • Webhook基盤で登録した分析データを可視化 • AthenaでS3に分析クエリを発⾏ • QuickSightで可視化 S3 Athena QuickSight 分析クエリ

5, アーキテクチャ – 分析基盤（グラフ）例: 時間帯別フォロー数

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

6, まとめ

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

ご清聴ありがとうございました LINEボット開発のご相談はHPまたはLINE公式アカウントまで︕

AWS Cloud Native イベント向けLINEボット

AWS Cloud Native イベント向けLINEボット

More Decks by Norimitsu Yamashita

Other Decks in Programming

Featured

Transcript