Flutterウィークリー #43

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

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

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


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

### Flutter -  2018年10月版における工学的努力の優先順位付けのためのユーザ調査の使用法
https://medium.com/flutter-io/how-we-use-user-surveys-to-prioritize-engineering-effort-in-flutter-october-2018-edition-a26e45abf5aa

<img src="https://cdn-images-1.medium.com/max/1200/1*gKUzs2GxDWCBIS-i218_zQ.png" />
GoogleのUXリサーチャーであるJa Young Leeが、 Flutter調査結果と、仕事の優先順位付けにどのように使用しているかについて説明します。


### 開発者とデザイナーがどのようにFlutterを使ってコラボレーションできるか
https://medium.com/fm-stories/how-developers-and-designers-can-collaborate-using-flutter-35b3e49046ca

<img src="https://cdn-images-1.medium.com/max/1200/1*_3DWVnLqAxJrAqIazXeRmQ.jpeg" />
Julia ParkとSlava Oleninは、 Flutterデザイナーを紹介することによって行われた興味深いテストを共有しています。


### フラッタでカスタムペインタでジェスチャを使用する方法
https://medium.com/flutteropen/canvas-tutorial-05-how-to-use-the-gesture-with-the-custom-painter-in-the-flutter-3fc4c2deca06

<img src="https://cdn-images-1.medium.com/max/1200/1*tD5EIUkVNA2wk7u1P4_F0g.png" />
カスタムキャンバスペイントとジェスチャを組み合わせる方法についてのNieBinによるチュートリアル。


### Flutter Firebaseダイナミックリンクを調理する
https://medium.com/flutter-community/if-you-want-to-make-your-product-popular-the-strategy-of-mouth-publicity-is-unavoidable-part-of-9da78ea32e79

<img src="https://cdn-images-1.medium.com/max/1200/1*6uBRioVFEEK81QtaWRpsQQ.png" />
Nikita Gandhiが、 Flutter Firebase Dynamic Linksの使い方を紹介します。


### 水平円リストビュー
https://medium.com/flutterpub/flutter-1-horizontal-circle-listview-1-fc262c18fdd8

<img src="https://cdn-images-1.medium.com/max/1200/1*2O-h-gCfamt3s5fov5GZeg.png" />
Ishan Fernandoによる、円項目の水平リストの作成方法に関する素晴らしいチュートリアルです。


### Flutterマインスイーパを作成する
https://medium.com/flutter-community/creating-minesweeper-in-flutter-12c74486324f

<img src="https://cdn-images-1.medium.com/max/1200/1*G4BbJFCdjrUIFX7zC3as0Q.png" />
Deven Joshiは、古典的なMinesweeperを再現して、 Flutterの柔軟性を示しています。さようなら生産性


### Flutterアニメーション
https://medium.com/@omeshwardarlz/animations-in-flutter-7e5cfa44d1f1

<img src="https://cdn-images-1.medium.com/max/1200/1*Di-Jk4yLRQ3yKy2K1OvA3Q.gif" />
連続する高架カードを使ったスマートアニメーションを使ったOmeshwarによるFlutterでのアニメーションのチュートリアル。


### Flutterソリティアを作成する
https://medium.com/flutter-community/creating-solitaire-in-flutter-946c34ef053c

<img src="https://cdn-images-1.medium.com/max/1200/1*mKANXAx5YINW86-N6zvw-Q.png" />
Flutterに移植された別のゲーム、このケースでは、Deven Joshiが古典的なソリティアの作り方を示しています。


### gRPCを搭載したGoチャットサーバーを搭載した非同期Flutterチャットクライアント
https://medium.com/@amsokol.com/tutorial-asynchronous-flutter-chat-client-with-go-chat-server-which-are-powered-by-grpc-simple-ce913066861c

<img src="https://cdn-images-1.medium.com/max/1200/1*x-TVAGjbuq-Z2Ax2S_wYSw.png" />
Aleksandr Sokolovskiiは、GoサーバーとProtocol BuffersおよびFlutterを組み合わせて、チャットシステム全体を構築しています。


### フレアとFlutterレスポンシブハウスを建てる方法
https://medium.com/2dimensions/building-a-responsive-house-with-flare-flutter-31af823ba805

<img src="https://cdn-images-1.medium.com/max/1200/1*b9wbc5Bux8IbSA3Woi5jAw.gif" />
Umberto SonninoがFlareを使ってハウスサイズセレクターでアニメーションと進行をミックスする方法を示します。


### 「究極の」SpaceXアプリの設計
https://medium.com/@jesusillorp98/designing-the-ultimate-spacex-app-2d48b2fce216

<img src="https://cdn-images-1.medium.com/max/1200/1*aGo76XHYaB9riMUffMrtHw.jpeg" />
JesúsRodríguezPérezがFlutterでSpaceXアプリを作成しました。彼はそれを設計するための手順とソースコードへのリンクを教えてくれました。


### UIの課題：ピアノタイルのクローンがひらひら
https://marcinszalek.pl/flutter/piano-tiles/

<img src="https://marcinszalek.pl/wp-content/uploads/2019/01/PianoTiles-clone.png" />
MarcinSzałekは、このチュートリアルで中毒性のピアノタイルゲームを再現しています。


# ビデオ＆メディア

### Flutter - スクリーンデザインチャレンジII
https://youtu.be/lslsZybnap0

<img src="https://i.ytimg.com/vi/lslsZybnap0/maxresdefault.jpg" />
Johannes MilkeがFlutterチャレンジを実行する方法についてのビデオを作成しています。これは2番目のビデオです（最初のビデオはリンクされています）。


### Flutter - あなたの顧客をストライプで充電する
https://youtu.be/E8IhufSG-40

<img src="https://i.ytimg.com/vi/E8IhufSG-40/maxresdefault.jpg" />
Raja Yoganは、 FlutterアプリでStripeを使用してサービスまたは製品のためにユーザーに料金を請求する方法を説明します。


### Flutter - 最初からのGoogleサインイン
https://youtu.be/cHFV6JPp-6A

<img src="https://i.ytimg.com/vi/cHFV6JPp-6A/maxresdefault.jpg" />
Flutter Firebase Google SignInを実装する方法に関するビデオチュートリアル。


### Flutterチュートリアル - Flutter Unicorndial + AlertDialog
https://youtu.be/SK6eHiyDVwg

<img src="https://i.ytimg.com/vi/SK6eHiyDVwg/maxresdefault.jpg" />
Whatsupcodersは、「UnicorDial」メニューを作成してFlutter警告ダイアログを表示する方法を示します。


### エミュレータなしでデスクトッププラットフォーム上でFlutterを実行する
https://youtu.be/QFD2r4C3fHs

<img src="https://i.ytimg.com/vi/QFD2r4C3fHs/maxresdefault.jpg" />
Kodeversitasからのビデオ。デスクトップでFlutterを使用してエミュレータに対処する手間を省く方法についてのビデオ。


### Dart紹介 - パート2：機能
https://youtu.be/jA5kPLZGjmE

<img src="https://i.ytimg.com/vi/jA5kPLZGjmE/maxresdefault.jpg" />
Andrea BizzottoがDart Languageの一連のチュートリアルを行っています。今回は、機能についてです。


### Dart ＆ Flutter組み込み値チュートリアル
https://youtu.be/Jji05a2GV_s

<img src="https://i.ytimg.com/vi/Jji05a2GV_s/maxresdefault.jpg" />
Dart機能を拡張するためのBuilt Valueライブラリーの使用方法に関するReso Coderによるチュートリアル。


### AbsorbPointer（今週のFlutterウィジェット）
https://youtu.be/65HoWqBboI8

<img src="https://i.ytimg.com/vi/65HoWqBboI8/maxresdefault.jpg" />
今週のFlutter Widget of the Weekは、AbsorbPointerを使用して子ウィジェットのジェスチャ検出を「キャンセル」する方法を示します。


# ライブラリ＆コード

### Flutter用のグラデーション下部ナビゲーションバー
https://github.com/JTorrus/GradientBottomNavigationBar

標準のマテリアル下部ナビゲーションバーにグラデーションを追加するためのパッケージ。


### フラッターのタイムラインウィジェット
https://github.com/furkantektas/timeline_list

カスタムの子ウィジェットとカスタムのアイコンでスクロール可能なタイムラインを表示するためのウィジェット。


### wave_progress_bars
https://github.com/rajajain08/wave_progress_bars

このパッケージは、 Flutterプロジェクトにウェーブバーを追加する簡単な方法を提供します。


### open_ngo
https://github.com/dev-aritra/open_ngo

Flutter UIチャレンジプロジェクト


### json2dartコンバータ
https://github.com/Azoft/json2dart-converter

生のjsonからダーツクラスを生成することを可能にするIJ / ASプラグイン。


### Giffyのダイアログ
https://github.com/xsahil03x/giffy_dialog

すばやく便利なgiffyダイアログ用のFlutterパッケージ


### フリードスフラッター
https://github.com/frideosapps/frideos_flutter

ストリームとBLoCパターン、アニメーション、ステージウィジェット、およびFlutter用のさまざまなウィジェットの使用を単純化することを目的として作成されたヘルパーのコレクション。


### プーマ
https://gitlab.com/santetis/open_source/puma

<img src="https://assets.gitlab-static.net/assets/gitlab_logo-7ae504fe4f68fdebb3c2034e36621930cd36ea87924c11ff65dbcb8ed50dca58.png" />
あなたのプロジェクトを管理するためのシンプルなcliツール。