Flutterウィークリー #64

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

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

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


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

### Flutterアプリに広告を簡単に実装する
https://flutterawesome.com/easily-implement-ads-into-a-flutter-app/

<img src="https://flutterawesome.com/content/images/2019/06/ads.jpg" />
Flutter Awesomeによるこのチュートリアルのおかげで、広告でアプリを収益化できます。


### Flutter - Reduxを使ったテスト可能なアーキテクチャ
https://jorgecastillo.dev/flutter-end-to-end-testable-architecture-using-redux

<img src="https://jorgecastilloprz.github.io/assets/images/taj.jpg" />
Jorge Castilloによる完全なReduxアーキテクチャの実装方法に関するチュートリアルで、完全にテスト可能です。


### Travis-CIを使用してFlutterアプリAPKを自動的に構築します
https://medium.com/apolloblog/automatically-build-your-flutter-apps-with-travis-ci-4c1e47a5ae69

<img src="https://miro.medium.com/max/1200/1*Z4Fxaxs0Y-HgOExfG4Snag.png" />
Sam MearnsがTravisでFlutterプロジェクトをビルドする方法を示します。ビルドされたapkをダウンロードする簡単な方法も含まれています。


### サービスを管理するためのライフサイクルマネージャを構築する
https://medium.com/flutter-community/build-a-lifecycle-manager-to-manage-your-services-b9c928d3aed7

<img src="https://miro.medium.com/max/1200/1*BETSi4rgAKzSjZFv2kBDEg.jpeg" />
アプリがバックグラウンドになったときにサービスを停止する方法に関する投稿Dane Mackier


### Flutterテーママネージャを構築する
https://medium.com/flutter-community/build-a-theme-manager-in-flutter-3faeed26b8b3?postPublishedType=initial

<img src="https://miro.medium.com/max/1200/1*eBKsLQ9OxQj8GR8Q7p3Rvg.jpeg" />
Dane Mackierによるこの記事では、アプリにさまざまなテーマを設定してその場で切り替える方法を学びます。


### &quot;hydrated_bloc&quot;を使用してブロック状態をキャッシュする
https://medium.com/flutter-community/caching-bloc-state-with-hydrated-bloc-e565f81520a4

<img src="https://miro.medium.com/max/1200/1*wgVl0KUqYd6413R-0WcM9w.png" />
Felix Angelovは、hydrated_blocライブラリを使用して、実行間のブロックの状態を保持する方法を説明します。


### Flutterを使ったWebアプリの開発
https://medium.com/flutterdevs/developing-web-apps-using-flutter-flutter-for-web-65d0fec5f588

<img src="https://miro.medium.com/max/1200/1*6npDaXAje66EqwMQa4hLBA.png" />
Aditya SyalによるWeb用Flutter一般的な紹介。


### Flutterチャートライブラリ：評価
https://medium.com/@ansterj/flutter-charting-libraries-an-evaluation-b1d6de5c7b85

<img src="https://miro.medium.com/max/1200/1*QrWG8Sk0CbxwZjACDG68_w.png" />
Jim AnsterはFlutter利用可能なチャートライブラリを比較し、それぞれの長所と短所を分析します。


### Cloud BuildでCI / CDをFlutter
https://medium.com/@damonlee_36939/flutter-ci-cd-with-cloud-build-android-9cd12ade8306

<img src="https://miro.medium.com/max/1200/1*tH5Z0b0RfV--Tzs8mZNqCA.png" />
Cloud BuildがFlutter CIに適している場合は、Damon Leeによるこのチュートリアルを確認してください。


### Flutterフリップコインアニメーションテストドライブ
https://medium.com/@mk.pyts/flutter-flip-coin-animation-test-drive-e7ddb126a20c

<img src="https://miro.medium.com/max/1200/1*Z19Zu0cDsZFXQ9ZxEATEDg.png" />
Pyts Mikeによる複雑なアニメーションの詳細なチュートリアル


### 状態管理のあるFlutter
https://medium.com/better-programming/flutter-tabs-w-state-management-ac2049be7160

<img src="https://miro.medium.com/max/1200/0*WGX5QrpNO4dcoEKD" />
プロバイダライブラリを使用してタブ間の状態を処理および保持する方法の例。


### Flutterゲームやアプリ用のアニメーションファンシーボタンを作成する方法
https://medium.com/flutter-community/how-to-create-an-animated-fancy-button-for-flutter-games-and-apps-3da7b81c2c12

<img src="https://miro.medium.com/max/1200/1*f_Mjlc0oUQ1IFuwhpNfSlg.png" />
Mariano Zorrillaは、計算された影付きのカラフルなボタンのウィジェットを作成する方法を示しています。


### FlutterアプリをFlutter Webに移行する
https://medium.com/@suchandrimsarkar/migrate-your-flutter-app-to-flutter-web-4bd3c9b3e81d

<img src="https://miro.medium.com/freeze/max/1200/1*5ony-CjMaCxAvd7fJd6uqg.gif" />
Suchandrim Sarkarは、モバイルFlutterアプリをWeb Flutterアプリに移行するために必要な手順を分析しました。


### 生成したDartファイルをGitに追加する必要がありますか？
https://medium.com/@MiBLT/should-i-add-generated-dart-files-to-git-16802b2fd1a0

<img src="https://miro.medium.com/max/1200/1*p2w9cA6GCcHL3tj38_PwzQ.png" />
Miguel Beltranが、自動生成コードファイルをコミットするべきかどうかについて議論します。


### Flutter CustomPaintを使ったあなた自身のNotebookページ
https://medium.com/aubergine-solutions/your-own-notebook-page-using-custompaint-in-flutter-5d902ecccf8c

<img src="https://miro.medium.com/max/1200/1*pz6Ni2vMVkvp_u4L8k6bEQ.png" />
Pinkesh Darjiによるこのチュートリアルで素敵なノートの背景を作成してください。


# ビデオ＆メディア

### AspectRatio（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=XcnP3_mO_Ms

<img src="https://i.ytimg.com/vi/XcnP3_mO_Ms/maxresdefault.jpg" />
AspectRatioウィジェットを使用して、アプリ内のウィジェットの縦横比を調整できます。寸法変更時にウィジェットの幅と高さの比率を一定に保つために使用します。


### Flutter始まり：テキストウィジェット
https://www.youtube.com/watch?v=k2iw8n4atXQ

<img src="https://i.ytimg.com/vi/k2iw8n4atXQ/maxresdefault.jpg" />
FlutterのText Widgetは、最初に学ぶウィジェットの1つです。


### チョッパー（ Flutter ） - ＃1基本
https://www.youtube.com/watch?v=zFXK5EsrUF0&feature=youtu.be

<img src="https://i.ytimg.com/vi/zFXK5EsrUF0/maxresdefault.jpg" />
ネットワーク要求を単純化するためのRetrofit風のライブラリ、Chopperの紹介。


### Dart先物 - フォーカスのFlutter
https://www.youtube.com/watch?v=OTS-ap9_aXc&feature=youtu.be

<img src="https://i.ytimg.com/vi/OTS-ap9_aXc/maxresdefault.jpg" />
今後のオブジェクトに関するすべてのもの、学んDart 、データを処理する方法を含む非同期のための最も基本的なAPIを、エラーをキャッチし、建物の仕事に先物を置くFlutter FutureBuilderでウィジェットを。


### Flutterチュートリアル - Flutterウェブ
https://www.youtube.com/watch?v=YelioRdQI4k

<img src="https://i.ytimg.com/vi/YelioRdQI4k/maxresdefault.jpg" />
このビデオでは、どのようにしてWebにフラッタを追加し、このシンプルなページ「Euro Rail」ページを作成するかについて説明します。


### Flutter ：背景フェッチ| AndroidとiOSのバックグラウンドでコードを実行する
https://www.youtube.com/watch?v=NhlPK10_k9E&feature=youtu.be

<img src="https://i.ytimg.com/vi/NhlPK10_k9E/maxresdefault.jpg" />
このビデオでは、アプリが終了してもコードをバックグラウンドで実行する方法を学びます。


# ライブラリ＆コード

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

Flutter構築されたGoogle Tasksアプリのクローン。


### ArtStumble / artstumble
https://github.com/maylortaylor/ArtStumble/tree/master/artstumble

あなたの周りの地元の芸術を探索するためのアプリ。驚くほど文書化されたサンプルアプリ。


### ayush221b /ニュースライン
https://github.com/ayush221b/newsline

<img src="https://repository-images.githubusercontent.com/192439656/1b8dab00-9193-11e9-83b9-0f0c923e3d31" />
あなたの場所に基づいてあなたに最新かつ最新のニュースを入手するためのアプリ。


### JideGuru / Flutter Webピザ
https://github.com/JideGuru/FlutterWeb-Pizza

Flutter Webで作られた簡単なPizzaウェブページ


### Jithin-Jude / flutter_my_jio_clone
https://github.com/Jithin-Jude/flutter_my_jio_clone

Flutter開発したMy Jioアプリ（ペイメントアプリ）UIクローン


### lesnitsky / flutter_local_assets_server
https://github.com/lesnitsky/flutter_local_assets_server

WebViewにアセットを提供するローカルサーバー


### ラインベントダル/事業部
https://github.com/ReinBentdal/division

CSSに触発された構文を使用したシンプルでありながら強力なスタイリングウィジェット。


### rvamsikrishna / inview_notifier_list
https://github.com/rvamsikrishna/inview_notifier_list

リストビューを作成し、ウィジェットが画面に表示されたときに通知するFlutterパッケージ。


### Sub6Resources / flutter_html
https://github.com/Sub6Resources/flutter_html

Flutterのような静的なHTMLをレンダリングするためのウィジェットFlutterウィジェット（オーバー70種類のHTMLタグをレンダリングします！）