Upgrade to Pro — share decks privately, control downloads, hide ads and more …

LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは

Avatar for 高原友樹 高原友樹
August 23, 2023
Programming
0
670

LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 LIFFとは

【未経験者歓迎】LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】

Avatar for 高原友樹

高原友樹

August 23, 2023
Tweet

More Decks by 高原友樹

See All by 高原友樹
LIFF/LINEミニアプリチュートリアル 【基礎知識と開発Tips編】 開発Tips
Avatar for 高原友樹 takaharayuuki
0
420
LIFFでQRコードに埋め込んだIDと ユーザーのLINEIDを紐づける方法
Avatar for 高原友樹 takaharayuuki
0
950

Other Decks in Programming

See All in Programming
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
Avatar for Ryo YOSHI welliving
3
850
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
350
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
Avatar for Tomohisa Takaoka tomohisa
0
120
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
220
AI Agent Dojo ＃4: watsonx Orchestrate ADK体験
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
140
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
620
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
110
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
180
SourceGeneratorのススメ
Avatar for tkym htkym
0
160
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
270
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
250
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
130

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
44
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
43
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
340
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
83
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k

Transcript

  1. LIFFとは https://developers.line.biz/ja/docs/liff/overview/ https://developers.line.biz/ja/services/liff/

  2. 今回の勉強会用のサンプルアプリを用意しました。 LIFFで作成したアンケートページがあります。 アンケートに答えていただくと Botがお礼をいいます。

  3. 今回の勉強会用のサンプルアプリを用意しました。 サンプルアプリのGithubリポジトリ https://github.com/Takaharayuuki/LINEDC_LIFF_study

  4. WebアプリにLIFFのSDKを組み込むことで使用できる 「CDNパスを指定する」 または 「npmパッケージを利用する」 npmパッケージを利用する例：

  5. https://developers.line.biz/ja/docs/liff/cli-tool-create-liff-app/

  6. LIFF SDKを組み込むと使ってできること https://developers.line.biz/ja/docs/liff/developing-liff-apps/#calling-liff-api https://developers.line.biz/ja/reference/liff/

  7. https://developers.line.biz/ja/docs/liff/overview/#line-api-use-case

  8. １. アプリのインストールや、会員登録、ログインの手間は不要で、 　 LINEのユーザ情報を連携できる 認証、認可画面 https://developers.line.biz/ja/docs/liff/overview/#line-api-use-case LIFF上でユーザ情報が取得できる ・IDトークン ・liff.getProfile() 許可する

  9. 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）」の場合の例

  10. LIFFアプリとLINEミニアプリの違い https://qiita.com/takahara_yuuki/items/23c7f77c9778287a54c2 簡潔に言うと LINEミニアプリ = LIFF +@の機能 + リリースに審査がいる