Flutterウィークリー #55

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

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

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


# アナウンス

### Dart 2.3.0
https://github.com/dart-lang/sdk/blob/master/CHANGELOG.md

Dart 2.3はFlutterで利用可能です。あなたはこのchangelogファイルで言語への新しい追加を見つけることができます。


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

### プロダクションAndroidアプリにFlutterを追加する方法
https://hackernoon.com/how-to-add-flutter-to-your-production-android-app-4b5150de9e44

<img src="https://cdn-images-1.medium.com/max/1200/1*cEe3A47phrRygkLopgnugQ.png" />
TruongSinh Tran-Nguyenは、Androidアプリケーションに新しいFlutterコードを含めるための手順を詳しく説明しています。


### Rx Dartを使用する理由と、 Flutter BLoC Patternを使用する方法
https://medium.com/flutter-community/why-use-rxdart-and-how-we-can-use-with-bloc-pattern-in-flutter-a64ca2c7c52d

<img src="https://cdn-images-1.medium.com/max/1200/1*YY94QoK1UxPas487Ji615A.png" />
そしてWx RibeiroによるRx Dart紹介とBLoCでの使い方


### SpaceX GOでのローカル通知
https://medium.com/flutter-community/local-notifications-in-spacex-go-fbf62e03b0a0

<img src="https://cdn-images-1.medium.com/max/1200/1*IBBtg55BUMtomVr4FHZU5Q.jpeg" />
JesúsRodríguezPérezが、 Flutterアプリでローカル通知を作成する方法を説明します。


### Flutterユーザの位置を取得
https://medium.com/flutter-community/get-a-users-location-in-flutter-20f488ac8043

<img src="https://cdn-images-1.medium.com/max/1200/0*cKSGrbZrHHdXNaXM" />
Flutter位置情報を使用してユーザーの位置を特定する方法に関するチュートリアル。


### blocを使ってウィジェットの状態を管理する
https://medium.com/flutterdevs/managing-the-state-of-a-widget-using-bloc-flutter-7789d6017f6b

<img src="https://cdn-images-1.medium.com/max/1200/1*_zYRS_PltGA2o-2Rtd5fYQ.png" />
Ashish RawatがBLoCの使い方を具体的なナビゲーション例とともに説明します。


### Flutterできないこと：制限
https://medium.com/flutter-community/what-flutter-cant-do-limitations-ed185c89fb61

<img src="https://cdn-images-1.medium.com/max/1200/1*mlWzA6NnViBjQ3L_3wRB-A.png" />
Flutterまだ準備ができていないものについてのTom Gilderによる非常に興味深い記事。


### SmartFlareパッケージでFlareを使用したFlutter操作可能なGooeyスライドアウトメニュー
https://medium.com/flutter-community/interactable-gooey-slideout-menu-in-flutter-using-flare-with-smartflare-package-3427c9447bc

<img src="https://cdn-images-1.medium.com/max/1200/1*zSittvhoPy7VMRtq-8BK3Q.png" />
Flare by Dane Mackierを使用して作成されたクールなアニメーションメニュー。


### FlutterマルチセレクトChoiceChip
https://medium.com/@KarthikPonnam/flutter-multi-select-choicechip-244ea016b6fa

<img src="https://cdn-images-1.medium.com/max/1200/1*Dx5Y1CL1tYitFDLX5caazA.png" />
Karthik Ponnamは、ChoiceChipウィジェットを使用して複数選択を実行する方法を説明しました。


### Flutter使ったカスタムアニメーションコントロール要素
https://medium.com/@felixblaschke/custom-animated-control-elements-with-flutter-8c0d352d7136

<img src="https://cdn-images-1.medium.com/max/1200/1*2lj3B3UOww1ychbrn6cB1Q.png" />
Felix Blaschkeは統合されたアニメーションでカスタムコントロールを作成します。


### 環境変数を含むCodemagicでFirebase Configを読み込む方法
https://blog.codemagic.io/how-to-load-firebase-config-in-codemagic-with-environment-variables/

<img src="https://blog.codemagic.io/uploads/CM_Firebase-config.png" />
Firebase設定ファイルを公開リポジトリにアップロードしたくはありません。 George Herbertが、Codemagic CIからそれを生成する方法を説明します。


### Flutter ：iOS開発者として試すべき6つの理由
https://10clouds.com/blog/flutter-for-ios-developers/

<img src="https://10clouds.com/wp-content/uploads/2019/04/flutter-ios-development.png" />
あなたはまだFlutterについて確信していないiOSの開発者ですか？ Kamil Powalowskiが、なぜそれを試すべきかを説明します。


### Swift vs Flutter -  iOS開発のための並列比較
https://blog.codemagic.io/flutter-vs-swift/

<img src="https://blog.codemagic.io/uploads/CM_Swift-vs-Flutter-2-2.png" />
Swift言語と比較したFlutterの機能の包括的なリスト。


### 初心者のためのFlutterを学ぶのに最適な本
https://flutterawesome.com/best-books-to-learn-flutter/

<img src="https://flutterawesome.com/content/images/2019/04/flutter-books.jpg" />
紙を学ぶことを好むあなたのそれらのためのFlutter本のキュレーションリスト。


# ビデオ＆メディア

### Shrine に Square を組み込む - アプリでの支払いを追加する
https://www.youtube.com/watch?v=_necENw9CUs&feature=youtu.be

<img src="https://i.ytimg.com/vi/_necENw9CUs/maxresdefault.jpg" />
ボーリングショーのこのエピソードでは、Emilyとゲスト、SquareのShannon Skipperが、In-App Payments SDK Flutter Pluginを使用してデモショッピングアプリにアプリ内支払いを追加します。


### Dart 2.3の新機能
https://www.youtube.com/watch?v=o1vZVhl2BMc&feature=youtu.be

<img src="https://i.ytimg.com/vi/o1vZVhl2BMc/maxresdefault.jpg" />
Dart 2.3の新しい言語機能の詳細な説明（スプレッド演算子、コレクションなど）


### SizedBox（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=EHPu_DzRfqA&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=31&t=0s

<img src="https://i.ytimg.com/vi/EHPu_DzRfqA/maxresdefault.jpg" />
SizedBoxウィジェットを使って正確なサイズを設定します。両方の寸法を指定することも、一方を指定してFlutterレイアウト規則にもう一方を入力させることもできます。


### 千鳥アニメーションアニメーションを入力
https://www.youtube.com/watch?v=VVuwYG95nyw&feature=youtu.be

<img src="https://i.ytimg.com/vi/VVuwYG95nyw/maxresdefault.jpg" />
1つのAnimationControllerだけで美しいスタガードアニメーションを作成します。


### FirebaseのCloud Firestoreを使用したFlutterページネーション
https://www.youtube.com/watch?v=coR4Y-DkrLc&feature=youtu.be

<img src="https://i.ytimg.com/vi/coR4Y-DkrLc/maxresdefault.jpg" />
このビデオでは、 Flutter無限スクロールリストを実装する方法を学びます。


### FlutterでWebViewを使用する
https://www.youtube.com/watch?v=qRO-Q1Bs2DU

<img src="https://i.ytimg.com/vi/qRO-Q1Bs2DU/maxresdefault.jpg" />
Emily Fortunaが、WebViewウィジェットを使用して、すでにページから作成したワークフローをアプリケーションに再実装しなくても済むようにする方法を説明します。


### Flutterルート
https://www.youtube.com/watch?v=vyXWqOmkxe8&feature=youtu.be

<img src="https://i.ytimg.com/vi/vyXWqOmkxe8/maxresdefault.jpg" />
このビデオでは、ルートをフラッターで実装するためのさまざまな方法の使い方を学びます。


### Firebase Storageを使用して画像をアップロードします。
https://www.youtube.com/watch?v=7uqmY6le4xk

<img src="https://i.ytimg.com/vi/7uqmY6le4xk/maxresdefault.jpg" />
このビデオでは、画像ライブラリから画像を選択する方法と、選択した画像をFirebaseに保存する方法について説明します。


### Flutterパッケージを公開する
https://www.youtube.com/watch?v=R-iRVzd3E3M&t=1s

<img src="https://i.ytimg.com/vi/R-iRVzd3E3M/maxresdefault.jpg" />
Flutter Pubパッケージを作成して公開する方法 - 最初から最後まで（エラーを含む）


### Flutter Googleログイン
https://www.youtube.com/watch?v=NaFI6bVI_NY

<img src="https://i.ytimg.com/vi/NaFI6bVI_NY/maxresdefault.jpg" />
フラッターアプリケーションにGoogleサインインを統合する方法のビデオ


### callstackincubator / flutter-sorted-chips-row
https://github.com/callstackincubator/flutter-sorted-chips-row

与えられた関数に従ってソートされるMaterialの &quot;Chip&quot;ボタンの列をレンダリングするためのFlutterライブラリ


# ライブラリ＆コード

### wiltonribeiro / animated_bottombar_flutter
https://github.com/wiltonribeiro/animated_bottombar_flutter

Flutter作成されたFlutterコンポーネントの概念は、Animations、Clip Path、Transform、およびStreamのFlutterを使用して作成されています。


### tomwyr / step-slider
https://github.com/tomwyr/step-slider

指定されたステップ値にスナップし、各ステップの変更を通知するFlutterスライダーウィジェット。


### andrewackerman / flutter_fluid_ cellular_automata
https://github.com/andrewackerman/flutter_fluid_cellular_automata

流体力学をシミュレートするためのFlutter + Flameにおけるセルラオートマトンの実装


### mtcliatt / flarts
https://github.com/mtcliatt/flarts

FlartsはFlutter用のグラフ作成/グラフ作成パッケージです。


### divyanshub024 / Flutter -page-route-transition
https://github.com/divyanshub024/Flutter-page-route-transition

ページルート遷移をアニメートするさまざまな方法を示すFlutterアプリケーション。