Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは
Search
高原友樹
August 23, 2023
Programming
0
640
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは
【未経験者歓迎】LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】
高原友樹
August 23, 2023
Tweet
Share
More Decks by 高原友樹
See All by 高原友樹
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 開発Tips
takaharayuuki
0
420
LIFFでQRコードに埋め込んだIDと ユーザーのLINEIDを紐づける方法
takaharayuuki
0
930
Other Decks in Programming
See All in Programming
認証・認可の基本を学ぼう前編
kouyuume
0
200
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
210
DSPy Meetup Tokyo #1 - はじめてのDSPy
masahiro_nishimi
1
160
CSC509 Lecture 14
javiergs
PRO
0
220
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
6
310
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
380
AIエンジニアリングのご紹介 / Introduction to AI Engineering
rkaga
5
2k
チームをチームにするEM
hitode909
0
320
LLMで複雑な検索条件アセットから脱却する!! 生成的検索インタフェースの設計論
po3rin
2
690
関数実行の裏側では何が起きているのか?
minop1205
1
690
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
0
430
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
2
7.1k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
698
190k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
Bash Introduction
62gerente
615
210k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Code Reviewing Like a Champion
maltzj
527
40k
Raft: Consensus for Rubyists
vanstee
141
7.2k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Typedesign – Prime Four
hannesfritz
42
2.9k
What's in a price? How to price your products and services
michaelherold
246
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
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 +@の機能 + リリースに審査がいる