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

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

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

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
400
LIFFでQRコードに埋め込んだIDと ユーザーのLINEIDを紐づける方法
Avatar for 高原友樹 takaharayuuki
0
880

Other Decks in Programming

See All in Programming
リッチエディターを安全に開発・運用するために
Avatar for una unachang113
1
310
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
Avatar for Akira Suenami a_suenami
8
1.1k
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ～継続的な取り組みを添えて～
Avatar for Takuya TAKAHASHI takutakahashi
4
1.4k
GPUを計算資源として使おう！
Avatar for prime number primenumber
1
300
Vibe coding コードレビュー
Avatar for kinopee kinopeee
0
340
ZeroETLで始めるDynamoDBとS3の連携
Avatar for afooooil afooooil
0
130
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
Avatar for ktr ktr_0731
3
800
階層化自動テストで開発に機動力を
Avatar for ICKX ickx
1
450
Git Sync を超える！OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
Avatar for Tetsuya Kikuchi tkikuc
4
480
Quality Gates in the Age of Agentic Coding
Avatar for Hélio Medeiros helmedeiros
PRO
1
110
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
Avatar for teamLab teamlab
PRO
0
250
Android 15以上でPDFのテキスト検索を爆速開発！
Avatar for tonionagauzzi tonionagauzzi
0
170

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
Side Projects
Avatar for Sacha Greif sachag
455
43k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k

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 +@の機能 + リリースに審査がいる