週刊Flutter #3

Dart

2020.11.30

概要

どうも、@daiki1003です！

週刊Flutterとは？

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

Dev Fest LATAM – Null safety in Dart

・NullSafetyについて
・まだやることはたくさんあるし今公開しているものは変わる可能性はある
・dart migrateを使うと良いよ
・null! とかも出来る… 😂

Creating a Flutter App from Sketch

Creating a Flutter App from Sketch

Wouldn’t it be cool, if you could create a working Flutter app directly from a design created in Sketch? Let’s do a proof of concept…

・SketchからUIを興す方法
・ちょっと時間はかかりそうだが、ボリューム多めのUIをSketchで組んでいる方は取り組んでみると良さそう？
(僕も時間がある時にやってみます)

週刊 Dart & Flutter インプット 46

週刊 Dart & Flutter インプット 46

毎週金曜日に、@ntaoo がインプットした Dart & Flutter の情報のリンク集をまとめて共有します。

【Flutter】Text Widgetのwidthを取得し、アニメーション付きでアンダーラインを表示する方法

404 Not Found - Qiita - Qiita

・RenderParagraphと言うのを使って計算しているみたい

詳しく調べてみると…

Flutter テキストレンダリングの仕組み

Flutter テキストレンダリングの仕組み - Qiita

1. はじめに本記事は、主にFlutterのテキストWidget (Text, RichText) における、テキストのレンダリングの仕組みについての調査結果をまとめています (他の記事も同様です…

・上記の流れで読んだのがこれ
・Flutterのテキスト描画システムはBuild, Layout, Paintの工程に分かれる
・Textは内部にRichText

wine_classifier

GitHub - puzzleleaf/flutter_popular_wine_classifier: Simple Mobile classification model for popular wine

Simple Mobile classification model for popular wine - GitHub - puzzleleaf/flutter_popular_wine_classifier: Simple Mobile classification model for popular wine

・Flutter好きのワイン好きとしては入れざるを得なかった笑

Learn Flutter Like A PRO 2021 Edition ( Absolutely Free )

Learn Flutter Like A PRO 2021 Edition ( Absolutely Free ) 💙
Build 25+ Apps ⚡️
My 3 Years of hard work to make this content. 👨🏻‍💻
For the correct order to learn. ⌕
Here is the Full Thread Down 👇🏻
Retweet for awareness. 🔁
Subscribe MTECHVIRAL Youtube
@mtechviral #Flutter pic.twitter.com/skXLfUoBve
— The Pawan Kumar (@imthepk) November 27, 2020

これのうちの一つが下記動画↓

Top VS Code Extensions You Don’t Know

VSCodeのextensionを10個ちょい紹介してくれてる。
確かに知らないの多いなぁー。https://t.co/I4zDF1GNOH #Flutter
— ashdik(朝日)@Flutter,Wine,BoardGameエンジニア (@daiki1003) November 29, 2020

確かに、Bracket Pair Colorizer2以外知らなかった。

上のツイートのコメントでも紹介したが、

Error LensやGit Historyなどは入れて見て結構良かったのでおすすめ。
Bookmarksとかも近々入れてみる予定。

Learn Flutter Life Cycle In 10 Minutes

・initState, didChangeDependencies, didUpdateWidget, deactivate, disposeについて紹介
・呼ばれるタイミングや、superを呼ぶタイミングなど
・deactivateは確かに初めて知ったし、どういうタイミングで呼ばれるかは気になるところ🤔

Coding Guidelines for Dart

Coding Guidelines for Dart

High quality code with good style is not only essential for a developer, but also makes it easier to maintain the software.

・ファイル名はスネークケース、クラス名はキャメルケース、enumの値は先頭小文字のキャメルケース
・クラスプロパティの順番はプライベートメンバ、パブリックプロパティ、コンストラクタ、パブリックメソッド
→これ本当か？lint的にはコンストラクタは一番最初に持ってこいって書いてる様な。
・dartfmtでフォーマットする、1行は80行以内、1メソッドはコメントなどを除き30行以内