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
96
Flutter Favoriteプログラムについて調べてみた
k9i
0
1.2k
2023年のFlutter(オフライン)イベントを振り返る
k9i
0
250
Flutterの魅力とコミュニティ活動
k9i
0
460
Flutterエンジニア向け?おすすめmac向けアプリ
k9i
0
440
ゆめみの謎制度「フルリモし放題制度 ㊗️ MAX」で買ったものを紹介します
k9i
0
480
Flutter導入時に警戒すべき要件X選
k9i
1
820
FlutterでTikTokログインができるパッケージを作った話 (short ver.)
k9i
0
730
Other Decks in Programming
See All in Programming
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
780
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
110
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
sobolevn
0
150
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
390
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
mhrtech
3
1k
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
600
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
220
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
950
CSC305 Lecture 04
javiergs
PRO
0
250
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
koxya
1
1.1k
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
350
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Agile that works and the tools we love
rasmusluckow
331
21k
Side Projects
sachag
455
43k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How to Ace a Technical Interview
jacobian
280
24k
Statistics for Hackers
jakevdp
799
220k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
BBQ
matthewcrist
89
9.8k
Typedesign – Prime Four
hannesfritz
42
2.8k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Site-Speed That Sticks
csswizardry
11
880
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 -
公開後