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
FlutterでTikTokログインができるパッケージを作った話
Search
K9i - Kota Hayashi
August 10, 2023
Programming
1
430
FlutterでTikTokログインができるパッケージを作った話
K9i - Kota Hayashi
August 10, 2023
Tweet
Share
More Decks by K9i - Kota Hayashi
See All by K9i - Kota Hayashi
北九州でFlutterハンズオンをしたので雑多に振り返る
k9i
0
55
FFF(Fukuoka Flutter Fanclub)の紹介
k9i
0
78
Flutter Favoriteプログラムについて調べてみた
k9i
0
1.2k
2023年のFlutter(オフライン)イベントを振り返る
k9i
0
210
Flutterの魅力とコミュニティ活動
k9i
0
400
Flutterエンジニア向け?おすすめmac向けアプリ
k9i
0
400
ゆめみの謎制度「フルリモし放題制度 ㊗️ MAX」で買ったものを紹介します
k9i
0
440
Flutter導入時に警戒すべき要件X選
k9i
1
780
FlutterでTikTokログインができるパッケージを作った話 (short ver.)
k9i
0
670
Other Decks in Programming
See All in Programming
MCP世界への招待: AIエンジニアが創る次世代エージェント連携の世界
gunta
2
570
RailsでCQRS/ESをやってみたきづき
suzukimar
2
1.5k
AtCoder Heuristic First-step Vol.1 講義スライド(山登り法・焼きなまし法編)
takumi152
3
980
体得しよう!RSA暗号の原理と解読
laysakura
3
530
php-fpm がリクエスト処理する仕組みを追う / Tracing-How-php-fpm-Handles-Requests
shin1x1
5
820
爆速スッキリ! Rspack 移行の成果と道のり - Muddy Web #11
dora1998
1
150
goにおける コネクションプールの仕組み を軽く掘って見た
aronokuyama
0
140
ベクトル検索システムの気持ち
monochromegane
30
8.9k
PsySHから紐解くREPLの仕組み
muno92
PRO
1
520
英語文法から学ぶ、クリーンな設計の秘訣
newnomad
1
270
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
2
1k
Go1.24で testing.B.Loopが爆誕
kuro_kurorrr
0
160
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
How STYLIGHT went responsive
nonsquared
99
5.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Invisible Side of Design
smashingmag
299
50k
How GitHub (no longer) Works
holman
314
140k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Being A Developer After 40
akosma
90
590k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
28
1.6k
Transcript
FlutterでTikTokログインが できるパッケージを作った話 YUMEMI.grow Mobile #6 Kota Hayashi (K9i)
自己紹介
イベント宣伝
8/15(火)にエントリー開始 🚀
まだまだ募集中です 🙏 ゴールド(1/3) シルバー(9/10)
本編
前置き - ゆめみ転職前の話です
Flutterにおけるパッケージとは - 特定の機能などを提供する独立したモジュール - Androidでのライブラリ、iOSでのPodといえば伝わりやすい - (ってChatGPTが言ってた) - pub.devというパッケージリポジトリで管理されている
開発していたアプリでTikTok認証が必要に - https://developers.tiktok.com/doc/login-kit-overview/ - TikTokのLogin Kitを使うことで認証可能
None
開発していたアプリでTikTok認証が必要に - https://developers.tiktok.com/doc/login-kit-overview/ - TikTokのLogin Kitを使うことで認証可能 - iOS、Android、Web向けには公式が対応している - Flutter向けのパッケージは無し😇
TikTokを開発している ByteDanceはFlutter公式で紹 介さてるはず…
作ったパッケージ
参考にしたパッケージ - 似たような目的のパッケージを参考にした - flutter_line_sdk - https://pub.dev/packages/flutter_line_sdk - LINEログイン -
flutter_facebook_auth - https://pub.dev/packages/flutter_facebook_auth - Facebookログイン - どちらもネイティブ向けのSDKをflutterで使えるようにしている
MethodChannel - Flutterでプラットフォーム (iOS、Androidなど)のメソッド を呼び出す、その逆をするAPI - 公式ページ - 日本語記事
Pigeon - MethodChannelは型安全ではない - Pigeonというパッケージを使うと型安全にやりとりできる - https://pub.dev/packages/pigeon - 作った当時知らなかったので、まだflutter_tiktok_sdkでは使っていない
実装時の苦労 - TikTokログインを使ってる人がぜんぜんいなそう - (当時)公式ドキュメントが結構間違ってた - 指摘したら対応はかなり早かった - Stack Overflowでも情報が少ない
- Androidは経験があったが、iOSの実装経験が無かった - Xcodeムズい
公開後 - はじめはアプリに処理をそのまま書いたが、あとからパッケージに切り出 した - 他にもTikTokログインしたい人がいるはず
多少は使われてる🥳
公開後 - はじめはアプリに処理をそのまま書いたが、あとからパッケージに切り出 した - 他にもTikTokログインしたい人がいるはず - ただし… - GitHubでぜんぜん星がつかない
- 転職してTikTokログイン機能と離れメンテモチベが
まとめ - Flutterにおけるパッケージの紹介 - flutter_tiktok_sdkを作った - 参考になったパッケージの紹介 - Flutterでプラットフォームのメソッドを呼ぶMethodChannel -
公開後