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開発に役立つ Package Plugin 10選
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kuwapp
July 19, 2018
Technology
5
16k
Flutter開発に役立つ Package Plugin 10選
kuwapp
July 19, 2018
Tweet
Share
More Decks by kuwapp
See All by kuwapp
FlutterPluginの作り方
kuwapp
7
4.4k
Flutter アニメーションはじめの一歩
kuwapp
1
1.4k
Flutterで画面遷移を検知する
kuwapp
4
8.5k
Other Decks in Technology
See All in Technology
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
470
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
380
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
600
Agile Leadership Summit Keynote 2026
m_seki
1
650
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.5k
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.6k
日本の85%が使う公共SaaSは、どう育ったのか
taketakekaho
1
230
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
2k
Greatest Disaster Hits in Web Performance
guaca
0
280
Cosmos World Foundation Model Platform for Physical AI
takmin
0
950
Context Engineeringの取り組み
nutslove
0
370
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
320
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
54
8k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
210
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
190
Ethics towards AI in product and experience design
skipperchong
2
200
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
920
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
HDC tutorial
michielstock
1
390
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
350
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
Transcript
Flutter開発に役立つ Package, Plugin 10選 Flutter Meetup Tokyo #3 @kuwapp_dev
話すこと 個人的に役に立った or 役に立ちそうな気がした Flutter で使え る Package と Plugin
の紹介
Package と Plugin の違い • Package とは ◦ Dartで書かれたライブラリ ◦
Android、iOS等のプラットフォームは関係ない • Plugin とは ◦ Android、iOS等のプラットフォーム固有の実装も含まれたもの
flutter_web_view_plugin • FlutterでWebViewを扱えるようにしたもの • https://github.com/dart-flitter/flutter_webview_plugin
flutter_web_view_plugin
flutter_web_view_plugin
flutter_web_view_plugin
video_player • Flutterで動画を再生するPlugin • https://github.com/flutter/plugins/tree/master/packages/video_player
video_player
url_launcher • 指定したURLを開けるPlugin • https://github.com/flutter/plugins/tree/master/packages/url_launcher
url_launcher
image_picker • カメラ、ギャラリーから画像ファイルを取得できるPlugin • https://github.com/flutter/plugins/tree/master/packages/url_launcher
image_picker
flutter_villains • ページ遷移アニメーションを簡単に実装するパッケージ • AnimationController を定義して initState で開始してみたいなボイラープレート コードを排除できる •
https://github.com/Norbert515/flutter_villains
flutter_villains
flutter_villains
flutter_villains
flutter_sequence_animation • 複数のアニメーションをまとめて記述できるパッケージ • https://github.com/Norbert515/flutter_sequence_animation
flutter_sequence_animation
flutter_sequence_animation
flutter_simple_dependency_injection • 非常シンプルなDI Package • https://github.com/jonsamwell/flutter_simple_dependency_injection
flutter_simple_dependency_injection
http_logging • http通信をロギングできるPackage • OkHttp Logging Interceptor っぽいやつ • https://github.com/samizerouta/http_logging
http_logging
http_logging
shared_preferences • AndroidのSharedPreferences、iOSのNSUserDefaultsをラップしたPlugin • Flutter公式のもの • https://github.com/flutter/plugins/tree/master/packages/shared_preferen ces
shared_preferences
logging • ログ関連のPackage • Flutterにはじめから含まれている • https://github.com/dart-lang/logging
logging
built_value • 以下を提供するパッケージ ◦ Immutable Value Type ◦ EnumClass(省略) ◦
JSON serialization • https://github.com/google/built_value.dart
Immutable Value Type • 特定のルールでクラスを記述するとequals、toString、hashCode、Builder等を 持った Immutable な Value Typeを生成してくれる
ルールに基づいて抽象クラスを記述する インスタンス変数は getterで定義しておく
コマンドを実行 $ flutter packages pub run build_runner build
クラスが生成される factoryコンストラクタ builder を引数にとるラムダを 引数にとる equals メソッド hashCode メソッド toString
メソッド
JSON Serialization 特定のルールでコードを記述すると Serializer が生成される
特定のルールでコードを記述
pub コマンドを実行 $ flutter packages pub run build_runner build
Serializer が生成される
serializers を定義する $ flutter packages pub run build_runner build
シリアライズ、デシリアライズ
Package、Pluginはどこで探すか
https://pub.dartlang.org/
まとめ • Package は Dartのライブラリ • Plugin はiOS、Android固有の実装も含まれたもの • https://pub.dartlang.org/
で パッケージやプラグインを探せる
Thank you