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
610
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
ビルドプロセスをデバッグしよう!
yt8492
0
160
ALL CODE BASE ARE BELONG TO STUDY
uzulla
28
6.8k
Inside of Swift Export
giginet
PRO
1
250
NIKKEI Tech Talk#38
cipepser
0
340
Vue 3.6 時代のリアクティビティ最前線 〜Vapor/alien-signals の実践とパフォーマンス最適化〜
hiranuma
2
330
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
1.9k
퇴근 후 1억이 거래되는 서비스 만들기 | 내가 AI를 사용하는 방법
maryang
1
150
Swift Concurrency 年表クイズ
omochi
3
210
外接に惑わされない自システムの処理時間SLIをOpenTelemetryで実現した話
kotaro7750
0
130
Dive into Triton Internals
appleparan
0
330
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
840
Software Architecture
hschwentner
6
2.4k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
186
22k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
A Tale of Four Properties
chriscoyier
161
23k
The Invisible Side of Design
smashingmag
302
51k
Fireside Chat
paigeccino
41
3.7k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
940
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
How to Think Like a Performance Engineer
csswizardry
27
2.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 +@の機能 + リリースに審査がいる