FlutterでTikTokログインができるパッケージを作った話

Transcript

1. FlutterでTikTokログインが
   できるパッケージを作った話
   YUMEMI.grow Mobile #6
   Kota Hayashi (K9i)
   

   View Slide

2. 自己紹介
   

   View Slide

3. イベント宣伝
   

   View Slide

4. 8/15（火）にエントリー開始 🚀
   

   View Slide

5. まだまだ募集中です 🙏
   ゴールド(1/3)
   シルバー(9/10)
   

   View Slide

6. 本編
   

   View Slide

7. 前置き
   - ゆめみ転職前の話です
   

   View Slide

8. Flutterにおけるパッケージとは
   - 特定の機能などを提供する独立したモジュール
   - Androidでのライブラリ、iOSでのPodといえば伝わりやすい
   - （ってChatGPTが言ってた）
   - pub.devというパッケージリポジトリで管理されている
   

   View Slide

9. 開発していたアプリでTikTok認証が必要に
   - https://developers.tiktok.com/doc/login-kit-overview/
   - TikTokのLogin Kitを使うことで認証可能
   

   View Slide

10. View Slide

11. 開発していたアプリでTikTok認証が必要に
    - https://developers.tiktok.com/doc/login-kit-overview/
    - TikTokのLogin Kitを使うことで認証可能
    - iOS、Android、Web向けには公式が対応している
    - Flutter向けのパッケージは無し😇
    

    View Slide

12. TikTokを開発している
    ByteDanceはFlutter公式で紹
    介さてるはず…
    

    View Slide

13. 作ったパッケージ
    

    View Slide

14. 参考にしたパッケージ
    - 似たような目的のパッケージを参考にした
    - flutter_line_sdk
    - https://pub.dev/packages/flutter_line_sdk
    - LINEログイン
    - flutter_facebook_auth
    - https://pub.dev/packages/flutter_facebook_auth
    - Facebookログイン
    - どちらもネイティブ向けのSDKをflutterで使えるようにしている
    

    View Slide

15. MethodChannel
    - Flutterでプラットフォーム
    （iOS、Androidなど）のメソッド
    を呼び出す、その逆をするAPI
    - 公式ページ
    - 日本語記事
    

    View Slide

16. Pigeon
    - MethodChannelは型安全ではない
    - Pigeonというパッケージを使うと型安全にやりとりできる
    - https://pub.dev/packages/pigeon
    - 作った当時知らなかったので、まだflutter_tiktok_sdkでは使っていない
    

    View Slide

17. 実装時の苦労
    - TikTokログインを使ってる人がぜんぜんいなそう
    - （当時）公式ドキュメントが結構間違ってた
    - 指摘したら対応はかなり早かった
    - Stack Overflowでも情報が少ない
    - Androidは経験があったが、iOSの実装経験が無かった
    - Xcodeムズい
    

    View Slide

18. 公開後
    - はじめはアプリに処理をそのまま書いたが、あとからパッケージに切り出
    した
    - 他にもTikTokログインしたい人がいるはず
    

    View Slide

19. 多少は使われてる🥳
    

    View Slide

20. 公開後
    - はじめはアプリに処理をそのまま書いたが、あとからパッケージに切り出
    した
    - 他にもTikTokログインしたい人がいるはず
    - ただし…
    - GitHubでぜんぜん星がつかない
    - 転職してTikTokログイン機能と離れメンテモチベが
    

    View Slide

21. まとめ
    - Flutterにおけるパッケージの紹介
    - flutter_tiktok_sdkを作った
    - 参考になったパッケージの紹介
    - Flutterでプラットフォームのメソッドを呼ぶMethodChannel
    - 公開後
    

    View Slide