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
430

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

Other Decks in Technology

See All in Technology
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
Avatar for Yuji Kobayashi lehupa
0
160
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
Avatar for Koji Miyata miyatakoji
1
170
なぜAWSを活かしきれないのか？技術と組織への処方箋
Avatar for NRI Netcom nrinetcom
PRO
4
800
OCI Network Firewall 概要
Avatar for oracle4engineer oracle4engineer
PRO
2
7.9k
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
Avatar for shonansurvivors shonansurvivors
4
440
エンタメとAIのための3Dパラレルワールド構築（GPU UNITE 2025 特別講演）
Avatar for Preferred Networks pfn
PRO
0
260
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
Avatar for 弁護士ドットコム bengo4com
1
2.4k
ComposeではないコードをCompose化する case ビズリーチ / DroidKaigi 2025 koyasai
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
110
AWSでAgentic AIを開発するための前提知識の整理
Avatar for Kiminori Yokoi nasuvitz
1
110
これがLambdaレス時代のChatOpsだ！実例で学ぶAmazon Q Developerカスタムアクション活用法
Avatar for iwamot iwamot
PRO
6
1k
Codexとも仲良く。CodeRabbit CLIの紹介
Avatar for Atsushi Nakatsugawa moongift
PRO
0
180
速習AGENTS.md：5分で精度を上げる "３ブロック" テンプレ
Avatar for Izumu KUSUNOKI ismk
6
1.1k

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
980
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
61k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Fireside Chat
Avatar for paigeccino paigeccino
40
3.7k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
900

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