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
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
210
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
1.3k
Codex CLI でつくる、Issue から merge までの開発フロー
Avatar for amata1219 amata1219
0
260
OTP を自動で入力する裏技
Avatar for Megabits_mzq megabitsenmzq
0
130
Tamach-sre-3_ANDPAD-shimaison93
Avatar for shimaison93 mane12yurks38
0
220
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.5k
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.4k
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
2
310
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
Avatar for hideki kinjyo o0h
PRO
0
180
「速くなった気がする」をデータで疑う
Avatar for Leaf senleaf24
0
120
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
240
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
220

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
140
How to make the Groovebox
Avatar for あそなす asonas
2
2.1k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.8k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
10k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.2k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
91
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
170
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k

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 +@の機能 + リリースに審査がいる