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
520
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
FlutterでTikTokログインができるパッケージを作った話
K9i - Kota Hayashi
August 10, 2023
More Decks by K9i - Kota Hayashi
See All by K9i - Kota Hayashi
北九州でFlutterハンズオンをしたので雑多に振り返る
k9i
0
99
FFF(Fukuoka Flutter Fanclub)の紹介
k9i
0
140
Flutter Favoriteプログラムについて調べてみた
k9i
0
1.3k
2023年のFlutter(オフライン)イベントを振り返る
k9i
0
280
Flutterの魅力とコミュニティ活動
k9i
0
530
Flutterエンジニア向け?おすすめmac向けアプリ
k9i
0
500
ゆめみの謎制度「フルリモし放題制度 ㊗️ MAX」で買ったものを紹介します
k9i
0
520
Flutter導入時に警戒すべき要件X選
k9i
1
910
FlutterでTikTokログインができるパッケージを作った話 (short ver.)
k9i
0
790
Other Decks in Programming
See All in Programming
ふつうのFeature Flag実践入門
irof
8
4.2k
Agentic UI
manfredsteyer
PRO
0
200
エージェンティックRAGにAWSで入門しよう!
har1101
9
1.7k
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
5.4k
Oxcを導入して開発体験が向上した話
yug1224
4
340
ローカルLLMでどこまでコードが書けるか -拡張版 / How much code can be written on a local LLM Extended
kishida
12
4.4k
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
620
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
160
AI時代のUIはどこへ行く?その2!
yusukebe
22
7.5k
Language Server 使ってる? 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
handlename
0
800
トークンをケチるな、設計しろ:GitHub Copilotを賢く使うコンテキスト戦略
ochtum
0
170
Datadog LLM Observabilityで実現する 安全なLLM Usage 管理
3150
0
110
Featured
See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
260
Visualization
eitanlees
152
17k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
210
Large-scale JavaScript Application Architecture
addyosmani
515
110k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
400
It's Worth the Effort
3n
188
29k
The World Runs on Bad Software
bkeepers
PRO
72
12k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Balancing Empowerment & Direction
lara
6
1.2k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.4k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
390
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 -
公開後