$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは
Search
高原友樹
August 23, 2023
Programming
0
630
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
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
460
【CA.ai #3】Google ADKを活用したAI Agent開発と運用知見
harappa80
0
260
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
5
270
AIコーディングエージェント(NotebookLM)
kondai24
0
130
Module Harmony
petamoriken
2
610
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
6
1.2k
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
east_takumi
0
300
新卒エンジニアのプルリクエスト with AI駆動
fukunaga2025
0
150
「文字列→日付」の落とし穴 〜Ruby Date.parseの意外な挙動〜
sg4k0
0
360
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
ttskch
3
730
『実践MLOps』から学ぶ DevOps for ML
nsakki55
2
550
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
6
1.9k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
700
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Statistics for Hackers
jakevdp
799
230k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
The Pragmatic Product Professional
lauravandoore
37
7.1k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
380
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.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 +@の機能 + リリースに審査がいる