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
370
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
34
FFF(Fukuoka Flutter Fanclub)の紹介
k9i
0
60
Flutter Favoriteプログラムについて調べてみた
k9i
0
1k
2023年のFlutter(オフライン)イベントを振り返る
k9i
0
170
Flutterの魅力とコミュニティ活動
k9i
0
300
Flutterエンジニア向け?おすすめmac向けアプリ
k9i
0
300
ゆめみの謎制度「フルリモし放題制度 ㊗️ MAX」で買ったものを紹介します
k9i
0
390
Flutter導入時に警戒すべき要件X選
k9i
1
680
FlutterでTikTokログインができるパッケージを作った話 (short ver.)
k9i
0
550
Other Decks in Programming
See All in Programming
rails_girls_is_my_gate_to_join_the_ruby_commuinty
maimux2x
0
150
dotfiles について話したい #湘なんか
stefafafan
2
290
開発を加速する共有Swift Package実践
elmetal
PRO
0
340
どうしてこうなった?から理解するActive Recordの関連の裏側
willnet
5
530
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
130
令和トラベルにおけるLLM活用事例:社内ツール開発から得た学びと実践
ippo012
0
120
仮想ファイルシステムを導入して開発環境のストレージ課題を解消する
segadevtech
2
430
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
7
2.1k
BasicBasic認証
sadnessojisan
5
3k
The Future of Frontend i18n : Intl.MessageFormat
sajikix
1
2.4k
実践 Advanced CallKit 〜快適な通話の実現に向けて〜
mot_techtalk
3
110
Web技術を駆使してユーザーの画面を「録画」する
yukukotani
13
6.3k
Featured
See All Featured
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Embracing the Ebb and Flow
colly
83
4.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
Automating Front-end Workflow
addyosmani
1365
200k
Rails Girls Zürich Keynote
gr2m
93
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
157
15k
Done Done
chrislema
180
16k
GitHub's CSS Performance
jonrohan
1029
450k
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 -
公開後