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.1k
Flutter アニメーションはじめの一歩
kuwapp
1
1.3k
Flutterで画面遷移を検知する
kuwapp
4
8k
Other Decks in Technology
See All in Technology
タイミーのデータ活用を支えるdbt Cloud導入とこれから
ttccddtoki
1
150
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
1
16k
Amazon Q Developerで.NET Frameworkプロジェクトをモダナイズしてみた
kenichirokimura
1
200
AWSサービスアップデート 2024/12 Part3
nrinetcom
PRO
0
140
AWSの生成AIサービス Amazon Bedrock入門!(2025年1月版)
minorun365
PRO
7
470
「隙間家具OSS」に至る道/Fujiwara Tech Conference 2025
fujiwara3
7
6.5k
深層学習と3Dキャプチャ・3Dモデル生成(土木学会応用力学委員会 応用数理・AIセミナー)
pfn
PRO
0
460
20250116_自部署内でAmazon Nova体験会をやってみた話
riz3f7
1
100
Alignment and Autonomy in Cybozu - 300人の開発組織でアラインメントと自律性を両立させるアジャイルな組織運営 / RSGT2025
ama_ch
1
2.4k
DMMブックスへのTipKit導入
ttyi2
1
110
Git scrapingで始める継続的なデータ追跡 / Git Scraping
ohbarye
5
500
2024年活動報告会(人材育成推進WG・ビジネスサブWG) / 20250114-OIDF-J-EduWG-BizSWG
oidfj
0
230
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Code Reviewing Like a Champion
maltzj
521
39k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
The Cult of Friendly URLs
andyhume
78
6.1k
Producing Creativity
orderedlist
PRO
343
39k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Automating Front-end Workflow
addyosmani
1366
200k
Done Done
chrislema
182
16k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Statistics for Hackers
jakevdp
797
220k
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