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

How LINE using LIFF in e-Commerce

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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.3k
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
610
著作権とは何か？〜初歩的概念から権利利用法、侵害要件まで
Avatar for LINE Developers line_developers
5
2.3k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
Avatar for LINE Developers line_developers
3
2.4k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
Avatar for LINE Developers line_developers
9
3.9k
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
今日から始められるテスト自動化 〜 基礎知識から生成AI活用まで 〜
Avatar for MagicPod magicpod
1
120
脳が溶けた話 / Melted Brain
Avatar for Keisuke69 keisuke69
1
820
モジュラモノリス導入から4年間の総括：アーキテクチャと組織の相互作用について / Architecture and Organizational Interaction
Avatar for Satoshi Kawashima nazonohito51
3
1.6k
FastMCP OAuth Proxy with Cognito
Avatar for iganin hironobuiga
3
150
AIエージェント×GitHubで実現するQAナレッジの資産化と業務活用 / QA Knowledge as Assets with AI Agents & GitHub
Avatar for Hitsuji tknw_hitsuji
0
180
イベントで大活躍する電子ペーパー名札を作る（その２） 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
Avatar for you（@youtoy） you
PRO
0
190
Kiro Meetup #7 Kiro アップデート (2025/12/15〜2026/3/20)
Avatar for Katz Ueno katzueno
2
240
Goのerror型がシンプルであることの恩恵について理解する
Avatar for yamatai12 yamatai1212
1
300
スピンアウト講座01_GitHub管理
Avatar for overflow ,Inc overflowinc
0
1.2k
The Rise of Browser Automation: AI-Powered Web Interaction in 2026
Avatar for Marc Thompson marcthompson_seo
0
300
A4）シラバスを超えて語る、テストマネジメント
Avatar for Sammy(MoritaMasami) moritamasami
0
120
20年以上続く PHP 大規模プロダクトを Kubernetes へ ── クラウド基盤刷新プロジェクトの4年間
Avatar for Yuichi Sugiyama oogfranz
PRO
0
160

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
160
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
290
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
88
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
200
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
11k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
430
How to make the Groovebox
Avatar for あそなす asonas
2
2k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
200

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