Flutterウィークリー #73

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

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

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


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

### Flutterチュートリアル：従来のショッピングアプリUIをフラッターで簡単に作成
https://cybdom.tech/flutter-tutorial-shopping-app-ui/

<img src="https://i0.wp.com/cybdom.tech/wp-content/uploads/2019/08/shopping-app-tutorial-flutter.jpg?fit=1600%2C1200&ssl=1" />
新しいUIチュートリアル、今回はショッピングアプリ。


### Flutter Inを使用したFlutter GridViewチュートリアル
https://www.gotut.net/flutter-grid-view-tutorial/

<img src="https://www.gotut.net/wp-content/uploads/2019/08/flutter_gridview.png" />
FlutterのGridviewを使用して、フェードイン効果のある画像ギャラリーを作成する方法を学びます。


### Flutter電卓アプリを構築する
https://itnext.io/building-a-calculator-app-in-flutter-824254704fe6

<img src="https://miro.medium.com/freeze/max/1200/1*Yi-jDdOsVFH_7yHivLoJAQ.gif" />
Kenneth Reillyは、 Flutter段階的に電卓を作成します。


### Flutter iOSアプリのキーボード完了ボタンUX
https://blog.usejournal.com/keyboard-done-button-ux-in-flutter-ios-app-3b29ad46bacc

<img src="https://miro.medium.com/max/1072/1*1kTxk-KMyn-hluQbLqcvRg.png" />
Ramankit Singhは、iOSのキーボードで[完了]ボタンを再現するソリューションを示しています。


### ストリームを使用したFlutterでの非同期プログラミング
https://medium.com/@bertoboh/async-programming-in-flutter-with-streams-c949f74c9cf9

<img src="https://miro.medium.com/max/1200/1*Fbvd3_SnWIgU1cTZprOz9w.jpeg" />
Albert ObohによるFlutterでのStreamsの使用の概要


### Flutter認証
https://medium.com/@greg.perry/auth-in-flutter-97275b29b550

<img src="https://miro.medium.com/max/1200/1*w1CY-3SD5h3GDPW-VJs8Dw.png" />
Greg Perryは、Firebase authでauthパッケージを使用する方法を詳細に分析して示します。


### FlutterとCustom Painterを使用してレーダーチャートを作成する
https://medium.com/@d.panaite92/building-a-radar-chart-with-flutter-and-custom-painter-384c005002f9

<img src="https://miro.medium.com/max/1200/1*J0LPIV_sm4a258lz7GGz3Q.png" />
Dan Panaiteによるこのチュートリアルで、カスタムペインターを使用して独自のレーダーチャートを作成する方法を学びます。


### Flutter for the Web — Githubにデプロイする
https://medium.com/flutter-community/flutter-for-the-web-deploy-to-github-da454e4bc079

<img src="https://miro.medium.com/max/1024/1*u_f1WkKb9vvLiKIHyOxciw.jpeg" />
Flutter webを使用していますか？アコラ・イングのおかげで、あなたの作品を世界に見せてください。 DKB。GithubPagesにデプロイする方法を教えてくれます。


### Flutter iOSアプリのアイコンをプログラムで変更する
https://medium.com/flutter-community/programatically-change-ios-app-icon-in-flutter-c9e84bc541a2

<img src="https://miro.medium.com/max/600/1*e0bOUkbWV_WOhnSkLT9MGw.png" />
iOS 10.3以降、Appleはアプリのランチャーアイコンをプログラムで変更する機能を導入しました。 Alessandro FaveroはFlutterからそれを行う方法を説明しています。


### MVCの神社
https://medium.com/flutter-community/shrine-in-mvc-7984e08d8e6b

<img src="https://miro.medium.com/max/1200/1*GygsRC1V5J7ujs-WxZ90sA.png" />
MaterialサンプルアプリShrineを知っていますか？ Greg Perryが、サンプルを取得してMVCアーキテクチャに変更する方法を説明します。


### プロバイダーとBLoCでFlutter状態管理を簡素化
https://medium.com/fluttervn/simplify-flutter-state-management-with-provider-and-bloc-dcfad49bedf2

<img src="https://miro.medium.com/max/369/1*bwg1b4LbBjrOoIiJvz5UPA.png" />
ラムはプロバイダーライブラリをテストしており、いくつかの問題を見つけた後、プロバイダーとBLoCの組み合わせがどのようにうまく機能するかを説明します。


### Flutterネットワークリクエストをデバッグする3つの簡単な方法
https://medium.com/flutter-community/three-easy-ways-to-debug-network-requests-in-flutter-53043e898929

<img src="https://miro.medium.com/max/1200/1*IXw0QNQgsiarjMUtoLfxkA.jpeg" />
Flutter作業するときにネットワーク要求をデバッグするのに役立ついくつかのヒント。


### Flutterレスポンシブデザイン：はじめに
https://www.raywenderlich.com/4324124-responsive-design-for-flutter-getting-started

<img src="https://koenig-media.raywenderlich.com/uploads/2019/08/ResponsiveLayout-twitter.png" />
JB Lorenzoは、 Flutterさまざまな画面サイズと向きを処理する方法に関する洞察を提供します。


# ビデオ＆メディア

### Flutter TDDクリーンアーキテクチャコース
https://www.youtube.com/watch?v=KjE2IDphA_U&feature=youtu.be&t=2s

<img src="https://i.ytimg.com/vi/KjE2IDphA_U/maxresdefault.jpg" />
コードをクリーンに保ち、テストすることは、2つの最も重要な開発プラクティスです。 Clean ArchitectureをFlutterプロジェクトに適用する方法を学びます。


### Flutter UI | Stadiaアプリのコンセプト
https://www.youtube.com/watch?v=-rqvZfUdSPw&feature=youtu.be&t=6395s

<img src="https://i.ytimg.com/vi/-rqvZfUdSPw/maxresdefault.jpg" />
このビデオでは、CustomPainter、カスタムウィジェット、アニメーション、その他を使用して、レスポンシブで適応性のあるレイアウトを作成する方法を説明します。


### Flutterアニメーション切り替えボタン
https://www.youtube.com/watch?v=XI3LFEvagBY&feature=youtu.be&t=610s

<img src="https://i.ytimg.com/vi/XI3LFEvagBY/maxresdefault.jpg" />
アニメーション付きのカスタムスイッチボタンを作成する方法を学びます。


### Flutter Desktopの使用開始
https://www.youtube.com/watch?v=V09e5nb95lo&feature=youtu.be&t=236s

<img src="https://i.ytimg.com/vi/V09e5nb95lo/maxresdefault.jpg" />
このビデオでは、 Flutterを使用してデスクトップアプリケーションを作成するための最初の手順を実行する方法を示します。


### AdmobをFlutterに追加する方法
https://www.youtube.com/watch?v=xSrNB6ge66Q&feature=youtu.be&t=205s

<img src="https://i.ytimg.com/vi/xSrNB6ge66Q/hqdefault.jpg" />
firebase_admob dartパッケージを使用してフラッターにadmobを追加する方法に関するビデオチュートリアルのコーディング


### セマンティクス（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=NvtMt_DtFrQ&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=48

<img src="https://i.ytimg.com/vi/NvtMt_DtFrQ/maxresdefault.jpg" />
Semanticsを使用して、アプリのUIにウィジェットに関する情報を注釈するウィジェットを使用して、 Flutterアプリをより包括的にします。


# ライブラリ＆コード

### henriquearthur / flutter_native_splash
https://github.com/henriquearthur/flutter_native_splash

AndroidおよびiOSでスプラッシュスクリーンを追加するためのネイティブコードを自動的に生成します。特定のプラットフォーム、背景色、スプラッシュ画像でカスタマイズします。


### ketanchoyal / extended_navbar_scaffold
https://github.com/ketanchoyal/extended_navbar_scaffold

拡張可能なフローティングナビゲーションバーを備えたカスタム拡張足場


### simformsolutions / flutter_showcaseview
https://github.com/simformsolutions/flutter_showcaseview

iOSおよびAndroidで機能を紹介できるFlutterプラグイン。