Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは
Search
高原友樹
August 23, 2023
Programming
0
510
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは
【未経験者歓迎】LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】
高原友樹
August 23, 2023
Tweet
Share
More Decks by 高原友樹
See All by 高原友樹
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 開発Tips
takaharayuuki
0
380
LIFFでQRコードに埋め込んだIDと ユーザーのLINEIDを紐づける方法
takaharayuuki
0
860
Other Decks in Programming
See All in Programming
テスト分析入門/Test Analysis Tutorial
goyoki
10
2.6k
【TSkaigi 2025】これは型破り?型安全? 真実はいつもひとつ!(じゃないかもしれない)TypeScript クイズ〜〜〜〜!!!!!
kimitashoichi
1
290
Agent Rules as Domain Parser
yodakeisuke
1
210
primeNumberでのRBS導入の現在 && RBS::Traceでinline RBSを拡充してみた
mnmandahalf
0
230
AI Coding Agent Enablement in TypeScript
yukukotani
15
6.4k
AIエージェントによるテストフレームワーク Arbigent
takahirom
0
230
『Python → TypeScript』オンボーディング奮闘記
takumi_tatsuno
1
120
TSConfigからTypeScriptの世界を覗く
planck16
2
1.2k
Cloudflare Workersで進めるリモートMCP活用
syumai
13
1.9k
Rethinking Data Access: The New httpResource in Angular
manfredsteyer
PRO
0
200
PT AI без купюр
v0lka
0
170
try-catchを使わないエラーハンドリング!? PHPでResult型の考え方を取り入れてみよう
kajitack
3
190
Featured
See All Featured
Speed Design
sergeychernyshev
30
960
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
740
Automating Front-end Workflow
addyosmani
1370
200k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
4 Signs Your Business is Dying
shpigford
183
22k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Art, The Web, and Tiny UX
lynnandtonic
298
21k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Navigating Team Friction
lara
185
15k
Making the Leap to Tech Lead
cromwellryan
133
9.3k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
Transcript
LIFFとは https://developers.line.biz/ja/docs/liff/overview/ https://developers.line.biz/ja/services/liff/
今回の勉強会用のサンプルアプリを用意しました。 LIFFで作成したアンケートページがあります。 アンケートに答えていただくと Botがお礼をいいます。
今回の勉強会用のサンプルアプリを用意しました。 サンプルアプリのGithubリポジトリ https://github.com/Takaharayuuki/LINEDC_LIFF_study
WebアプリにLIFFのSDKを組み込むことで使用できる 「CDNパスを指定する」 または 「npmパッケージを利用する」 npmパッケージを利用する例:
https://developers.line.biz/ja/docs/liff/cli-tool-create-liff-app/
LIFF SDKを組み込むと使ってできること https://developers.line.biz/ja/docs/liff/developing-liff-apps/#calling-liff-api https://developers.line.biz/ja/reference/liff/
https://developers.line.biz/ja/docs/liff/overview/#line-api-use-case
1. アプリのインストールや、会員登録、ログインの手間は不要で、 LINEのユーザ情報を連携できる 認証、認可画面 https://developers.line.biz/ja/docs/liff/overview/#line-api-use-case LIFF上でユーザ情報が取得できる ・IDトークン ・liff.getProfile() 許可する
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)」の場合の例
LIFFアプリとLINEミニアプリの違い https://qiita.com/takahara_yuuki/items/23c7f77c9778287a54c2 簡潔に言うと LINEミニアプリ = LIFF +@の機能 + リリースに審査がいる