週刊Flutter #3

Dart

概要

どうも、@daiki1003です!

週刊Flutterとは?

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

Dev Fest LATAM – Null safety in Dart

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を取得し、アニメーション付きでアンダーラインを表示する方法

【Flutter】Text Widgetのwidthを取得し、アニメーション付きでアンダーラインを表示する方法 - Qiita
アニメーション付きアンダーラインはAnimatedContainerで表現する。 Text Widgetのwidth取得方法はこちらを参考に実装。 header_menu_item.dart class HeaderMenuIte...

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

詳しく調べてみると…

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

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

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

wine_classifier

PuzzleLeaf/flutter_popular_wine_classifier
Simple Mobile classification model for popular wine - PuzzleLeaf/flutter_popular_wine_classifier

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

Learn Flutter Like A PRO 2021 Edition ( Absolutely Free )

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

Top VS Code Extensions You Don’t Know

Top VS Code Extensions You Don't Know

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

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

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

Learn Flutter Life Cycle In 10 Minutes

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行以内

Animated TypeWriter Box In Flutter

Animated TypeWriter Box In Flutter
I generally needed to work with flawless or insane animations. I have worked with Flutter for a long time, and I was beginning to locate…

・タイプライターの様なアニメーションをFlutterで実現するための説明
・アニメーションを作成するのに、必須であるDurationやTweenなどの説明を丁寧にしてくれているのでアニメーションが苦手な人は一読する価値はあるかも
・そして全コードも載せてくれているのでコピペで実現可能なのも👍

Complete Movie App — Pilot (1)

Complete Movie App — Pilot (1)
Hey, Glad that you’re here.

・現状11まで連載されている
・必要になることが多い、言語管理やエラーハンドリングなど解説されている

誰かのお役に立てば。

Twitterフォローお願いします

「次回以降も記事を読んでみたい!」
「この辺分からなかったから質問したい!」

そんな時は、是非@daiki1003のフォローお願いします♪

また、記事がとても役に立ったと思う人は
コーヒーを奢っていただけると非常に嬉しいです!

コメント

タイトルとURLをコピーしました