週刊Flutter #1 | 技術は熱いうちに打て！

概要

どうも、@daiki1003です！

週刊Flutterとは？

毎週月曜日12時更新。 Flutterに関する記事で、前週に特に@daiki1003の興味を引いたものや勉強になった記事をお届けします。自分の記事を載せてくれやあの記事良かったよなどの自薦/他薦もお待ちしております！

みんなのlib/以下のフォルダ構成ってどうなってるの？

#Flutter のフォルダ構成に関して lib フォルダ以下みんながどうしてるのかめちゃくちゃ気になる。
出来ればこのTweetがそんな知見が集まるスレになってくることを祈って…
— ashdik(朝日)@Flutter,Wine,BoardGameエンジニア (@daiki1003) November 9, 2020

こちらに関しては、本当にいろんな方から意見をいただきありがたい限りです。
めちゃくちゃ勉強になったので、今後ブログ記事にしようかと思っています。
Atomic Designを使う、機能名でルート階層を作るなどなど。
良ければ上記スレを覗いてみてください。

Accessible expression with Material Icons and Flutter

Accessible expression with Material Icons and Flutter

Material Design and Flutter both help developers build experiences that are flexible, accessible, and expressive…

・マテリアルアイコンが「塗り潰し」「枠のみ」の他に「シャープ」「丸っぽい」が追加されたよ
・vectorなので拡大縮小やカラーリングで質が落ちる心配はない
・pubspec.yamlでuses-material-design:trueを指定すれば
使える
・コンパイル時に実際に使っているアイコン以外は削ぎ落としてパッケージ化をしてくれる

Size matters: Reducing Flutter App size best practices

Size matters: Reducing Flutter App size best practices

2.6 million apps in the Google Play store today — no wonder convincing a user to install your app has never been more difficult. As if it…

・どんな素晴らしいアプリを作ってもアプリサイズが大きいとダウンロードしてくれる可能性は低くなる
・データとして、APKサイズが10MBまでのアプリは100MBまでのアプリより1.3倍ダウンロードされている
・アプリのパフォーマンスを改善する7つのtipsをご紹介

1. 画像をバンドルせずにダウンロードさせる、圧縮するとなお良い
2. カスタムフォントはgoogle_fontsパッケージを使おう
3. 不必要なアイコンはバンドルしない(flutter buildに –tree-shake-icons を付与)
4. ABI毎にダウンロード対象リソースを分ける (flutter build appbundle か flutter build apk –split-per-abi)
5. プロフィール画像など良く使う画像等をキャッシュする
6. Proguard(変数名を短くしたり、不必要なコードの刈り取り)
7. 必要なライブラリだけ使う (いらなくなったアセットやライブラリは削除しろ)

New ad formats for Flutter

New ad formats for Flutter

Beta program opens for inline banner and native ads support

・新しい広告フォーマット「インラインバナー」「ネイティブ広告」が追加されたよ
・インラインバナーはFlutterViewに取り込める
・だがまだ、招待オンリーのβ版
・本番アプリで実装してみてフィードバックが欲しいとのこと
・出来れば2021年初期頃にリリースしたい

My November Recommendations for Flutter Packages

My November Recommendations for Flutter Packages

The best packages that I discovered in November 2020

個人的には、いろんなサイズの端末をエミュレート出来るdevice_previewがすごいと思いました。

device_preview 0.5.4
色んな端末上での動作をエミュレート出来るプラグイン。
え、普通にすごくないか？
Flutterって一回コード書けばAndroid/iOSで動くと言いつつもやはり見た目とか動作検証は必要になってくるからそこをいかに効率化するかはとても大事な所。https://t.co/Rqqlopp0Y3 #Flutter
— ashdik(朝日)@Flutter,Wine,BoardGameエンジニア (@daiki1003) November 13, 2020

Flutter Complete Reference Book Review

Flutter Complete Reference Book Review

This past week the flutter community was blessed with the arrival of a new book, Flutter Complete Reference. Being that it is so new, many…

Amazon.co.jp

・700ページ越えの超大作であるこちらの本のレビュー記事
・英語版のみしかないが僕は購入しました、本当にいろいろ網羅的に描かれていて今から読むのが楽しみ！
・Dart言語、FlutterのWidgetの基本を網羅し、Riverpodなどのツールにも言及されている
・RiverpodやProviderの作者であるRemi Rousseletさんがレビュアーらしい
・この本で知ったのですが、riverpodはProviderのアナグラム(並び替え)らしい…！
・最初2チャプターのレビューはこちらのyoutube動画にて

5 Tools/Packages for Productive Flutter Development

5 Flutter Packages/tools for faster & more productive project development

Here is my recommendation of 5 Flutter packages or tools that can help you make your project development faster & more productive.

ログを見やすくするloggerパッケージなんかはすぐに使ってみたいと思いました！

logger | Dart package

Small, easy to use and extensible logger which prints beautiful logs.

Controlling time in Dart unit tests, the better way

Controlling time in Dart unit tests, the better way

How to control DateTime.now() in Dart unit tests - the better way.

・DateTime.now()が内包されたメソッド、クラスのテストをどうするのか？
・インスタンス作成時にコンストラクタの引数で望んでいる時刻の生成関数を渡すことによって解決
・でも、それ全部のクラスでやるの？
・Clockクラスを作る、上記対応をする、このクラスを全部で参照すれば解決….！？
・clockパッケージ(Dartチーム監修)に依存するのが良い
・個人的な感想としては、一般的にはDateTime.nowが汎用的に使われている中で覚えること一つ増えるのはなかなかにハードだなぁと。