More than 3 years have passed since last update.

Flutter開発に便利なWEBサイト＆サービス一覧

Posted at 2020-02-05

現在Flutter開発の勉強をしているのですが、オンライン学習コースの中や知り合いから便利なWEBサイトやサービスをたくさん教えてもらいました。
ただメモ書きにするのももったいないので記事にまとめます。

素材系

色の組み合わせを確認できるカラーパレットサイトです。
マテリアルデザインアイコンも一覧&コードコピーできるのでめっちゃ便利です。
https://www.materialpalette.com/

無料アイコン画像素材を探して取得することができます。
https://icons8.jp/icons
本のアイコンを調べてみるとこんな感じ。

デザインツールで、ロゴを作ったりすることができます。
色々なサンプルがあるので参考になります。
https://www.canva.com/

フォントを探すことができます。
https://fonts.google.com/

音系の素材を探すことができます。音素材は自分で作成するには骨が折れるので助かります。
https://freesound.org/

Dart記述をWeb上で実行できるサービスです。
記述をシェアする機能もあるのでエンジニア同士でコミュニケーションを取るのにも便利です。
https://dartpad.dartlang.org/

Dart公式パッケージリポジトリです。
使いたい機能がある場合はこちらで探します。
パッケージごとにスコアリングされているので選ぶ際にも参考になります。
https://pub.dev/dart/packages

Widgetのシミュレーションが可能です。
どのようなレイアウトにするのか、確認するのに便利です。
コードやpubspecも取得できるのすごい。
https://flutterstudio.app/

言わずもがなの公式ドキュメント。まずはこれを読まねば。
https://flutter.dev/

Mediumの記事なのですが、Flutterのレイアウトに関してとても詳しく書いてあります。
https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e

普段サーバサイドプログラムを書いているときは公式マニュアルくらいしか読んでなかったので、特にUI系やデザイン系のサービスが揃っていてクライアントアプリは面白いな―って思いました。
適宜追加していきます！