Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Share Target Pickerで実装したいアレコレ
Search
cm-nakamura-yuki
March 25, 2020
Technology
0
8k
Share Target Pickerで実装したいアレコレ
2020/3/25 LINE Developer Community
https://linedevelopercommunity.connpass.com/event/171201/
cm-nakamura-yuki
March 25, 2020
Tweet
Share
More Decks by cm-nakamura-yuki
See All by cm-nakamura-yuki
AWS x LINE - LINE上でサービス提供するとき、AWSはどう使えばいい?
cmnakamura
0
2.6k
New CX using LINE
cmnakamura
0
3.4k
Developers.IO 2019 Tokyo Sapporo - 「LINEサービスを活用した新しい顧客体験を創造する」」
cmnakamura
1
1.8k
LINE, LINE Pay, Clovaで実現する新しい顧客体験
cmnakamura
1
1.2k
Other Decks in Technology
See All in Technology
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
210
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
540
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
200
偏光画像処理ライブラリを作った話
elerac
1
170
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
260
IAMのマニアックな話2025
nrinetcom
PRO
1
150
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.5k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
18k
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
エンジニアリング価値を黒字化する バリューベース戦略を用いた 技術戦略策定の道のり
kzkmaeda
6
2.5k
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.1k
CDKでカスタムランタイムを作成して、Lambdaをnode.js23+TypeScriptで動かしてみた
smt7174
2
110
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
For a Future-Friendly Web
brad_frost
176
9.6k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
370
Into the Great Unknown - MozCon
thekraken
35
1.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Invisible Side of Design
smashingmag
299
50k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Embracing the Ebb and Flow
colly
84
4.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Side Projects
sachag
452
42k
Transcript
> Yuki Nakamura > CX Div. / Solution Architect 2020.03.25
LINE DC: Share Target Pickerを試してみた Share Target Pickerで実装したいアレコレ
2 Ahoy! 中村 優輝 Yuki Nakamura Classmethod, Inc. CX Div.
- Solution Architect - Product Owner LINE API Expert
3 Developers.IOでLINE APIの紹介 http://developers.io or https://dev.classmethod.jp
4 今⽇伝えたいこと • ユーザー間のサービスを通したコミュニケーションの重要な機能 • 個⼈的な狙い⽬はミニアプリでの購買体験時 • まずはどんどん使おう︕
5 Share Target Picker • LIFFから⾃分の友だち(グループ)へメッセージ送信ができる機能 • Louis Vuitton, ジョルダン乗換案内(同等機能による実装)
シェア機能がサービスのコア機能になっている好事例
6 実装⽅法 • Web、Androidで利⽤可能(iOSは10.3以降リリース待ち) • Share Target Pickerの場合表⽰される認可が少ない liff.shareTargetPicker([ {
type: "text", text: "Hello, World!” } ]) .then( alert("ShareTargetPicker was launched") ) .catch( function(res) { alert("Failed to launch ShareTargetPicker") }) LIFF SDK内の動き(推測) 1. LINEログインで友だち、グループを選択 2. 選択したユーザーへメッセージを送信 するワンタイムトークン発⾏ 3. ワンタイムトークンを使いMessaging API で送信(アプリケーション側で相⼿先 を確認できない)
7 活⽤⽅法 Ex1. カフェのMOP(Mobile Order and Pay) and Delivery /
E-Ticket Share - コーヒーをミニアプリ(LIFFアプリ)で購⼊ - 受取番号、バーコード表⽰URLを友だちにシェア - 友だちが店舗で該当ページを提⽰しコーヒー受取 Ex2. 店舗予約 - アプリ上で店舗予約 - 店舗情報を友だちにシェア - 予約の更新、双⽅でコースや商品予約追加
8 気になっているポイント ユーザーが送信先を選択したかどうかを取得したい(Web) - 別タブで選択する以外のアクションがないためアプリ側のエラーハンドリン グなどが難しい どの友だちにシェアしたかを検知したい - シェアしたURLに特定の友だちだけアクセスできるように制限したい -
購買などは特にセンシティブなのでできると良さそう(PINコードなどで実装 がワークアラウンド)
9 いろんなユースケースに実装して、 サービスブラッシュアップしよう
10