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
470
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
66
FFF(Fukuoka Flutter Fanclub)の紹介
k9i
0
98
Flutter Favoriteプログラムについて調べてみた
k9i
0
1.3k
2023年のFlutter(オフライン)イベントを振り返る
k9i
0
250
Flutterの魅力とコミュニティ活動
k9i
0
470
Flutterエンジニア向け?おすすめmac向けアプリ
k9i
0
440
ゆめみの謎制度「フルリモし放題制度 ㊗️ MAX」で買ったものを紹介します
k9i
0
480
Flutter導入時に警戒すべき要件X選
k9i
1
840
FlutterでTikTokログインができるパッケージを作った話 (short ver.)
k9i
0
730
Other Decks in Programming
See All in Programming
One Enishi After Another
snoozer05
PRO
0
160
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
560
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
430
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
250
CSC305 Lecture 10
javiergs
PRO
0
260
Six and a half ridiculous things to do with Quarkus
hollycummins
0
210
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
340
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
980
Pythonに漸進的に型をつける
nealle
1
130
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
430
Leading Effective Engineering Teams in the AI Era
addyosmani
7
640
TransformerからMCPまで(現代AIを理解するための羅針盤)
mickey_kubo
7
5.4k
Featured
See All Featured
KATA
mclloyd
PRO
32
15k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Invisible Side of Design
smashingmag
302
51k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
A designer walks into a library…
pauljervisheath
209
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
RailsConf 2023
tenderlove
30
1.3k
Designing Experiences People Love
moore
142
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
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 -
公開後