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
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.3k
Flutter アニメーションはじめの一歩
kuwapp
1
1.4k
Flutterで画面遷移を検知する
kuwapp
4
8.4k
Other Decks in Technology
See All in Technology
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
170
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
logica0419
1
410
実装で解き明かす並行処理の歴史
zozotech
PRO
1
340
AWSにおけるTrend Vision Oneの効果について
shimak
0
130
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
270
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
120
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
pfn
PRO
2
980
GopherCon Tour 概略
logica0419
2
190
How to achieve interoperable digital identity across Asian countries
fujie
0
120
VCC 2025 Write-up
bata_24
0
180
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
110
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.5k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
9.9k
Scaling GitHub
holman
463
140k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
A Tale of Four Properties
chriscoyier
160
23k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
How STYLIGHT went responsive
nonsquared
100
5.8k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
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