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

Hiroyuki Hiki, LINE
JAWS DAYS 2020 サメのおんがえし ONLINE
スーパーアプリ元年！
LINEが提供するデベロッパー向けAPIを
活用してAWS上でLINE内アプリを開発

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(ニューリテール)/スマートシティが注力
エリアです

2019年
キャッシュレス戦争

2020年〜
スーパーアプリ大戦

スーパーアプリって何？

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
ロゴ

WeChat Mini Programのアクセス方法
• QRコードをスキャン
• 履歴リスト
• 公式アカウント連携
• 名称やブランドによる検索
• 近くのミニプログラム

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)

キャッシュレス戦争は
前哨戦

日本の各決済アプリが
スーパーアプリ化を次々に表明！

日本のアプリの事情
• インストールされない(この一ヶ月にインストールしたアプリは？)
• ホーム画面は飽和状態でホーム画面にアプリが配置されないから利用さ
れない
• 利用してもらう為にアプリからのプッシュ通知を行うが他の通知も多くユー
ザーはスルー
• 利用してないのがわかったらアンインストールされる
• 端末交換時に再インストールされない＆再インストールを促す手段がない

企業のアプリ担当者の想い

ユーザーは人気アプリの中に
自分の会社のアプリぐらいは
インストールしてくれるだろ
う・・・
人気
アプリ
人気
アプリ
人気
アプリ
人気
アプリ
自社
アプリ
人気
アプリ
人気
アプリ
人気
アプリ

同業者のアプリ担当者の
想いをマージ

人気アプリの中に
インストールしてくれるだろう
自社
アプリ
・・・・・・・・・・以下国内企業担当分ループ汗
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ

自社
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
同業者
アプリ
ホーム画面に各事業者の単機能アプリを
配置する隙間はありません・・・

LINE
国内MAU
8,300万人 86%
DAU/MAU比率
+OVER
トップ4MAU
1億6400万人
+OVER(JP)

・LINE公式アカウント
・LIFF(LINE内 WEB APP)
・LINE MINI App (New)

LINE MINI App
LINE MINI App
Powered by LIFF v2.1

Miniの説明動画
https://youtu.be/bpCX2zgFAM0

• Powered by LIFF v2.1
• LIFFをミニアプリとしてパブリッシング！

動画で紹介されていた新機能
• ShareTargetPicker リリース済！
• ミニマイズウィンドウ４月以降(予定)

https://prtimes.jp/main/html/rd/p/000000180.000014901.html
以前の専用
ネイティブア
プリは使える
までに5分か
かっていたが、
LINEなら
30秒！

https://prtimes.jp/main/html/rd/p/000000401.000011430.html

• LINEを起動
• 画面下のホームをタップ
• 画面上部のサービスをタップ
• 下にスクロールして「ジョルダン乗り換え案内」
などをクリック
• 認証画面が出るのでクリック
• LINEミニアプリが起動される
LINEミニアプリ起動方法

2020年はカジュアルに
ユーザーとつながる事が
重要！

ロイヤルカスタマーに
ネイティブアプリ(
担当者のKPI)を
押し付け続けてはいけない

イマ開発可能な
LINE内WEBアプリ

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/

LIFFでできること(一例)
• 企業公式アプリ
• ECサイト
• 公共系公式アプリ
• ブランドのカタログサイト
• クーポン/ポイントカード
• エンベッド動画（現在HLS非対応)
• ゲーム(リアルタイムな位置ゲームは不可)

LIFFの起動方法
• LINE公式アカウントのメッセージ通知やメ
ニューをクリック(オンライン起動)
• WEBサイトのURL(スキーム)からクリック
• LINE Beaconからのバナー/メッセージ通知を
クリック(店舗などのオフライン起動)
LIFFを起動するLINEは8300万人のアクティブユーザーがいるの
でインストールいらず！

MULTIPLE VIEW TYPE
compact tall full

LINE APP
LIFF SDK
AWS Cloud
エンドポイントURL
SDK call
User
LINE Front-end Framework(LIFF)
AWS Cloud
External Service
LIFF UI

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/

LOG 保存
DB参照/登録End Point Call
その他サービス
LIFF on AWS
プログラム
index.html
Gate way
参考 https://dev.classmethod.jp/cloud/tips-liff-apigw-lambda/
毎回S3へのアクセスは非効率なので、
Lambda初回起動時にメモリに保持させ
る(運用を考えて時間指定する)

AWSでLINE APIを使って
ユーザーとのカジュアルな接点作りを！

LINE公式アカウント
MessagingAPI
LIFF
LINEThings
LINEBotDesigner
LINEBeacon
LINEログイン
LINEPay
ローカルブラウザ
アプリインストールされない問題 ○ ○ ○ ▲
IoT系アプリインストールされない問題 ○
ユーザーのアプリ操作学習コスト ○
通知が届かない ○ ○
デザイン工数 ○
アプリのアカウント情報が端末交換時に引き継ぎがれない ○
店舗の呼び込みがきびしくなる ○ ○
ネイティブアプリに誘導したい ○ ○
WEBのUIも使いたい ○ ○
決済をセキュア&ユーザーの利便性を高める ○
LINE APIが
解決するその他の課題

• LIFFはHTML5とJava Scriptで実装可能
• バックエンドはAWSで自由に実装
• LINEの8300万人のトラフィックをさばくのは
クラウドがベスト
• サーバーレスでカジュアルに開発・運用！
• LINEならインストール障壁が低い
• LINEならメッセージもLINE公式アカウント連携で届く
• LINEなら端末交換時も情報は引き継がれる
• LIFFの利用は無料！
• LINE MINI Appにこうご期待！

その他の AWS &
LINE API ケース

LINE
LINE app
LINE
server
Messaging API
AWS Cloud
User
Web hook
API call
Messaging API

LINE Beacon
LINE
LINE
server
Messaging API
AWS Cloud
LINE Beacon
LINE app
Web hook
API call

API GATEWAY
LOG 保存
DB参照/登録
処理(※1)
Web hook 登録
自然言語理解(他サービス API コール)
※1 このケースではLambdaを前処理と後処理に分けているが、一つのLambdaでも処理は可能
LINE CHATBOT/LINE Beacon on AWS
後処理（ ※1 ）
Messaging API CALL

LINE
LINE
server
AWS Cloud
LINE Things(Automated BLE Communication)
IoT Device
LINE app
Web hook
API call
Messaging API

LINE
LINE
server
Messaging API
AWS Cloud
LINE Things(Automated BLE Communication)
IoT Device
LINE app
Web hook
API call
AWS Cloud
External Service

LINE APIでの
課題の解決方法
https://www.slideshare.net/hiroyukihiki/lineline-176623563

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/

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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

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

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

More from Hiroyuki Hiki

More from Hiroyuki Hiki (20)