シェアターゲットピッカーの基本をマスターする

LIFFアプリでメッセージ共有を可能にする「シェアターゲットピッカー」の基本を凝縮してまとめたスライドです。
【主な内容】
・機能の概要と特徴: ユーザーが送信先を選択し、画像や動画などのリッチなメッセージを共有できるAPIの仕組みを解説
・実装方法: liff.shareTargetPicker メソッドの使用法や、Messaging APIと共通のメッセージオブジェクトの扱いを紹介
・開発時の注意点: Developersコンソールでの機能有効化や、外部ブラウザ利用時のLINEログインに関する要件を網羅

初めてシェア機能を実装する方から、基本仕様を素早くキャッチアップしたい開発者まで、幅広く活用いただける内容になっています。

※2024/8/3に開催されたLT会の登壇資料となります。
イベントページ：https://linedevelopercommunity.connpass.com/event/325390/
動画：https://youtu.be/F2uAdAWdUqw?si=OarQrAMQdjl7YI23

Transcript

1. シェアターゲットピッカーの 基本をマスターする LIFFのAPIを使いこなす
2. course_k 北海道札幌市出身、仙台市在住 ITエンジニア歴が丸6年 エンジニアの前は塾講師(3年ほど) 最近は TypeScript/Node.js(Express)/ Reactを書いている 先日Qiitaの投稿マラソンで38記事 書ききりました Qiitaプロフィールページ
3. シェアターゲットピッカーとは
4. シェアターゲットピッカーとは LIFFアプリで使用できるAPI
5. 補足：LIFFとは LINE Front-end Frameworkの略 Webアプリのプラットフォーム LINEとの連携をスムーズに行える 通常のブラウザからもアクセスできる
6. シェアターゲットピッカーとは メッセージを共有するのに使う 送信先をユーザーが選択することができる LIFFアプリで使用できるAPI
7. シェアターゲットピッカーの特徴 メッセージの送信先をユーザーが選択できる 画像、動画、音声などリッチなメッセージを送信できる
8. シェアターゲットピッカーの利用シーン 画像出典:シェアターゲットピッカー | LINE API Use Case
9. 実際に使ってみた
10. 実装の方法 liff.shareTargetPicker([ { type: "text", text: message, }, ]); メッセージオブジェクトの配列を渡す →Messaging APIで使われるものと同じ
11. 実装時の注意 機能を有効化しておく必要あり →Developersコンソールから LINEログインしてないと使えない →外部ブラウザからのアクセスの場合、要注意
12. 実際のデモアプリ
13. ネタ元（拙記事） • できるLIFFアプリ開発者になるための基本のシェアター ゲットピッカー • LIFFアプリ開発徹底入門