$30 off During Our Annual Pro Sale. View Details »

How LINE using LIFF in e-Commerce

Avatar for LINE Developers LINE Developers
June 04, 2019
Technology
0
440

How LINE using LIFF in e-Commerce

LINE Thailand Developer Conference 2019
https://www.facebook.com/events/410021356453349/

Avatar for LINE Developers

LINE Developers

June 04, 2019
Tweet

More Decks by LINE Developers

See All by LINE Developers
LINEスタンプのSREing事例集：大きなスパイクアクセスを捌くためのSREing
Avatar for LINE Developers line_developers
3
2.4k
Java 21 Overview
Avatar for LINE Developers line_developers
6
1.2k
Code Review Challenge: An example of a solution
Avatar for LINE Developers line_developers
1
1.5k
KARTEのAPIサーバ化
Avatar for LINE Developers line_developers
1
590
著作権とは何か？〜初歩的概念から権利利用法、侵害要件まで
Avatar for LINE Developers line_developers
5
2.2k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
Avatar for LINE Developers line_developers
3
2.3k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
Avatar for LINE Developers line_developers
9
3.7k
A/B Testing at LINE NEWS
Avatar for LINE Developers line_developers
3
1k
LINEのサポートバージョンの考え方
Avatar for LINE Developers line_developers
2
1.4k

Other Decks in Technology

See All in Technology
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
410
Lookerで実現するセキュアな外部データ提供
Avatar for ZOZO Developers zozotech
PRO
0
150
ExpoのインダストリーブースでみたAWSが見せる製造業の未来
Avatar for 濱田孝治 hamadakoji
0
130
RAG/Agent開発のアップデートまとめ
Avatar for sakai taka0709
0
180
[デモです] NotebookLM で作ったスライドの例
Avatar for Takaaki Tanaka kongmingstrap
0
160
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
Avatar for Nakao Yushin yushin_n
0
220
re:Invent2025 3つの Frontier Agents を紹介 / introducing-3-frontier-agents
Avatar for tomoki10 tomoki10
0
210
Databricks向けJupyter Kernelでデータサイエンティストの開発環境をAI-Readyにする / Data+AI World Tour Tokyo After Party
Avatar for GENDA genda
1
500
re:Invent2025 コンテナ系アップデート振り返り(+CloudWatchログのアップデート紹介)
Avatar for 枡川健太郎 masukawa
0
380
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
Avatar for Tomohiro Hashidate joker1007
8
4.8k
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
Avatar for emi emiki
0
210
OCI Oracle Database Services新機能アップデート(2025/09-2025/11)
Avatar for oracle4engineer oracle4engineer
PRO
1
210

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k

Transcript

  1. NATI NAMVONG LEAD E-COMMERCE ENGINEER LINE THAILAND HOW LINE USING

    LIFF IN E-COMMERCE

  2. AGENDA What is LIFF? LIFF in LINE E-Commerce Let’s LIFF

  3. WHAT IS LIFF?

  4. LIFF LINE Front-end Framework

  5. WebView that allows seamless integration between LINE and WEB

  6. LINE LIFF WebView Web line://app/123 In App Browser WebView Web

    https://www.xyz.com LIFF SDK

  7. getProfile Data sendMessages closeWindow openWindow Action Context language type viewType

    LIFF API

  8. context.type utou : One-on-one chat room : Room group :

    Group none : Not in a chat screen

  9. compact tall full context.viewType

  10. liff.getProfile() • userId • displayName • pictureUrl • statusMessage

  11. liff.sendMessages() • Text • Image • Video • Audio •

    Location • Template • Flex Message

  12. liff.openWindow() liff.closeWindow()

  13. LIFF !== Chatbot

  14. ENHANCE USER EXPERIENCE

  15. LINE CAFE’ LIFF + LINE Pay

  16. LIFF IN LINE E-COMMERCE