LIFF&LINEミニアプリの基礎&おさらい

7K Views

October 16, 24

スライド概要

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

【祝LINEミニアプリ フルOPEN※】 LIFF/ミニアプリの基礎、最新情報から事例までおさらい会 LIFF/LINEミニアプリの基礎&おさらい 2024.10.15 捧 隆二 1

2.

自己紹介 捧 隆二 (ささげ りゅうじ) ITエンジニア Arahabica @Arahabica1 大学院在学中に大阪でITスタートアップを起業。 上京後、外資系ITコンサル、フィンテック企業を経験。 2019年にボイスアップラボの創業メンバーとして参画。LINE関連 の開発に従事。 LINE BOOT AWARDS 2018 部門賞受賞。2021年よりLINE API Expert。 趣味は温泉めぐり。 2

3.

目次 1. LINEミニアプリ開放の歴史 2. LINEミニアプリとは? 3. ミニアプリとLIFFアプリの違いは? 4. LIFF SDK 5. Service Message 6. 友だち追加オプション 3

4.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 4

5.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 5

6.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 6

7.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 7

8.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 8

9.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 9

10.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 10

11.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 11

12.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 12

13.

2024.09.20 LINEログインとLIFFのロードマップが 公開される 13

14.

2024.09.20 LINEログインとLIFFのロードマップが 公開される https://developers.line.biz/ja/docs/line-login/roadmap/ 14

17.

審査なしで 「未認証ミニアプリ」 が公開できるように 17

18.

LINEミニアプリ開放の歴史 2019.06 LINE Conferenceで発表 一部パートナーが先行スタート 2020.07 事前審査の開始 2022.05 事前審査の撤廃 リリース審査は継続 2024.10~12(?) リリース審査の撤廃 18

19.

LINEミニアプリ開放の歴史 2019.06 LINE Conference で発表 2020.07 ミニアプリの企画提出 by VoiceApp Lab 2020.07 事前審査の開始 2022.05 事前審査の撤廃 リリース審査は継続 2020.12 企画のリジェクト 2024.10~12(?) リリース審査の撤廃 19

20.

LINEミニアプリとは? 20

21.

LINEミニアプリとは? • LINEアプリ上で動作するアプリです。 • インストール・認証操作不要ですぐに使い始められます。 • 公式アカウントとの連携も可能 21

22.

活用場面 • 店内モバイルオーダー • 順番待ち・予約 • 会員証 出典: https://www.linebiz.com/jp/service/line-mini-app/ 22

23.

ミニアプリの例 1/3 23

24.

ミニアプリの例 2/3 24

25.

ミニアプリの例 3/3 25

26.

LINEミニアプリとは?(より技術的に) • LINEアプリ上で動作するアプリです。 • 基本はHTMLで動作するWebアプリです。 • LIFF(LINE Front-end Framework)上で実行されます。 • 起動後すぐにユーザーの情報を取得することできます。 • 無料で通知メッセージを送ることができる(Service Message) • 公式アカウントの連携が可能 • 友だち追加の誘導機能もある(友だち追加オプション) 26

27.

LIFFアプリとは? • LINEアプリ上で動作するアプリです。 • 基本はHTMLで動作するWebアプリです。 • LIFF(LINE Front-end Framework)上で実行されます。 • 起動後すぐにユーザーの情報を取得することできます。 • 公式アカウントの連携が可能 27

28.

ミニアプリとLIFFアプリの違いは? 28

29.

Service Message と 友だち追加オプション です 29

30.

ミニアプリとLIFFアプリの違い • Service Messageと友だち追加オプションです。 • Service Message • 無料で通知メッセージを送ることができる機能 • 友だち追加オプション • 友だち追加の誘導 ※他にも細かい違いはあります 30

31.

ミニアプリ・LIFFアプリ・Webアプリの共通点 ミニアプリ・LIFFアプリ・ Webアプリ • HTML・JavaScript・CSSで開発可能 ミニアプリ・LIFFアプリ • LIFF SDKが利用可能 • LINEのユーザー情報が起動後すぐに活用できる ミニアプリ • Service Message • 友だち追加オプション 31

32.

目次 1. LINEミニアプリ開放の歴史 2. LINEミニアプリとは? 3. ミニアプリとLIFFアプリの違いは? 4. LIFF SDK 5. Service Message 6. 友だち追加オプション 32

33.

LIFF SDK 33

34.

LIFF SDK • JavaScriptライブラリ • npmでインストールする場合 • CDNでインストールする場合 • LINEアプリ上でミニアプリ・LIFFアプリとして動かすとLINEのユーザー 情報の取得・連携が可能 34

35.

LIFF SDKのよく使うAPI • liff.init • liffの初期化。liffの機能を使う前の初期化処理。 • liff.getProfile • ユーザーのプロフィールの取得 • liff.getAccessToken • アクセストークンの取得。サーバーに送ると認証(認可)が可能。 • liff.getIDToken • IDトークンの取得。サーバーに送ると認証が可能。 35

36.

liff.init • liffの初期化を行う 36

37.

liff.getProfile • ユーザーのプロフィールの取得 37

38.

liff.getAccessToken • アクセストークンの取得。サーバーに送ると認証(認可)が可能。 38

39.

liff.getIDToken • IDトークンの取得。サーバーに送ると認証が可能。 39

40.

Service Message 40

41.

Service Message • ユーザーのミニアプリ上のアクションに対する 確認や応答として送信できるメッセージ • 無料で送れる • 「LINEミニアプリ お知らせ」というアカウント にメッセージは送られる 41

42.

Service Message • ユーザーのミニアプリ上のアクションに対する 確認や応答として送信できるメッセージ • 無料で送れる • 「LINEミニアプリ お知らせ」というアカウント にメッセージは送られる 42

43.

Service Messageの通知回数の制限 • ユーザーの操作1回に対して5回までメッセージを送信できる https://developers.line.biz/ja/docs/line-mini-app/develop/service-messages 43

44.

Service Messageの内容の制限 • テンプレートに則ったメッセージしか送信できない • 変数部分を穴埋めしていくイメージ • テンプレートは100種類以上の中から選べる 44

45.

Service Messageの内容の制限 45

46.

Service Messageの内容の制限 46

47.

無料で通知といえば、 LINE Notifyは? 47

48.

LINE Notify 2025/03/31をもってサービス終了 48

49.

Service MessageとLINE Notify Service Message • リッチなデザインが使える • テンプレートに沿ったメッセージしか送れない • ユーザーのアクション1回につき5回しか送れない LINE Notify • テキストと画像しか送れない • メッセージの内容は自由 • いつでもほぼ無制限に送れる。(1ユーザーにつき1時間に1,000回まで) 49

50.

友だち追加オプション 50

51.

友だち追加オプション • 初回ミニアプリ起動時の認証画面に 友だち追加オプションを表示可能 • デフォルトでONにすることも可能 • 友だち数増加が見込める • 認証プロバイダーである必要あり 51

52.

友だち追加オプション • 初回ミニアプリ起動時の認証画面に 友だち追加オプションを表示可能 • デフォルトでONにすることも可能 • 友だち数増加が見込める • 認証プロバイダーである必要あり 52

53.

友だち追加オプション • 初回ミニアプリ起動時の認証画面に 友だち追加オプションを表示可能 • デフォルトでONにすることも可能 • 友だち数増加が見込める • 認証プロバイダーである必要あり 53

54.

これからLIFFアプリを作る意味はある? 54

55.

これからLIFFアプリを作る意味はある? もはやあまりないかも 55

56.

これからLIFFアプリを作る意味はある? もはやあまりないかも 審査がないのが 唯一のアドバンテージだった? 56

59.

新しい機能もミニアプリ優先になっていく? 59

60.

まとめ ミニアプリ・LIFFアプリ • Webの技術で作成できる • LIFF SDKが利用可能 • LINEのユーザー情報が起動後すぐに活用できる ミニアプリ • Service Message • 無料で通知メッセージ • 友だち追加オプション • デフォルトONで友だち数増加 60

61.

ご清聴ありがとうございました 61