LIFFとLINE SDKの昨今 御代田 亮平（LINE株式会社 Product Manager, Developer Products） Bot Developers Meetup - LINE Bot開発者の勉強会 https://line.connpass.com/event/95135/

1. LIFFとLINE SDKの昨今
Ryohei N. Miyota
Product Manager, Developer Products, LINE Corp.
@josolennoso
Developers

2. FOLLOW US!!
@LINE_DEV
https://github.com/line
Developers

3. ⾃⼰紹介
• プロダクトマネージャー
• @デベロッパープロダクトチーム
• 東京オフィス -> 京都オフィス
• Google -> Twitter -> LINE
Developers

4. LOGIN WEB LINE内部/外部、デスクトップ/モバイルのLINEロ
グイン機能全般
Native SDK iOSもAndroidも
Graph API ソーシャルグラフサービス. 現状はパートナー向け
のみだが…
LIFF Components LIFFの拡張機能
担当プロダクト
Developers

5. LOGIN WEB BOT IoT
Native SDK LINE Pay etc…
Graph API Social Plugin
LIFF Components Developer Center
DEVELOPER PRODUCTS @ LINE
Developers

6. よく頂くフィードバック
(LIFF) Loginとの親和性が良くない
(LIFF) 専⽤のウェブアプリをデザイン・開発するのが億劫
(SDK) LINE GAMEが使っているようなソーシャルグラフを使いたい
(SDK) トーク周りの機能を使いたい
Developers

7. ✓プロダクト間の⼀貫性
✓プロダクト同⼠の親和性
✓開発者側の負担を減らしたい
LINEの⽬指すところ
Developers

8. NATIVE SDK
LINE LOGIN
COMPONENT
LIFF SDK
Current Phase
Developers

9. NATIVE SDK
LIFF SDK
LINE LOGIN
COMPONENT
Next Phase
Developers

10. LIFFの昨今
LINE
LIFF
LIFF Server Login Server
Login Token
LIFF Token
LIFF Token
+ Login Token
Implicitly pass
LIFF + Login Token Developers

11. LIFFでLOGINのSCOPEを使えるように
Developers

12. LIFFを外部ブラウザで使えるように
Developers

13. OAuth2に出てくる、アクセス許可を取得したいユーザーリソースを指定するパラメーター
現在LIFFではユーザーからの認可を取れるscopeはprofileとchat_messageのみ
**Loginのscopeの例
https://access.line.me/oauth2/v2.1/
authorize?response_type=code&client_id=123456&redirect
_uri=https%3A%2F%2Ftimeline.line.me&state=1234&scop
e=openid%20email%20profile
SCOPEとは
Developers

14. ユーザーからの認可を取れるscopeはprofileと
chat_messageのみ
内部的にはprofile -> Login Token, chat_message ->
LIFF Tokenというように使い分けている
Login TokenとLIFF Tokenのセキュリティ許容度・⽣存
時間の都合上
SCOPEとTOKENの関係
Developers

15. Bot Token、LIFF Token、Login Token
だいたいJWS
Token ≒ JWS(channel_id, userId, expire_at, permissions)
TOKENS @ LINE
Developers

16. LIFFの昨今
LINE
LIFF
LIFF Server Login Server
Login Token
LIFF Token
LIFF Token
+ Login Token
Implicitly pass
LIFF + Login Token
何かこの辺でもっとでき
そうな気がする？
Developers

17. LOGINの昨今
Your Server Login Server
Login Token
Login Token
Developers

18. LOGINの昨今
LIFF ServerLogin Server
LIFF Token
Implicitly Grant
Login Token + LIFF Token
Login Token
Developers

19. LIFFとLINE SDKで共通のUIを使えるように
Developers

20. NATIVE SDK
LIFF SDK
LINE LOGIN
COMPONENT
Next Phase
Developers

21. NATIVE SDK
LIFF SDK
LINE LOGIN
COMPONENT
UI
COMPONENT
Future Phase
Developers

22. より簡単にUI設計が可能に
DevelopersLINE
LIFF
• 現状はスタイルガイドもUIのコンポー
ネントも未提供
• テンプレートメッセージのようにテン
プレートとしてUIコンポーネントを提
供予定

23. より簡単にUI設計が可能に
Developers
• 現状はスタイルガイドもUIのコンポー
ネントも未提供
• テンプレートメッセージのようにテンプ
レートとしてUIコンポーネントを提供
予定
• Graph APIのレスポンスにも対応
LINE
LIFF
Ryohei
Sho
Brown

24. 今年の終わりから来年にかけて、、
LIFFでLoginのscopeを使えるようになる
LIFFを外部ブラウザで使えるようになる
LIFFとLINE SDKで共通のUIを提供
Developers

25. THANK YOU
Developers