Flutterウィークリー #67

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

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

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


# アナウンス

### Flutter 1.7を発表
https://medium.com/flutter/announcing-flutter-1-7-9cab4f34eacf

<img src="https://miro.medium.com/max/1200/1*PzRLnOtNMtoO59dPPz--hA.png" />
Flutter 1.7はこちら！ Tim Sneathが新機能の概要を説明します。


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

### Flutter波形を描く
https://matt.aimonetti.net/posts/2019-07-drawing-waveforms-in-flutter/

<img src="https://matt.aimonetti.net/images/waveform.png" />
Flutterで波形を描画する方法についてのMatt Aimonettiによる詳細な説明。


### Flutter時間依存性注入のコンパイル
https://sagarsuri56.hashnode.dev/compile-time-dependency-injection-in-flutter-cjxty3efh005fkvs14va5w339

<img src="https://hashnode.com/util/r?url=https%3A%2F%2Fhashnode.imgix.net%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1562563135527%2FvbKusb8NX.png%3Fw%3D800%26h%3D420%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dformat%2Cenhance%26q%3D60" />
Sagar Suriがあなたのアプリケーションにコンパイル時DIエンジンを含める方法を詳しく述べています。


### Flutter材料範囲スライダ
https://medium.com/flutter/material-range-slider-in-flutter-a285c6e3447d

<img src="https://miro.medium.com/max/1200/0*wtmSldtwjSvtRtuI" />
FlutterチームのAnthony Robledoによるこのチュートリアルで、 Flutter 1.7に含まれている空想の新しい範囲のスライダーの使い方を学びましょう。


### Dartを使った定型コード生成
https://medium.com/@saifulislamadar_12003/boilerplate-code-generation-using-dart-e2c08aa21bb7

<img src="https://miro.medium.com/max/1200/0*8LPxcTOMhvB1s8Uu" />
Saiful Islam Adarは、BLoCクラスを生成するために彼が作成したコードジェネレータへの説明をします。


### FlutterとDialogflowを使用して20分でチャットボットを構築する
https://medium.com/flutter-community/build-a-chatbot-in-20-minutes-using-flutter-and-dialogflow-8e9af1014463

<img src="https://miro.medium.com/max/1200/1*iAs2XS_WPhTBtdLTYM9aHA.png" />
Promise Nzubechi Amadiが私のお気に入りの2つのツールFlutterとDialogflowを組み合わせて、20分でチャットボットを作成しました。


### Flutter Eコマースアプリケーションバックエンドのコーディング
https://medium.com/flutter-community/coding-an-e-commerce-app-backend-in-flutter-9bd11ed5dcce

<img src="https://miro.medium.com/max/1200/1*O4FapmpiYnZ2cOlwhgBpUg.png" />
Rishi Banerjeeが、eコマースAPIを使用するアプリを作成するための基本を説明しています。


### カスタムアプリケーションバー-作成Flutter
https://medium.com/@ketanchoyal/create-a-custom-app-bar-flutter-e32164e0be6f

<img src="https://miro.medium.com/max/1200/1*qXONjFNwDfpxuPLAZ1pX9A.png" />
Ketan Choyalによるこのチュートリアルに従って、独自のカスタムappbarsを作成してください。


### Flutterドラッグ可能なウィジェットを作成する
https://medium.com/flutter-community/create-a-draggable-widget-in-flutter-50b61f12635d

<img src="https://miro.medium.com/max/1200/1*y9COWy1gnpK7n8F0cffPNg.jpeg" />
Dane Mackierは、画面上でドラッグできるウィジェットを簡単に作成できることを示しています。


### FlutterとZeplin：設計から開発プロセスをスピードアップ
https://medium.com/flutter-community/flutter-and-zeplin-speed-up-the-development-process-from-your-design-45ff5d21166a

<img src="https://miro.medium.com/max/1200/1*Qg4YzaNwSeXyAP9u79TJpA.png" />
RobertoJuárezは、デザインの各コンポーネントに対してFlutterウィジェットのコードを生成する素晴らしいZeplin拡張を作成しました。


### ボトムシートを使用するためのFlutter初心者ガイド
https://medium.com/flutter-community/flutter-beginners-guide-to-using-the-bottom-sheet-b8025573c433

<img src="https://miro.medium.com/max/1200/1*O6FgCk3ZytjZiAk7XBjN5Q.jpeg" />
Dane Mackierによるこの記事で、ボトムシートの基本を学んでください。


### Flutter状態管理：setState、BLoC、ValueNotifier、Provider
https://medium.com/coding-with-flutter/flutter-state-management-setstate-bloc-valuenotifier-provider-2c11022d871b

<img src="https://miro.medium.com/max/1200/1*rXFefCEa1qbzIq7sefbZDA.jpeg" />
Andrea Bizzottoは最も一般的な状態管理ソリューションを比較し、それぞれの長所と短所を示します。


### Flutter ：カウンターアプリを理解する
https://medium.com/flutter-community/flutter-understanding-counter-app-ca89de564170

<img src="https://miro.medium.com/max/1200/1*Jql7Se2dPI1jebdqeLmpZQ.png" />
Flutterを始めとするあなたのために、Souvik BiswasはサンプルCounterアプリの詳細を分析します。


### Flutterパッケージを作成、公開、管理する方法
https://medium.com/flutter-community/how-to-create-publish-and-manage-flutter-packages-b4f2cd2c6b90

<img src="https://miro.medium.com/max/1200/1*Rss18z2JuZvdTIp1UVT1_g.jpeg" />
natÇipliによるこのチュートリアルのおかげであなた自身のパッケージを作成し公開する方法を学びましょう。


### Flutterプロジェクトを構築する方法
https://medium.com/@kelvengalvao/how-to-structure-your-flutter-project-51f34254a5ae

<img src="https://miro.medium.com/max/1200/0*k4UHc8soPvUGpakD.png" />
KelvenGalvãoさんが、 Flutter用のnpm風のパッケージマネージャ兼コードジェネレータSlidyを紹介します。


### FlutterボーリングタブからFlutter
https://mightytechno.com/flutter-boring-tab-to-cool-tab/

<img src="https://mightytechno.com/wp-content/uploads/2019/07/Flutter-Tab-Style-2.png" />
Ishan Fernandoによる、さまざまなタブの作成方法に関するいくつかの例。


# ビデオ＆メディア

### Async / Await  - Flutterインフォーカス
https://www.youtube.com/watch?v=SmTCmDMi4BY

<img src="https://i.ytimg.com/vi/SmTCmDMi4BY/maxresdefault.jpg" />
これは、 Dart非同期コーディングに関するFlutter in Focusシリーズの4番目のビデオです。このエピソードでは、 Dartの先物でasyncキーワードとawaitキーワードを使用する方法を学びます。


### Flutterチュートリアル - Flutterチャート+ Firestore
https://www.youtube.com/watch?v=HGkbPrTSndM&feature=youtu.be

<img src="https://i.ytimg.com/vi/HGkbPrTSndM/maxresdefault.jpg" />
このビデオでは、chart_flutterプラグインを使用してチャートを作成し、チャートデータをFirestoreから取得する方法を説明します。


### Flutter UI卑劣な私のキャラクター - パート1
https://www.youtube.com/watch?v=-5DTrcXxGs8&feature=youtu.be

<img src="https://i.ytimg.com/vi/-5DTrcXxGs8/maxresdefault.jpg" />
Flutter卑劣な私のキャラクターのデモ。グラデーション、カスタムクリッパー、ヒーロートランジション、レスポンシブUIの作成を学びます。


### Flutter - モバイル、Web、およびデスクトップアプリケーションに関するGoogleの最新の技術革新
https://www.youtube.com/watch?v=80pRyn7fZRk

<img src="https://i.ytimg.com/vi/80pRyn7fZRk/maxresdefault.jpg" />
ベルリンで開催されたWeAreDevelopersカンファレンスでのMartin AguinisとMatt Sullivanによる基調講演。


### Dart ＆ Flutterでpubパッケージを作成する方法
https://www.youtube.com/watch?v=rsbk0kb_tdE&feature=youtu.be

<img src="https://i.ytimg.com/vi/rsbk0kb_tdE/maxresdefault.jpg" />
Flutterパッケージを作成して公開する方法の紹介。


### FlutterとHugoでブログを作る -  FunWith Devlog 01
https://www.youtube.com/watch?v=3VTTrGZrYS0&feature=youtu.be

<img src="https://i.ytimg.com/vi/3VTTrGZrYS0/maxresdefault.jpg" />
Hugoファイルに変更が加えられるたびに自動的にFlutter Webアプリケーションを更新するためにHugoとFlutter for webを混在させる方法の例。


### RichText（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=rykDVh-QFfw&feature=share

<img src="https://i.ytimg.com/vi/rykDVh-QFfw/maxresdefault.jpg" />
複数のスタイルを組み合わせた線または段落を表示しますか？ RichTextウィジェットを使用すると、テキストのスタイルを設定できます。


### Flutter 1.7の新機能
https://www.youtube.com/watch?v=8U9eYVse2Hw

<img src="https://i.ytimg.com/vi/8U9eYVse2Hw/maxresdefault.jpg" />
AndoidXおよび64ビットビルドのサポートを含む、 Flutter 1.7の新機能に関するビデオ。


# ライブラリ＆コード

### aloisdeniel / flutter_shared_ui_poc
https://github.com/aloisdeniel/flutter_shared_ui_poc

フライングモバイルとウェブの間でuiを共有できることの証明。


### ashishrawat2911 / flutter_web_portfolio
https://github.com/ashishrawat2911/flutter_web_portfolio

<img src="https://repository-images.githubusercontent.com/195615822/c8f45b80-a233-11e9-935b-04829f748b89" />
レスポンシブWebポートフォリオがフラッターで構築されています。


### ButterCMS / buttercms-dart
https://github.com/ButterCMS/buttercms-dart

ButterCMS APIのDart SDK


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

Flutterマルチプラットフォームのサンプルゲーム


### devrnt / book-library：
https://github.com/devrnt/book-library

AndroidとIOSの両方のための本図書館アプリ