Slide 1
Slide 1 text
Flutter開発に役立つ
Package, Plugin 10選
Flutter Meetup Tokyo #3
@kuwapp_dev
Slide 2
Slide 2 text
話すこと
個人的に役に立った or 役に立ちそうな気がした Flutter で使え
る Package と Plugin の紹介
Slide 3
Slide 3 text
Package と Plugin の違い
● Package とは
○ Dartで書かれたライブラリ
○ Android、iOS等のプラットフォームは関係ない
● Plugin とは
○ Android、iOS等のプラットフォーム固有の実装も含まれたもの
Slide 4
Slide 4 text
flutter_web_view_plugin
● FlutterでWebViewを扱えるようにしたもの
● https://github.com/dart-flitter/flutter_webview_plugin
Slide 5
Slide 5 text
flutter_web_view_plugin
Slide 6
Slide 6 text
flutter_web_view_plugin
Slide 7
Slide 7 text
flutter_web_view_plugin
Slide 8
Slide 8 text
video_player
● Flutterで動画を再生するPlugin
● https://github.com/flutter/plugins/tree/master/packages/video_player
Slide 9
Slide 9 text
video_player
Slide 10
Slide 10 text
url_launcher
● 指定したURLを開けるPlugin
● https://github.com/flutter/plugins/tree/master/packages/url_launcher
Slide 11
Slide 11 text
url_launcher
Slide 12
Slide 12 text
image_picker
● カメラ、ギャラリーから画像ファイルを取得できるPlugin
● https://github.com/flutter/plugins/tree/master/packages/url_launcher
Slide 13
Slide 13 text
image_picker
Slide 14
Slide 14 text
flutter_villains
● ページ遷移アニメーションを簡単に実装するパッケージ
● AnimationController を定義して initState で開始してみたいなボイラープレート
コードを排除できる
● https://github.com/Norbert515/flutter_villains
Slide 15
Slide 15 text
flutter_villains
Slide 16
Slide 16 text
flutter_villains
Slide 17
Slide 17 text
flutter_villains
Slide 18
Slide 18 text
flutter_sequence_animation
● 複数のアニメーションをまとめて記述できるパッケージ
● https://github.com/Norbert515/flutter_sequence_animation
Slide 19
Slide 19 text
flutter_sequence_animation
Slide 20
Slide 20 text
flutter_sequence_animation
Slide 21
Slide 21 text
flutter_simple_dependency_injection
● 非常シンプルなDI Package
● https://github.com/jonsamwell/flutter_simple_dependency_injection
Slide 22
Slide 22 text
flutter_simple_dependency_injection
Slide 23
Slide 23 text
http_logging
● http通信をロギングできるPackage
● OkHttp Logging Interceptor っぽいやつ
● https://github.com/samizerouta/http_logging
Slide 24
Slide 24 text
http_logging
Slide 25
Slide 25 text
http_logging
Slide 26
Slide 26 text
shared_preferences
● AndroidのSharedPreferences、iOSのNSUserDefaultsをラップしたPlugin
● Flutter公式のもの
● https://github.com/flutter/plugins/tree/master/packages/shared_preferen
ces
Slide 27
Slide 27 text
shared_preferences
Slide 28
Slide 28 text
logging
● ログ関連のPackage
● Flutterにはじめから含まれている
● https://github.com/dart-lang/logging
Slide 29
Slide 29 text
logging
Slide 30
Slide 30 text
built_value
● 以下を提供するパッケージ
○ Immutable Value Type
○ EnumClass(省略)
○ JSON serialization
● https://github.com/google/built_value.dart
Slide 31
Slide 31 text
Immutable Value Type
● 特定のルールでクラスを記述するとequals、toString、hashCode、Builder等を
持った Immutable な Value Typeを生成してくれる
Slide 32
Slide 32 text
ルールに基づいて抽象クラスを記述する
インスタンス変数は
getterで定義しておく
Slide 33
Slide 33 text
コマンドを実行
$ flutter packages pub run build_runner build
Slide 34
Slide 34 text
クラスが生成される
factoryコンストラクタ
builder を引数にとるラムダを
引数にとる
equals メソッド
hashCode メソッド
toString メソッド
Slide 35
Slide 35 text
JSON Serialization
特定のルールでコードを記述すると Serializer が生成される
Slide 36
Slide 36 text
特定のルールでコードを記述
Slide 37
Slide 37 text
pub コマンドを実行
$ flutter packages pub run build_runner build
Slide 38
Slide 38 text
Serializer が生成される
Slide 39
Slide 39 text
serializers を定義する
$ flutter packages pub run build_runner build
Slide 40
Slide 40 text
シリアライズ、デシリアライズ
Slide 41
Slide 41 text
Package、Pluginはどこで探すか
Slide 42
Slide 42 text
https://pub.dartlang.org/
Slide 43
Slide 43 text
まとめ
● Package は Dartのライブラリ
● Plugin はiOS、Android固有の実装も含まれたもの
● https://pub.dartlang.org/ で パッケージやプラグインを探せる
Slide 44
Slide 44 text
Thank you