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

How LINE using LIFF in e-Commerce

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

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

More Decks by LINE Developers

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

Other Decks in Technology

See All in Technology
Docker Desktop不要の時代が来る？ WSL標準の「wslc」で Linuxコンテナを動かしてみた.
Avatar for ueponx ueponx
0
800
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
8.4k
なぜ私たちのSREプラクティスはなかなか機能しないのか 〜システムより先に組織を見る〜 / Why our SRE practices aren't really working
Avatar for VTRyo vtryo
1
2.5k
テスト設計の本質を改めて考えてみる～生成AIを活用する時代だからこそ、作ったテストの説明性を高めよう～
Avatar for YAMASAKI Takashi yamasaki696
1
390
脱金融のフューチャー・デザイン / Future Design Beyond Finance
Avatar for Kenji Saito ks91
PRO
0
140
“全部コピーしない”ファイルデータの活用 ： — FSx for ONTAP × S3 Tables × Icebergで作るメタデータカタログ
Avatar for Yoshiki Fujiwara yoshiki0705
0
550
Foxgloveについて 実際にExtensionを開発して公開するまでの話 / About Foxglove: The Story of Developing and Releasing an Extension
Avatar for Ryo Kabutan ry0_ka
0
180
勉強会企画をアプリで構造化してみた 〜そこで見えた、AIとの付き合い方〜 / I've structured a study group plan using an app.
Avatar for Pauli pauli
0
330
はじめてのWDM
Avatar for miyukichi_ospf miyukichi_ospf
1
120
キャリアの中で本を作る / Making a Book During Your Career
Avatar for akihisa1210 ak1210
0
120
FinOps X 2026 Recap from Engineer Side #JapanFinOps
Avatar for Satoshi Matsuzawa (Matt) chacco38
0
270
AI駆動開発におけるQAエンジニアの役割事例 〜AI駆動開発の現場から〜
Avatar for Yorimitsu Kobayashi kobayashiyorimitsu
0
400

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
460
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.7k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
310
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
230
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.3k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
270
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
220

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