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
590
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは
【未経験者歓迎】LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】
高原友樹
August 23, 2023
Tweet
Share
More Decks by 高原友樹
See All by 高原友樹
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 開発Tips
takaharayuuki
0
410
LIFFでQRコードに埋め込んだIDと ユーザーのLINEIDを紐づける方法
takaharayuuki
0
910
Other Decks in Programming
See All in Programming
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
240
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
440
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
560
チームの境界をブチ抜いていけ
tokai235
0
180
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.2k
ALL CODE BASE ARE BELONG TO STUDY
uzulla
25
6.3k
CSC509 Lecture 03
javiergs
PRO
0
340
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
230
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
170
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
290
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
130
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Navigating Team Friction
lara
190
15k
Building Applications with DynamoDB
mza
96
6.7k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Into the Great Unknown - MozCon
thekraken
40
2.1k
What's in a price? How to price your products and services
michaelherold
246
12k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Automating Front-end Workflow
addyosmani
1371
200k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
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 +@の機能 + リリースに審査がいる