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
ローカルLLMとLINE Botの組み合わせ その2（EVO-X2でgpt-oss-120bを利用） / LINE DC Generative AI Meetup #7
Avatar for you（@youtoy） you
PRO
0
140
「改善」ってこれでいいんだっけ？
Avatar for うきぐも / すずき ukigmo_hiro
0
390
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
Avatar for katsuhisa_ katsuhisa91
PRO
0
790
「魔法少女まどか☆マギカ Magia Exedra」の多様なバトルの開発を柔軟かつ効率的に実現するためのPure C#とUnityの分離について
Avatar for gree_tech gree_tech
PRO
0
230
Click A, Buy B: Rethinking Conversion Attribution in ECommerce Recommendations
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
120
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地（S3）まで見に行く
Avatar for camay kameitomohiro
1
370
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
Avatar for Leko leko
2
160
クラウドとリアルの融合により、製造業はどう変わるのか？〜クラスメソッドの製造業への取組と共に〜
Avatar for 濱田孝治 hamadakoji
0
270
「魔法少女まどか☆マギカ Magia Exedra」のIPのキャラクターを描くための3Dルック開発
Avatar for gree_tech gree_tech
PRO
0
130
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
Avatar for R-Miura r_miura
1
270
Biz職でもDifyでできる！ 「触らないAIワークフロー」を実現する方法
Avatar for kanacan igarashikana
3
1.3k
もう外には出ない。より快適なフルリモート環境を目指して
Avatar for もっち mottyzzz
10
5.9k

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
560
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
610
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k

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