Flutterウィークリー #76

# Flutterウィークリーとは？
FlutterファンによるFlutterファンのためのニュースレター
https://flutterweekly.net/

この記事は#76の日本語訳です
https://mailchi.mp/flutterweekly/flutter-weekly-76

※Google翻訳を使って自動翻訳を行っています。翻訳に問題がある箇所を発見しましたら編集リクエストを送っていただければ幸いです。


# 読み物＆チュートリアル

### Flutter Whatsappステータスストーリーを構築する最速の方法
https://promise.hashnode.dev/fastest-way-to-build-your-whatsapp-status-story-with-flutter-838fcee973d3

<img src="https://hashnode.com/util/r?url=https%3A%2F%2Fhashnode.imgix.net%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1568195682505%2FMhpFaP_eS.png%3Fw%3D800%26h%3D420%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dformat%26q%3D60" />
story_viewパッケージを使用してFlutter Whatsapp Storyページをすばやく模倣する方法については、Promise Amadiによるこのチュートリアルに従ってください。


### Flutterより良いUIとUXを実現
https://medium.com/@groovinchip/achieving-better-ui-and-ux-with-flutter-cccfdd668f94

<img src="https://miro.medium.com/max/633/1*sdiB0T-eXy3NlKwyA7qgnQ.png" />
GroovinChipは、 Flutter UIを作成するときに従ういくつかの一般的なルールを共有しています。あなたはそれらすべてに同意するわけではありませんが、他の人がどのように機能するかを見るのは良いことです。


### Dartコンストラクターの分解
https://medium.com/flutter-community/deconstructing-dart-constructors-e3b553f583ef

<img src="https://miro.medium.com/max/1113/1*vFFZGjjhPC9gNFIfMm-b5g.jpeg" />
Dartコンストラクターとそれらをプロのように使用する方法に関する非常に役立つ記事。


### Flutter Animation： Flutter Implicit Animation Widgetsの簡単な学習方法1
https://medium.com/flutter-community/flutter-animation-easy-way-of-learning-the-flutter-implicit-animation-widgets-pt-1-712f2b78f6b5

<img src="https://miro.medium.com/max/1200/1*PlnCuQrnfccBuq_9s2MYvA.png" />
Joshua de Guzmanは、暗黙的なアニメーションウィジェットが多くの詳細な例でどのように機能するかを説明しています。


### Flutter顔検出
https://medium.com/flutter-community/flutter-face-detection-ac18e3e2211f

<img src="https://miro.medium.com/max/816/1*a-AMtQnnPgTe82iZ86Zxug.png" />
Akora Ingによるこのチュートリアルでは、Firebase ML Kitを使用して独自の顔検出アプリを作成する方法を学びます。 DKB


### Flutter Photo Word Finderアプリ
https://medium.com/flutter-community/flutter-photo-word-finder-app-d27570e27e24

<img src="https://miro.medium.com/max/424/1*yQiYItCpvZlp_wMPZaC_JQ.png" />
Steve Zwartが、MLを使用して写真から単語を抽出できるFlutterアプリを作成する方法を示します。


### FlutterとHugoでブログを作成する
https://medium.com/funwithflutter/making-a-blog-with-flutter-and-hugo-6da036a346c9

<img src="https://miro.medium.com/max/1200/1*ARNLcHGXZHjY1dcyVrnZHg.png" />
私はヒューゴの大ファンですので、この記事でヒューゴとFlutter一緒に使用してブログを作成する方法を説明することをお勧めします。


### Flutter物理ベースのアニメーション
https://medium.com/@erdoganbavas/physics-based-animations-in-flutter-1d20130919a1

<img src="https://miro.medium.com/max/1200/1*PblQquEXxZ6U1BmBNlEprA.jpeg" />
ErdoğanBavaşによるアニメーションでの物理学の使用の概要。


### FlutterアプリでColorFilteredウィジェットを使用する
https://medium.com/flutterpub/using-colorfiltered-widget-in-flutter-apps-19ba196097e

<img src="https://miro.medium.com/max/758/1*Rdqq2kR6wTKmOKmj4FHXSw.png" />
Pyyanka Tyagiは、彼女が書いた新しい派手なColorFilteredウィジェットで遊んでいます。


### Flutter Heroアニメーションでカスタムカーブを使用する
https://roszkowski.dev/2019/custom-hero-curve/

<img src="https://roszkowski.dev/images/avataaars.png" />
ヒーローアニメーションの使用方法を知っていますか？ Dominik Roszkowskiは、アニメーションに使用する曲線をアプリ設計に完全に適合するように変更する方法を説明します。


### クロスプラットフォームのデバイス上のML推論
https://towardsdatascience.com/cross-platform-on-device-ml-inference-a55b67e306b3

<img src="https://miro.medium.com/max/1200/1*T7ou4gsESkp0S_avqgjGVw.png" />
TruongSinh Tran-Nguyenは、新しいFlutter機能を使用してTensorFlow Lite C APIを実行し、ローカルMLを使用してマルチプラットフォームアプリケーションを作成しています。


# ビデオ＆メディア

### OSCONでのFlutterとフィジカルワールドの出会い
https://www.youtube.com/watch?v=X-4LJSqCPzM&feature=youtu.be

<img src="https://i.ytimg.com/vi/X-4LJSqCPzM/maxresdefault.jpg" />
Emily FortunaとMatt SullivanがFlutterと、それを使用してIOTに接続する方法について説明します。


### Flutter Responsive UI |学習プラットフォームアプリ-パート1
https://www.youtube.com/watch?v=afBmGC63iIQ&feature=youtu.be

<img src="https://i.ytimg.com/vi/afBmGC63iIQ/maxresdefault.jpg" />
このビデオは、主に、複数のデバイス、ポートレート、およびランドスケープの向きで動作する最も単純なレイアウトの作成に焦点を当てています


### Flutter Web：HTMLとJavaScriptのインポート-（ Flutter 1.9）
https://www.youtube.com/watch?v=_5JAytP225A&feature=youtu.be

<img src="https://i.ytimg.com/vi/_5JAytP225A/maxresdefault.jpg" />
flutter_webリポジトリをFlutterに追加すると、flutter_htmlをインポートできなくなります。このビデオでは、問題を詳細に説明し、一時的に修正する方法を示します。


### FractionallySizedBox（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=PEsY654EGZ0&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=53&t=2s

<img src="https://i.ytimg.com/vi/PEsY654EGZ0/maxresdefault.jpg" />
設計では、相対的な寸法が必要になる場合があります。 FractionallySizedBoxを使用すると、使用可能な合計スペースの一部に子をサイズ変更できます


### 初回起動時に効率的にユーザーをガイドする
https://www.youtube.com/watch?v=DM4zorit1so&feature=youtu.be

<img src="https://i.ytimg.com/vi/DM4zorit1so/maxresdefault.jpg" />
アプリの使用方法をユーザーに説明するために、最初に使用するコールアウトを追加する方法に関するチュートリアル。


### Pete VarvarezisによるFlutterの既存アプリへの統合
https://www.youtube.com/watch?v=WxvsreQUodY

<img src="https://i.ytimg.com/vi/WxvsreQUodY/maxresdefault.jpg" />
Pete Varvarezisが、アプリのブランチATMファインダー機能をFlutterに移行するために行った作業について説明します。


# ライブラリ＆コード

### fluttercommunity / page_turn
https://github.com/fluttercommunity/page_turn

アプリのウィジェットにページめくり効果を追加します。


### ReginFell /ダーツシール
https://github.com/ReginFell/dart-sealed

シールされた注釈で使用するためのCodegen実装


### rxlabz / panache
https://github.com/rxlabz/panache

<img src="https://repository-images.githubusercontent.com/92879385/39e59400-7b5e-11e9-8543-c454891dca56" />
Flutter用のすばらしいマテリアルエディタ。リポジトリには、Webアプリケーションとして実行したり、モバイル用にダウンロードしたりするためのリンクが含まれています。