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

LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは

Avatar for 高原友樹 高原友樹
August 23, 2023
Programming
700
0

LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは

【未経験者歓迎】LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】

Avatar for 高原友樹

高原友樹

August 23, 2023

More Decks by 高原友樹

See All by 高原友樹
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 開発Tips
Avatar for 高原友樹 takaharayuuki
0
430
LIFFでQRコードに埋め込んだIDと ユーザーのLINEIDを紐づける方法
Avatar for 高原友樹 takaharayuuki
0
960

Other Decks in Programming

See All in Programming
Symfonyの特性(設計思想)を手軽に活かす特性(trait)
Avatar for ICKX ickx
0
110
AIと共にエンジニアとPMの “二刀流”を実現する
Avatar for Naruo Yoshiki naruogram
0
110
Smarter Angular mit Transformers.js & Prompt API
Avatar for Christian Liebel christianliebel
PRO
1
110
Linux Kernelの1文字のミスで 権限昇格ができた話
Avatar for rona rqda
0
2.2k
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
360
Coding at the Speed of Thought: The New Era of Symfony Docker
Avatar for Kévin Dunglas dunglas
0
3.5k
Claude Code Skill入門
Avatar for maya mayahoney
0
450
20260320登壇資料
Avatar for 松井遼(まついはるか) pharct
0
140
安いハードウェアでVulkan
Avatar for Fadis fadis
1
850
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
360
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
2
310
存在論的プログラミング： 時間と存在を記述する
Avatar for Akihito Koriyama koriym
5
590

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.1k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
500
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.9k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k

Transcript

  1. LIFFとは https://developers.line.biz/ja/docs/liff/overview/ https://developers.line.biz/ja/services/liff/

  2. 今回の勉強会用のサンプルアプリを用意しました。 LIFFで作成したアンケートページがあります。 アンケートに答えていただくと Botがお礼をいいます。

  3. 今回の勉強会用のサンプルアプリを用意しました。 サンプルアプリのGithubリポジトリ https://github.com/Takaharayuuki/LINEDC_LIFF_study

  4. WebアプリにLIFFのSDKを組み込むことで使用できる 「CDNパスを指定する」 または 「npmパッケージを利用する」 npmパッケージを利用する例：

  5. https://developers.line.biz/ja/docs/liff/cli-tool-create-liff-app/

  6. LIFF SDKを組み込むと使ってできること https://developers.line.biz/ja/docs/liff/developing-liff-apps/#calling-liff-api https://developers.line.biz/ja/reference/liff/

  7. https://developers.line.biz/ja/docs/liff/overview/#line-api-use-case

  8. １. アプリのインストールや、会員登録、ログインの手間は不要で、 　 LINEのユーザ情報を連携できる 認証、認可画面 https://developers.line.biz/ja/docs/liff/overview/#line-api-use-case LIFF上でユーザ情報が取得できる ・IDトークン ・liff.getProfile() 許可する

  9. 2. ボットリンク機能を使うことで、友達登録を促せる https://developers.line.biz/ja/docs/line-login/link-a-bot/#page-title https://developers.line.biz/ja/docs/liff/registering-liff-apps/#registering-liff-app LIFFアプリへの 初回アクセス 「On（Aggressive）」の場合の例

  10. LIFFアプリとLINEミニアプリの違い https://qiita.com/takahara_yuuki/items/23c7f77c9778287a54c2 簡潔に言うと LINEミニアプリ = LIFF +@の機能 + リリースに審査がいる