Flutterウィークリー #70

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

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

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





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

### Flutter –ポートレートとランドスケープのレイアウト
https://codingwithjoe.com/flutter-portrait-and-landscape-layouts/

<img src="https://codingwithjoe.com/wp-content/uploads/2019/08/app-portrait.png" />
縦向きでも横向きでも、美しく表示できるFlutterフォームの作成方法を調べてください。


### 「刷新」 Flutterボトムシート
https://medium.com/flutter-community/revamped-flutter-bottom-sheet-61662dc2983

<img src="https://miro.medium.com/max/1200/1*vN6q2b7B-kW_tnUxlu01Kg.png" />
Sumeet Rukejaは、独自のボトムシートをゼロから作成して、さらにカスタマイズできるようにする方法を説明します。


### Flutterはよさそうですが、痛いです。ここに私の不満があります。
https://medium.com/@bernaferrari/from-android-dev-flutter-looks-good-but-is-painful-here-are-my-frustrations-with-it-81b4bbe739f8

<img src="https://miro.medium.com/max/1200/1*QEOUPO-WaNwrbMngRAElag.png" />
ベルナルド・フェラーリはFlutterを試し、その過程で発見したいくつかの問題を共有しています。


### プロバイダーパッケージの詳細
https://medium.com/flutter-nyc/a-closer-look-at-the-provider-package-993922d3a5a5

<img src="https://miro.medium.com/max/1200/1*8Ah2h28bxT0-vk18Q4xVVA.jpeg" />
プロバイダーパッケージをよりよく理解するためのMartin Rybakの記事


### Flare＆ Flutterした水追跡アプリの構築
https://medium.com/2dimensions/building-a-water-tracking-app-with-flare-flutter-f03de436dba3

<img src="https://miro.medium.com/max/1200/1*gnRb_ksz8WHC4FzzvvttvA.png" />
FlutterアプリからFlareアニメーションを処理する方法を理解するための優れたチュートリアル。


### Flutter —デバッグUIチートシート
https://medium.com/@louagejulien/flutter-debugging-ui-cheat-sheet-18a7b09dd468

<img src="https://miro.medium.com/max/1200/1*mIiHtm3Hc53z7ZedQhqS6w.jpeg" />
Julien LouageによってキュレーションされたUIのデバッグフラグのリスト


### Flutterとムーア
https://medium.com/flutterpub/flutter-and-moor-c2b2e03b1fbe

<img src="https://miro.medium.com/max/1200/1*SXm4XMVpgIzpoJLclbeDMA.png" />
Aseem Wangooによるこの記事では、Moorを使用してFlutterデータベースの操作を簡素化する方法を学びます。


### Flutterとコマンドライン—ラブストーリー
https://medium.com/flutter-community/flutter-and-the-command-line-a-love-story-a3648ef2411

<img src="https://miro.medium.com/max/1200/1*WuS75U7e5TP4y8vaLFRLsg.png" />
GonçaloPalmaは、コマンドラインオプションをレビューしてFlutterます。


### Flutter Rx Dartを使用したインスタント画像検索
https://medium.com/@sagarsuri56/instant-image-search-using-rxdart-in-flutter-9eedd4b53364

<img src="https://miro.medium.com/max/1200/1*Hinv3LuvkZCXUAHy2cj8lw.png" />
Rx Dartを使用して画像検索アプリを作成する方法を説明するSagar Suri。


### Dialog ManagerでFlutterダイアログを管理する
https://medium.com/flutter-community/manager-your-flutter-dialogs-with-a-dialog-manager-1e862529523a

<img src="https://miro.medium.com/max/1200/1*gNYdkU2SXViMAKK5uiTLnA.jpeg" />
Dane Mackierは、中央のダイアログマネージャーを使用してアプリでダイアログを処理する方法を示します。


### プロバイダー—およびそのタイプ
https://medium.com/flutterpub/provider-and-its-types-dda8463586e7

<img src="https://miro.medium.com/max/1200/1*nogDwSDoTisWnX24krcadw.png" />
Aseem Wangooによるプロバイダーパッケージの紹介


### Flutterを使用したテキスト読み上げ
https://medium.com/@arend.kuehle/text-to-speech-with-flutter-8d959dad40a8

<img src="https://miro.medium.com/max/1200/1*UpYip0hMzt2uGfaGaMdQXw.jpeg" />
FlutterでTTSを使用する際のArendKühleによるヒント。


### レンタル代理店向けのFlutterデータ入力フォームアプリの作成
https://medium.com/flutter-community/writing-a-flutter-data-entry-form-app-for-a-rental-agency-e5a7dab20596

<img src="https://miro.medium.com/max/1200/1*GkQgY5cWP62sWl4fzvl8IQ.jpeg" />
Steve Zwartによるこの記事でFlutterフォームの取り扱いを学ぶ


### カールとDart楽しみ-マーキーデセルス：クリスの洞察力
http://sellsbrothers.com/fun-with-curl-and-dart

<img src="http://sellsbrothers.com/_avatars/2daebd98-55ac-4462-b80d-a1bb7156ce67.jpg" />
Chris Sellは、Curlでリクエストを生成し、それらをDartコードに変換する方法を説明します。


### Flutter次のアプリを作成する理由
https://skillsmatter.com/skillscasts/13223-why-i-m-building-my-next-app-in-flutter

<img src="https://res.cloudinary.com/skillsmatter/image/upload/c_fill,w_200,h_200,g_face/v1557223228/txdu7cjwwlqanh9snzls.jpg" />
アンジェラ・ユーによるFlutterの紹介


# ビデオ＆メディア

### Flutterフォーム検証を追加し、Firebase Authエラーメッセージのユーザーに警告する方法
https://www.youtube.com/watch?v=bSUdYUw4Jjs

<img src="https://i.ytimg.com/vi/bSUdYUw4Jjs/hqdefault.jpg" />
サインアップとサインインフォームにカスタムフォーム検証を追加し、エラーメッセージを処理する方法


### AnimatedPositioned（ Flutter Widget of the Week）
https://www.youtube.com/watch?v=hC3s2YdtWt8&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=45

<img src="https://i.ytimg.com/vi/hC3s2YdtWt8/maxresdefault.jpg" />
AnimatedPositionedは、指定された位置が変更されるたびに、指定された期間にわたって子の位置を自動的に移行します


### Flutterグリッターアニメーションを作成する（The Boring Flutter Development Show、Ep。27）
https://www.youtube.com/watch?v=OTwIfUFZmVw&list=PLjxrf2q8roU3ahJVrSgAnPjzkpGmL9Czl&index=36&t=12s&linkId=71420748

<img src="https://i.ytimg.com/vi/OTwIfUFZmVw/maxresdefault.jpg" />
この退屈なショーのエピソードでは、アンドリューはゲストメアリーと一緒に、 Flutterキラキラと輝くアニメーションを作成するというアイデアを探求します。


### Flutterアニメーションチュートリアル-基本を理解し、簡単にアニメーション化する
https://www.youtube.com/watch?v=txLvvlooT20&feature=youtu.be

<img src="https://i.ytimg.com/vi/txLvvlooT20/maxresdefault.jpg" />
カスタムアニメーションの作成方法を学ぶ


### Flutter Bloc-自動ルックアップ-v0.20（以降）、更新されたチュートリアル
https://www.youtube.com/watch?v=_vOpPuVfmiU&feature=youtu.be

<img src="https://i.ytimg.com/vi/_vOpPuVfmiU/maxresdefault.jpg" />
このチュートリアルでは、BLoCライブラリを使用して状態を管理する最新のベストプラクティスと方法を学習します。


### Flutter File Upload-画像を選択、切り取り、クラウドに保存
https://www.youtube.com/watch?v=HCmAwk2fnZc&feature=youtu.be

<img src="https://i.ytimg.com/vi/HCmAwk2fnZc/maxresdefault.jpg" />
FlutterとFirebase Cloud Storageでファイルをアップロードしてください。画像を選択、切り取り、クラウドストレージバケットにアップロードする方法を学ぶ


### Flutter Live： Flutter Blocパッケージの学習|私と一緒に学びましょう！
https://www.youtube.com/watch?v=eAiCPl3yk9A&feature=youtu.be

<img src="https://i.ytimg.com/vi/eAiCPl3yk9A/hqdefault.jpg" />
BLoCの使用方法を示すロバートブランヘイジのキャスト


### Flutterミニマルデザイン-栄養アプリ
https://www.youtube.com/watch?v=K1uH_SN4X0w

<img src="https://i.ytimg.com/vi/K1uH_SN4X0w/maxresdefault.jpg" />
別のデザインチャレンジ、今回は栄養アプリ


### エリック・ザイデル（ Flutter共同設立者）へのインタビュー
https://www.youtube.com/watch?time_continue=287&v=AMOs1cuNhDY

<img src="https://i.ytimg.com/vi/AMOs1cuNhDY/maxresdefault.jpg" />
フルテランドのメンバーがエリック・ザイデルにインタビューします（ポルトガル語での紹介ですが、インタビューは英語です）


### Material Themer- Flutter開発ツールの情報ビデオ
https://www.youtube.com/watch?v=o_xs5sXEaqg&feature=youtu.be

<img src="https://i.ytimg.com/vi/o_xs5sXEaqg/maxresdefault.jpg" />
Material Themerアプリを使用すると、ThemeDataを視覚的に作成し、ワンクリックでコードを生成できます


# ライブラリ＆コード

### Flutter Enhancement Suite
https://plugins.jetbrains.com/plugin/12693-flutter-enhancement-suite

<img src="https://plugins.jetbrains.com/files/12693/67504/icon/META-INF_pluginIcon.png" />
Flutter作業をこれまで以上に簡単にするための重要なプラグイン！


### AubergineDevelopers / flutter_scale
https://github.com/AubergineDevelopers/flutter_scale

Flutterパッケージを使用すると、Scaleウィジェットを簡単に統合できます。


### csells / flutter_mazegen
https://github.com/csells/flutter_mazegen

Flutter迷路を生成するために古いC ++を移動する


### florent37 / Flutter -ShapeOfView
https://github.com/florent37/Flutter-ShapeOfView

フラッターウィジェットにカスタムシェイプを追加し、Material Design 2を準備


### mjohnsullivan / ffi
https://github.com/mjohnsullivan/ffi

DartからCライブラリを呼び出す方法を示す一連の簡単な例。