Flutterウィークリー #34

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

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

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


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

### BottomAppBar内にFABを添付する
https://medium.com/@ibhavikmakwana/attach-fab-within-a-bottomappbar-e4ab8c43fc7f

<img src="https://cdn-images-1.medium.com/max/1200/1*awtNfDfO_NNFjwoY12TFFw.jpeg" />
Bhavik Makwanaは、BottomAppBar内にFloatingActionButtonをアタッチする方法を示します。


### Flutter Firebase Cloud Messagingのプッシュ通知を有効にする。
https://medium.com/flutterpub/enabling-firebase-cloud-messaging-push-notifications-with-flutter-39b08f2ed723

<img src="https://cdn-images-1.medium.com/max/1200/1*UQLN3yDnKi3uQlfFqmzW7A.png" />
Flutter Firebaseの通知を実装する方法に関するPeter Birdsallの記事


### 継承されたウィジェットを使用した場所の共有
https://flutter.institute/sharing-location-using-inherited-widget/

<img src="https://flutter.institute/content/images/2017/11/flutterinstitute.png" />
Flutter Instituteの皆さんから、InheritedWidgetを使ってすべてのアプリケーションであなたの位置情報データを利用できるようにする方法についての新しい記事です。


### 2D配列からのFlutterグリッドビュー
https://medium.com/flutterpub/flutter-grid-view-from-2d-array-5467e4da5243

<img src="https://cdn-images-1.medium.com/max/1200/1*csnFhTg84fsVqTGRHtV19Q.png" />
Sriram Thiagarajanは、グリッドウィジェットを使用して2次元配列からデータを表示する方法を説明しています。


### Flutter In-App Localization
https://blog.geekyants.com/flutter-in-app-localization-438289682f0c

<img src="https://cdn-images-1.medium.com/max/1200/1*_RgbOh5VABi5es1ALdvD4A.gif" />
Rohan Tanejaは、デバイス言語設定をオーバーライドするアプリ言語を手動で処理する方法を説明しています。


### マイFlutterパス（001）：ボトムナビゲーションバー
https://medium.com/flutterpub/my-flutter-path-001-bottom-navigation-bar-71cc47df4d9f

<img src="https://cdn-images-1.medium.com/max/1200/1*HV93cq6gGMRd7iHwN0qlOg.png" />
Pedro MassangoはFlutterナビゲーションバーの使用方法を簡単に紹介します。


### Flutter - 私の考えと印象 - パートIV
https://medium.com/flutterpub/flutter-my-thoughts-and-impressions-part-iv-e03cd9fb224b

<img src="https://cdn-images-1.medium.com/max/1200/1*AZTabwKnZUQOhlucY-P1aw.png" />
Artur Rymarzは、iOS開発者の視点からFlutterを使用した記事を続けています。


### Flutter BMI計算機 - 第2部 - 重量
https://marcinszalek.pl/flutter/bmi-calculator-weight/

<img src="https://marcinszalek.pl/wp-content/uploads/2018/09/BMI-CalculatorPart-2-Weight.png" />
MarcinSzałekはBCM calcualtor appで作業を続け、今回は体重を入力するクールなカスタムウィジェットを作成します。


### Flutterキャンバススクロール2方向
https://medium.com/@baobao1996mn/scrolling-canvas-2-direction-for-flutter-9e29d90981be

<img src="https://cdn-images-1.medium.com/max/1200/1*PZCXdemFEFISXXttaSnLIw.png" />
BảoGiaによるキャンバス用の2次元スクロールバーの作成方法に関するチュートリアル。


### Flutter and Wordpress APIを使用してAndroidアプリケーションを構築するパート4
https://virtuooza.com/build-android-application-using-flutter-and-wordpress-api-part-4/

<img src="https://virtuooza.com/wp-content/uploads/2018/05/flutter-framweork-virtuooza.png" />
Samir Kahvedzicは、Wordpressから情報を取得するアプリを作成する方法について、すばらしい記事を書いています。


### グラフQLとFlutter
https://medium.com/flutterpub/graph-ql-and-flutter-3dab06232524

<img src="https://cdn-images-1.medium.com/max/1200/1*XnZe8WnBSW218SG_v4pjOw.png" />
FlutterアプリでグラフQLを使用する方法については、Aseem Wangooの記事をご覧ください。


### チェスアプリの作成Flutter
https://medium.com/flutterpub/making-a-chess-app-with-flutter-6aa9ec609381

<img src="https://cdn-images-1.medium.com/max/1200/1*72Tqt5ZyDNFrHfqYV5c-vQ.png" />
Deven JoshiはFlutterチェスアプリを作っていて、彼はそれに続く手順を説明します。


### Flutter + Kotlin /ネイティブの高速プロトタイプ
https://tech.olx.com/fast-prototypes-with-flutter-kotlin-native-d7ce5cfeb5f1

<img src="https://cdn-images-1.medium.com/max/1200/1*5C1sCRzFOtmabughFhcarA.png" />
JB LorenzoはFlutterとKotlin Nativeを使ってクロスプラットフォームのアプリプロトタイプを作成した経験をFlutterしています。


### 私のFlutterパス（002）：リストビュー
https://medium.com/flutterpub/my-flutter-path-002-listview-41686c7b6eb3

<img src="https://cdn-images-1.medium.com/max/1200/1*260DiaCtwzxh9IF4-fvqbQ.jpeg" />
Pedro Massangoのチュートリアルで、 Flutterリストを使用する方法を説明します。


### 反応ボタン
https://www.didierboelens.com/2018/09/reactive-button/

<img src="https://www.didierboelens.com/images/logo.png" />
Didier Boelensは、リアクションプログラミングを使用してFacebook反応ボタンを作成する方法を説明します。


### Flutter PlatformView：ネイティブビューからウィジェットを作成する方法
https://medium.com/flutter-community/flutter-platformview-how-to-create-flutter-widgets-from-native-views-366e378115b6

<img src="https://cdn-images-1.medium.com/max/1200/1*OEh086-elCc212pjnpecWA.png" />
Felix Angelov氏は、新しいPlatformViewウィジェットの使い方を説明しています。


### BLOCパターンを使用してFlutterプロジェクトを設計する（第2回）
https://medium.com/flutterpub/architect-your-flutter-project-using-bloc-pattern-part-2-d8dd1eca9ba5

<img src="https://cdn-images-1.medium.com/max/1200/1*dkKlfFewf6CBVbwFIeCNHQ.png" />
Sagar Suriは、BLoCパターンを使用してFlutterアプリケーションを作成する方法を説明し続けています。


### シェイプボーダークリッパーFlutter
https://medium.com/flutterpub/shapeborder-clipper-in-flutter-db15c0211cfc

<img src="https://cdn-images-1.medium.com/max/1200/1*dh4M_5o4ZlwFhvIUpyMD2A.png" />
Aseem Wangooは、Google I / OでShrineアプリケーションで見た境界線を再現しています。


# ビデオ＆メディア

### では藤堂アプリケーション（CRUD）を構築FlutterでReduxの-パート1
https://youtu.be/Wj216eSBBWs

<img src="https://i.ytimg.com/vi/Wj216eSBBWs/hqdefault.jpg" />
Tensor Programmingのチュートリアルの最初の部分で、Reduxを使ってTodoアプリケーションを作成する方法を説明します。


### では藤堂アプリケーション（CRUD）の構築Flutterパート2 -でReduxのを
https://youtu.be/LCLfQUUwBKs

<img src="https://i.ytimg.com/vi/LCLfQUUwBKs/hqdefault.jpg" />
Tensor Programmingによるチュートリアルの第2部では、Reduxを使用してTodoアプリケーションを作成する方法について説明します。


### Flutter ：プレースホルダ、スペーサー、可視性ウィジェット| | Flutterウィークリーウィジェット
https://youtu.be/DrJLGJ5e-uw

<img src="https://i.ytimg.com/vi/DrJLGJ5e-uw/maxresdefault.jpg" />
MtechViralは、プレースホルダ、スペーサおよび可視ウィジェットの使用方法を説明しています。


### Flutter ：ステートレスウィジェットとステートフルウィジェット
https://youtu.be/cPole6aF_2c

<img src="https://i.ytimg.com/vi/cPole6aF_2c/maxresdefault.jpg" />
Dhrumil Shahは、ステートレスウィジェットとステートフルウィジェットが何であるかをこのビデオで説明します。


### Flutterを使用してSCRATCHからInstagramをビルドする
https://youtu.be/YkhgOUtM2lI

<img src="https://i.ytimg.com/vi/YkhgOUtM2lI/maxresdefault.jpg" />
Flutter Instagram UIを作成する方法についてRaising Blockによるチュートリアル


# ライブラリ＆コード

### FlutterオープンAPIパターン
https://github.com/juliusspencer/Flutter-OpenAPI-Pattern

Julius SpencerはOpenAPIv2で動作するFlutterのサンプルアプリケーションをFlutterと共有しています。


### 私のボタンを押す
https://github.com/Norbert515/pimp_my_button

クールパーティクル効果のあるボタンを生成する、Norbert Kozsirの図書館。


### Flutterオフライン
https://github.com/jogboms/flutter_offline

Jeremiah Ogbomoによるオフライン/オンライン接続を処理するサンプルアプリケーション。


### Go Flutterデスクトップ埋め込み
https://github.com/Drakirus/go-flutter-desktop-embedder

Pierre ChampionがWindows、Mac、LinuxでFlutterをサポートするプロジェクト。


### multi_image_picker
https://github.com/CircleCurve/multi_image_picker

Circled CurveによるFlutterプラグインで、iOSとAndroidに複数の画像ピッカーを表示できます。