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
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
600
著作権とは何か？〜初歩的概念から権利利用法、侵害要件まで
Avatar for LINE Developers line_developers
5
2.3k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
Avatar for LINE Developers line_developers
3
2.3k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
Avatar for LINE Developers line_developers
9
3.8k
A/B Testing at LINE NEWS
Avatar for LINE Developers line_developers
3
1.1k
LINEのサポートバージョンの考え方
Avatar for LINE Developers line_developers
2
1.4k

Other Decks in Technology

See All in Technology
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
140
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
120
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
510
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
30万人の同時アクセスに耐えたい！新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
Avatar for GENDA genda
3
1.2k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
230
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
630
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
330
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
540
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
160
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
240

Featured

See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
120
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
75
It's Worth the Effort
Avatar for 3n 3n
188
29k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
680
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.2k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
84

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