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
17k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Flutter開発に役立つ Package Plugin 10選
kuwapp
July 19, 2018
More Decks by kuwapp
See All by kuwapp
FlutterPluginの作り方
kuwapp
7
4.5k
Flutter アニメーションはじめの一歩
kuwapp
1
1.5k
Flutterで画面遷移を検知する
kuwapp
4
8.7k
Other Decks in Technology
See All in Technology
Oracle MCP Servers Explained
thatjeffsmith
0
180
Bits AI を制するものは Datadog を制す / The player that controls Bits AI, controls Datadog
kaminashi
0
140
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
moongift
PRO
2
2.7k
AIにブラウザを触らせて、E2EテストをPlaywrightで書く
koji_kawamura
0
160
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは?-
komei_mt
0
560
事業価値と Engineering 2026年度版
recruitengineers
PRO
51
25k
【GCC2026】TrueHDRIを用いたルックデブ環境とライティングテクニック
bandainamcostudios
PRO
0
120
AI・HPC開発を支えるGPU環境の新しい選択肢 液冷GPUシステム「AquSys」の取り組み
gpuunite_official
0
130
まちスペース®とデジタルツインと「まちづくり」
hiro_ogi
0
130
Adding Right-to-Left support to your web application with CSS logical properties — Lessons from Redmine
vividtone
0
150
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1.2k
2027年のMetricKit
kantacky
0
130
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
440
A Soul's Torment
seathinner
6
3.5k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
Accessibility Awareness
sabderemane
1
180
Embracing the Ebb and Flow
colly
88
5.1k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
370
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.8k
Speed Design
sergeychernyshev
33
2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
570
A better future with KSS
kneath
240
18k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
370
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