Flutterウィークリー #50

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

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

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


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

### Flutter 1.2：このリリースの新機能
https://hackernoon.com/flutter-1-2-whats-new-in-this-release-799062b36c36

<img src="https://cdn-images-1.medium.com/max/1200/0*CozxzQ19flrGUZqQ.jpg" />
Dart 1.2の新機能のレビュー


### Flutterの主な違い：すべてのピクセルを所有する
https://medium.com/flutter-community/flutters-key-difference-owning-every-pixel-e2135b44c8a

<img src="https://cdn-images-1.medium.com/max/1200/1*nC5uuZi1PslD9WV6dtOWdw.png" />
Tom Gilderが、 Flutterが画面をどのように使用し、他のフレームワークと比較するかをレビューします。


### Flutter TikTokのUIを構築する - パート2：小さな部品を構築する
https://medium.com/filledstacks/building-tiktoks-ui-in-flutter-part-2-build-the-small-parts-42fb2089d605?sk=b5d69e88615c356eac333436e4d4c04e

<img src="https://cdn-images-1.medium.com/max/1200/1*wgsdw59zXBF3dx-VaNxekw.png" />
Flutter TikTok UIを作成する方法に関するDane Mackierによるチュートリアル。


### Flutterアニメーションはかつてないほど簡単になりました - パート1
https://medium.com/flutter-community/flutter-animation-has-never-been-easier-part-1-e378e82b2508

<img src="https://cdn-images-1.medium.com/max/1200/1*NF2mti4ytTyjKKxfBAyJ4Q.png" />
このチュートリアルの最初の部分で、Mellati MeftahがFlutterでのアニメーションの仕組みについて説明します。


### Dartは元気で落ち着いているはず
https://tudorprodan.com/dart-is-fine/

<img src="https://www.dartlang.org/assets/shared/dart/logo+text/horizontal/default-363c9c133ffb7780463d3d638632b64cc8221d74d93cd1002fb1efbbe9983bc9.svg" />
なぜDart for Flutterを使用するかについての議論についてのTudor Prodan。


### Flutter素晴らしいログイン画面を作成する
https://medium.com/flutter-community/creating-awesome-login-screen-in-flutter-88d46c0d76ae

<img src="https://cdn-images-1.medium.com/max/1200/1*gw8uzu5Xt9gkHY9VeesNIg.png" />
Subir Chakrabortyによるこのチュートリアルに従って、クールなログイン画面を作成してください。


### Dart演算子を使った簡単でバグのないコード
https://medium.com/@dev.n/simple-and-bug-free-code-with-dart-operators-2e81211cecfe

<img src="https://cdn-images-1.medium.com/max/1200/1*n0goRPRgKxjc7K7DqS8nnw.png" />
Deven Joshiが最も強力なDartオペレータをレビューします。


### ツールボックス - カスタムフォントの使い方
https://fluttersensei.com/posts/the-toolbox-how-to-use-custom-fonts/

<img src="https://fluttersensei.com/images/sensei-logo.png" />
Flutterプロジェクトでカスタムフォントを使用することがどれほど簡単かを学びましょう。


### UI2CODEの紹介：自動Flutter UIコードジェネレータ
https://medium.com/@alitech_2017/introducing-ui2code-an-automatic-flutter-ui-code-generator-7e0a575c193

<img src="https://cdn-images-1.medium.com/max/1200/1*w46LzSKaxtyZOmy7COlU3w.jpeg" />
Alibaba Techチームは、設計からFlutterコードを自動的に生成するための新しいツールを紹介します。


### Flutterスケッチします。自動的に
https://blog.prototypr.io/sketch-to-flutter-automatically-cf693ea1c892

<img src="https://cdn-images-1.medium.com/max/1200/1*jBswKSrPX5EkdXsCmRmeSg.png" />
Supernova、SketchデザインからFlutter用のコードを自動的に生成することを可能にするツールへのイントロ。


### Flutterにおける非対称鍵生成
https://medium.com/flutter-community/asymmetric-key-generation-in-flutter-ad2b912f3309

<img src="https://cdn-images-1.medium.com/max/1200/1*GF2Z5HJSL6yPGNHWca2kcw.png" />
GonçaloPalmaが非対称鍵生成のためにあなたのFlutterアプリにPointy Castleを統合する方法を説明します。


### FlutterピアノをFlutter
https://rodydavisjr.com/2019/03/12/making-a-piano/

Rody DavisがFlutterピアノを作成する方法を説明します。ソースへのリンクが含まれています。


### debugPrintと、 Dartログを非表示にしてカスタマイズする機能
https://medium.com/flutter-community/debugprint-and-the-power-of-hiding-and-customizing-your-logs-in-dart-86881df05929

<img src="https://cdn-images-1.medium.com/max/1200/1*RuIa8XeOP8MN60CQKeIHhQ.png" />
GonçaloPalmaによるアプリの正しい方法でのログインに関する記事。


### FlutterレディFlutterゴー（フレーバー、コネクティビティなど）
https://medium.com/flutter-community/flutter-ready-to-go-e59873f9d7de

<img src="https://cdn-images-1.medium.com/max/1200/0*ZQbY01BVWM3OndkH.png" />
Julio Henrique Bitencourtが彼のすぐに使えるテンプレートプロジェクトの使い方を説明します。


# ビデオ＆メディア

### Flutterステートマネジメント - グランドツアー
https://www.youtube.com/watch?v=3tm-R7ymwhc

<img src="https://i.ytimg.com/vi/3tm-R7ymwhc/maxresdefault.jpg" />
Flutter 10の素晴らしい状態管理技術のツアーに参加してください


### MLキット（ Flutter In Focus）を使用したコンピュータビジョン
https://www.youtube.com/watch?v=ymyYUCrJnxU&list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2&index=13&linkId=64757853

<img src="https://i.ytimg.com/vi/ymyYUCrJnxU/maxresdefault.jpg" />
Matt Sullivanが、 Flutter ML Kit Visionプラグインを使用する方法を説明します。


### Flutter 2019：FloatingActionButtonのような新しいGmailを作る
https://www.youtube.com/watch?v=fiOAAiZ41Zs&feature=youtu.be

<img src="https://i.ytimg.com/vi/fiOAAiZ41Zs/maxresdefault.jpg" />
フラッターでカラフルなフローティングアクションボタンのような新しいGmailを作成する方法に関するビデオ


### Flutterチュートリアル - Flutterグーグルマップ
https://www.youtube.com/watch?v=lNqEfnnmoHk

<img src="https://i.ytimg.com/vi/lNqEfnnmoHk/maxresdefault.jpg" />
このビデオでは、google_maps_flutterプラグインを使用して、フラッターアプリケーションにGoogleマップを統合する方法を説明します。


### Flutter UI  - 最小限のデザイン - 植物
https://www.youtube.com/watch?v=ok5zoeE_5x0&feature=youtu.be

<img src="https://i.ytimg.com/vi/ok5zoeE_5x0/maxresdefault.jpg" />
Raja YoganがFlutter植物カタログのUIを作成することによる素晴らしい挑戦です。


# ライブラリ＆コード

### pichillilorenzo / flutter_inappbrowser
https://github.com/pichillilorenzo/flutter_inappbrowser

インラインWebビューを追加したり、アプリ内のブラウザウィンドウを開くことができるFlutterプラグイン（人気のcordova-plugin-applbrowserに触発されています）。


### アニメーションストリームリスト
https://gitlab.com/otsoaUnLoco/animated-stream-list

<img src="https://assets.gitlab-static.net/assets/gitlab_logo-7ae504fe4f68fdebb3c2034e36621930cd36ea87924c11ff65dbcb8ed50dca58.png" />
ストリームからのアニメーション化された変更を含むリストを簡単に表示するためのFlutterライブラリ。


### Vanethos / stream_disposable
https://github.com/Vanethos/stream_disposable

StreamSubscriptionsを破棄するためのStreamDisposableヘルパークラス


### samarthagarwal / Flutterスクリーン
https://github.com/samarthagarwal/FlutterScreens

Flutterを使用して作成された画面と魅力的なUIの集まりで、アプリケーションで使用することができます。


### thosakwe / vim-flutter
https://github.com/thosakwe/vim-flutter

Flutter用のVimコマンド。保存時のホットリロードなど。


### AppleEducate / gmail_clone
https://github.com/AppleEducate/gmail_clone

Flutter作られたGmailクローン


### pichillilorenzo / flutter_inappbrowser
https://github.com/pichillilorenzo/flutter_inappbrowser

インラインのWebビューを追加したり、アプリ内のブラウザウィンドウを開いたりできるFlutterプラグイン。


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

さまざまなアニメーションウィジェットで遊べるアプリです。