Slide 1

Slide 1 text

20210421ミニアプリNight LINEミニアプリ/LIFFのご紹介

Slide 2

Slide 2 text

Takuya Kanatani 株式会社神⼾デジタル・ラボ LINEを使ったアプリの企画/開発 Honde Next 地元企業のデジタル活⽤⽀援 LINE API Expert (ʻ19~) 技術評論社 SoftwareDesign はじめてのAIチャットボット開発を連載中

Slide 3

Slide 3 text

LINEミニアプリとは?

Slide 4

Slide 4 text

⾃社サービスを無料でLINE上に公開できるウェブアプリケーション プラットフォームです。LIFF(LINE Front-End Framework)上で実⾏されます。 ■LINEミニアプリの3つの特徴 LINEミニアプリとは? 出典:https://www.linebiz.com/jp/service/line-mini-app/ ダウンロード不要で 簡単なサービス起動 会員登録も簡略化 LINE内でログインなしで起動 お知らせはLINEで無料送信 (サービスメッセージ)

Slide 5

Slide 5 text

先⾏事例:スシロー受付/予約 来店予約情報⼊⼒ 予約完了 予約番号や 呼び出し通知 店舗検索や 待ち時間表⽰ https://liff.line.me/1621199246-zJXb0Rx4/

Slide 6

Slide 6 text

出典:https://youtu.be/TlVwVS0BIMw ロードマップ まさにこれからが楽しみな プラットフォームです!!

Slide 7

Slide 7 text

開発および公開の流れ 出典:https://developers.line.biz/ja/docs/line-mini-app/quickstart/#page-title 公開には審査が必要

Slide 8

Slide 8 text

開発および公開の流れ 出典:https://developers.line.biz/ja/docs/line-mini-app/quickstart/#page-title 公開には審査が必要 ただし、LINEミニアプリを作るための LIFFは既に公開されている。

Slide 9

Slide 9 text

⾃社サービスを無料でLINE上に公開できるウェブアプリケーションプラット フォームです。LIFF(LINE Front-End Framework)上で実⾏されます。 ■LINEミニアプリの3つの特徴 サービスメッセージ以外はLIFFだけで提供可能 出典:https://www.linebiz.com/jp/service/line-mini-app/ ダウンロード不要で 簡単なサービス起動 会員登録も簡略化 LINE内でログインなしで起動 お知らせはLINEで無料送信 (サービスメッセージ)

Slide 10

Slide 10 text

LIFFとは?

Slide 11

Slide 11 text

LIFFは、LINEが提供するウェブアプリのプラットフォームです ユーザーがLINEでLIFFのURLを開くと、LIFFブラウザでLIFFアプリが開きます。 LIFF (LINE Front-end Framework)とは? 出典:https://developers.line.biz/ja/docs/liff/overview/#operating-environment LIFFブラウザはLINE内で動作するため、 LIFFアプリはユーザーにログインを促 さなくてもユーザーデータにアクセス することができます。 また、LIFFブラウザはLIFFアプリを共 有したり、LIFFアプリから友だちに メッセージを送るなど、LINE特有の機 能を提供しています。

Slide 12

Slide 12 text

出典:https://developers.line.biz/ja/docs/liff/developing-liff-apps/#calling-liff-api LIFFでできること

Slide 13

Slide 13 text

出典:https://www.youtube.com/watch?v=L1mtehKl3wM LIFFで実現できるUI例

Slide 14

Slide 14 text

LIFFで実現できるUI例