Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20210421ミニアプリNight_LINEミニアプリ・LIFFのご紹介 /LINEMiniAppNight

20210421ミニアプリNight_LINEミニアプリ・LIFFのご紹介 /LINEMiniAppNight

LIFF×AWSで会員証アプリを作ろう!ハンズオン 2021.04.21 での登場技術紹介スライドです。
https://linedevelopercommunity.connpass.com/event/207836/
#LINEDC #LINE_API

Transcript

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

  2. Takuya Kanatani 株式会社神⼾デジタル・ラボ LINEを使ったアプリの企画/開発 Honde Next 地元企業のデジタル活⽤⽀援 LINE API Expert

    (ʻ19~) 技術評論社 SoftwareDesign はじめてのAIチャットボット開発を連載中
  3. LINEミニアプリとは?

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

    LINE内でログインなしで起動 お知らせはLINEで無料送信 (サービスメッセージ)
  5. 先⾏事例:スシロー受付/予約 来店予約情報⼊⼒ 予約完了 予約番号や 呼び出し通知 店舗検索や 待ち時間表⽰ https://liff.line.me/1621199246-zJXb0Rx4/

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

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

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

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

    LINE内でログインなしで起動 お知らせはLINEで無料送信 (サービスメッセージ)
  10. LIFFとは?

  11. 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特有の機 能を提供しています。
  12. 出典:https://developers.line.biz/ja/docs/liff/developing-liff-apps/#calling-liff-api LIFFでできること

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

  14. LIFFで実現できるUI例