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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for 高原友樹 高原友樹
August 23, 2023
Programming
0
680

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

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

Avatar for 高原友樹

高原友樹

August 23, 2023
Tweet

More Decks by 高原友樹

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

Other Decks in Programming

See All in Programming
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
840
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
180
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
330
Metaprogramming isn't real, it can't hurt you
Avatar for Masafumi Okura okuramasafumi
0
100
Oxlint JS plugins
Avatar for kazupon kazupon
1
1k
Gemini for developers
Avatar for Mete Atamel meteatamel
0
100
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
620
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
390
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
440
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k

Featured

See All Featured
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
500
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
670
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
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 +@の機能 + リリースに審査がいる