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.6k
Other Decks in Technology
See All in Technology
AIエージェントとPhysical AIが拓く製造業の変革(ハノーバーメッセリキャップ)
iotcomjpadmin
0
210
小さいから、全部わかる。— 常駐AI "xangi" のすすめ
sugupoko
0
240
初めてのDatabricks勉強会
taka_aki
2
230
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
tooppoo
0
250
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
seafay
PRO
1
570
デジタル・デザイン:次の50年を描く「進化する青写真」
y150saya
0
800
最近評価が難しくなった
maroon8021
0
190
Kotlin 開発のツラミを爆破した話! / Explode the difficulty of Kotlin dev!
eller86
0
140
Tech-Verse 2026_Keynote
lycorptech_jp
PRO
0
130
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
kakehashi
PRO
1
330
スタートアップにおけるアジャイルの実践について #shibuyagile
murabayashi
3
2k
クラウドファンディング版StackChan 3体(4体)をインタラクティブな体験型作品にして展示もした話 / スタックチャンお誕生日会2026
you
PRO
0
270
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
HDC tutorial
michielstock
2
730
Building Flexible Design Systems
yeseniaperezcruz
330
40k
WCS-LA-2024
lcolladotor
0
670
We Have a Design System, Now What?
morganepeng
55
8.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
450
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
Building AI with AI
inesmontani
PRO
1
1.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Marketing to machines
jonoalderson
1
5.5k
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