Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発

JAWS DAYS 2020 サメのおんがえし ONLINEの資料です。
AWSでスーパーアプリしようぜ!ってお話です

  • Als Erste(r) kommentieren

スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発

  1. 1. Hiroyuki Hiki, LINE JAWS DAYS 2020 サメのおんがえし ONLINE スーパーアプリ元年! LINEが提供するデベロッパー向けAPIを 活用してAWS上でLINE内アプリを開発
  2. 2. About Me 皆様のLINEの技術を利用したビ ジネスの成功がミッション Background ・AWS Serverless Solution Architect ・モバイル端末開発 Architect Certification ・JAWS-UG MVP 2013 ・AWS SAMURAI 2014 ・LINE API Expert 2018 Hiroyuki Hiki LINE Technical Evangelism Team https://twitter.com/UniOce OMO(ニューリテール)/スマートシティが注力 エリアです
  3. 3. 2019年 キャッシュレス戦争
  4. 4. 2020年〜 スーパーアプリ大戦
  5. 5. スーパーアプリって何?
  6. 6. Chat listをSwipe Downすると Swipe-down menuが起動 Mini Programを起動 Mini Program Top 画面  コミュニケーションや、ゲーム、ECなどを利用できるWeChatアプリ内サービスPlatform  以下のようにChat listをSwipe Downするだけで簡単に様々なサービスを利用可能 WeChat Mini Program (小程序) 企 業 個 人 個 人 個 人 企 業 個 人 企 業 M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i M in i ロゴ
  7. 7. WeChat Mini Programのアクセス方法 • QRコードをスキャン • 履歴リスト • 公式アカウント連携 • 名称やブランドによる検索 • 近くのミニプログラム
  8. 8. WeChat Mini Program (小程序)の現況  正式Openから約1年半でMAU約4億、DAU約2億まで成長。特にMiniGameリリース以降の成長が著しい  2018年7月にはInitiative access rate(自発的訪問率)が54%に。Swipe-down menuの浸透にはMiniGameの存 在が大きく寄与したと思われる 参照:QuestMobile 调查微信小程序月活用户规模 WeChat Mini ProgramのMAU/浸透率推移 Minigame ReleasedMiniprogram Released Wechat Miniprogram Key Figures 2億+ Daily Active Users (2018/6) 4回 Daily Engagement Counts (2018/7) 54% Initiative access rate (2018/7)
  9. 9. キャッシュレス戦争は 前哨戦
  10. 10. 日本の各決済アプリが スーパーアプリ化を次々に表明!
  11. 11. 日本のアプリ事情
  12. 12. 日本のアプリの事情 • インストールされない(この一ヶ月にインストールしたアプリは?) • ホーム画面は飽和状態でホーム画面にアプリが配置されないから利用さ れない • 利用してもらう為にアプリからのプッシュ通知を行うが他の通知も多くユー ザーはスルー • 利用してないのがわかったらアンインストールされる • 端末交換時に再インストールされない&再インストールを促す手段がない
  13. 13. 企業のアプリ担当者の想い
  14. 14. ユーザーは人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろ う・・・ 人気 アプリ 人気 アプリ 人気 アプリ 人気 アプリ 自社 アプリ 人気 アプリ 人気 アプリ 人気 アプリ
  15. 15. 同業者のアプリ担当者の 想いをマージ
  16. 16. 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 自社 アプリ 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう ・・・・・・・・・・以下国内企業担当分ループ汗 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ
  17. 17. 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 自社 アプリ 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 人気アプリの中に 自分の会社のアプリぐらいは インストールしてくれるだろう 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ 同業者 アプリ ホーム画面に各事業者の単機能アプリを 配置する隙間はありません・・・
  18. 18. LINEの場合
  19. 19. LINE 国内MAU 8,300万人 86% DAU/MAU比率 +OVER トップ4MAU 1億6400万人 +OVER(JP)
  20. 20. ・LINE公式アカウント ・LIFF(LINE内 WEB APP) ・LINE MINI App (New)
  21. 21. LINE MINI App LINE MINI App Powered by LIFF v2.1
  22. 22. Miniの説明動画 https://youtu.be/bpCX2zgFAM0
  23. 23. • Powered by LIFF v2.1 • LIFFをミニアプリとしてパブリッシング!
  24. 24. 動画で紹介されていた新機能 • ShareTargetPicker リリース済! • ミニマイズウィンドウ 4月以降(予定)
  25. 25. https://prtimes.jp/main/html/rd/p/000000180.000014901.html 以前の専用 ネイティブア プリは使える までに5分か かっていたが、 LINEなら 30秒!
  26. 26. https://prtimes.jp/main/html/rd/p/000000401.000011430.html
  27. 27. • LINEを起動 • 画面下のホームをタップ • 画面上部のサービスをタップ • 下にスクロールして「ジョルダン乗り換え案内」 などをクリック • 認証画面が出るのでクリック • LINEミニアプリが起動される LINEミニアプリ起動方法
  28. 28. 2020年はカジュアルに ユーザーとつながる事が 重要!
  29. 29. ロイヤルカスタマーに ネイティブアプリ( 担当者のKPI)を 押し付け続けてはいけない
  30. 30. イマ開発可能な LINE内WEBアプリ
  31. 31. LINE Front-end Framework(LIFF) • LINE Front-end Framework(LIFF)は、LINE内で動作するウェ ブアプリのプラットフォーム • LIFFに登録したウェブアプリ(LIFFアプリ)を起動すると、LINEの アカウント情報などをLINEプラットフォームから取得可能 • ユーザー情報を活用した機能を提供したり、ユーザーの代わりにメッ セージを送信が可能 • LINEアプリ以外の環境への対応(In App Browserや外部ブラウザか らも利用可能) • ユーザーのメールアドレスが取得可能(ユーザー同意必要) https://developers.line.biz/ja/reference/liff/
  32. 32. LIFFでできること(一例) • 企業公式アプリ • ECサイト • 公共系公式アプリ • ブランドのカタログサイト • クーポン/ポイントカード • エンベッド動画(現在HLS非対応) • ゲーム(リアルタイムな位置ゲームは不可)
  33. 33. LIFFの起動方法 • LINE公式アカウントのメッセージ通知や メ ニューをクリック(オンライン起動) • WEBサイトのURL(スキーム)からクリック • LINE Beaconからのバナー/メッセージ通知を クリック(店舗などのオフライン起動) LIFFを起動するLINEは8300万人のアクティブユーザーがいるの でインストールいらず!
  34. 34. MULTIPLE VIEW TYPE compact tall full
  35. 35. INIT & GET PROFILE
  36. 36. Messaging API
  37. 37. CASE AWS
  38. 38. LINE APP LIFF SDK AWS Cloud エンドポイントURL SDK call User LINE Front-end Framework(LIFF) AWS Cloud External Service LIFF UI
  39. 39. LOG 保存 DB参照/登録 End Point Call LIFF上からのAPI CALL index.html (web hosting) その他サービス CDN LIFF on AWS プログラムGate way 参考 https://dev.classmethod.jp/etc/liff-tutorial/
  40. 40. LOG 保存 DB参照/登録End Point Call その他サービス LIFF on AWS プログラム index.html Gate way 参考 https://dev.classmethod.jp/cloud/tips-liff-apigw-lambda/ 毎回S3へのアクセスは非効率なので、 Lambda初回起動時にメモリに保持させ る(運用を考えて時間指定する)
  41. 41. AWSでLINE APIを使って ユーザーとのカジュアルな接点作りを!
  42. 42. LINE公式アカウント MessagingAPI LIFF LINEThings LINEBotDesigner LINEBeacon LINEログイン LINEPay ローカルブラウザ アプリインストールされない問題 ○ ○ ○ ▲ IoT系アプリインストールされない問題 ○ ユーザーのアプリ操作学習コスト ○ 通知が届かない ○ ○ デザイン工数 ○ アプリのアカウント情報が端末交換時に引き継ぎがれない ○ 店舗の呼び込みがきびしくなる ○ ○ ネイティブアプリに誘導したい ○ ○ WEBのUIも使いたい ○ ○ 決済をセキュア&ユーザーの利便性を高める ○ LINE APIが 解決するその他の課題
  43. 43. • LIFFはHTML5とJava Scriptで実装可能 • バックエンドはAWSで自由に実装 • LINEの8300万人のトラフィックをさばくのは クラウドがベスト • サーバーレスでカジュアルに開発・運用! • LINEならインストール障壁が低い • LINEならメッセージもLINE公式アカウント連携で届く • LINEなら端末交換時も情報は引き継がれる • LIFFの利用は無料! • LINE MINI Appにこうご期待!
  44. 44. End?
  45. 45. その他の AWS & LINE API ケース
  46. 46. LINE LINE app LINE server Messaging API AWS Cloud User Web hook API call Messaging API
  47. 47. LINE Beacon LINE LINE server Messaging API AWS Cloud LINE Beacon LINE app Web hook API call
  48. 48. API GATEWAY LOG 保存 DB参照/登録 処理(※1) Web hook 登録 自然言語理解(他サービス API コール) ※1 このケースではLambdaを前処理と後処理に分けているが、一つのLambdaでも処理は可能 LINE CHATBOT/LINE Beacon on AWS 後処理( ※1 ) Messaging API CALL
  49. 49. LINE LINE server AWS Cloud LINE Things(Automated BLE Communication) IoT Device LINE app Web hook API call Messaging API
  50. 50. LINE LINE server Messaging API AWS Cloud LINE Things(Automated BLE Communication) IoT Device LINE app Web hook API call AWS Cloud External Service
  51. 51. LINE APIでの 課題の解決方法 https://www.slideshare.net/hiroyukihiki/lineline-176623563
  52. 52. LINE developers community Q&A https://www.line-community.me/questions LINE Developers FAQ https://developers.line.biz/ja/faq/ LINE Developer Offline Community 関東 https://linedevelopercommunity.connpass.com/ 関西 https://ldgk.connpass.com/ 九州 https://linedevkyushu.connpass.com/
  53. 53. 55

×