Flutterウィークリー #46

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

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

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


# アナウンス

### VSコード拡張v2.23
https://groups.google.com/forum/?linkId=52478434&linkId=63655583#!topic/flutter-dev/k9M81Zmh0AM

Flutter用の素晴らしいVSコードプラグインの最新バージョンの公式発表。


### IJとASの新しいツーリングリリース
https://groups.google.com/forum/?linkId=52478434&linkId=63655583#!topic/flutter-dev/6UeOXzFIAoM

AS 3.3.1およびIJ 2019.1をサポートする、 Flutter用のIJプラグインの新バージョン。


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

### Flutterスクリーンキーボードを避ける
https://medium.com/flutter-nyc/avoiding-the-on-screen-keyboard-in-flutter-ae0e46ecb96c

<img src="https://cdn-images-1.medium.com/max/1200/1*cUyHvPNuSBkCBq17CtTueA.gif" />
Martin Rybakによる記事で、キーボードで処理するときにさまざまな構成を処理する方法を説明しています。


### Flutterのscoped_modelを使った簡単に反応するウィジェット
https://medium.com/flutter-community/easy-reactive-widgets-with-flutters-scoped-model-228272314dc

<img src="https://cdn-images-1.medium.com/letterbox/500/72/50/50/1*bsUWY8mCsvcjGFxXppy6MQ.png?source=logoAvatar-lo_7IEzY0S1oEeE---86fb29d7cc6a" />
Nick ManningによるScopedモデルの簡単な紹介（長いビデオへのリンクが含まれています）。


### Flutter開発のための絶対最高のVSCodeプラグイン
https://blog.maskys.com/my-vscode-plugins-for-flutter/

<img src="http://blog.maskys.com/content/images/2019/02/flutter.jpg" />
Flutter開発にVSCodeを使用しますか？もしそうなら、Kifah Meeranはあなたに最高のVSCodeプラグインのいくつかをもたらします。


### 高度なFlutterレイアウト - フロー
https://medium.com/flutter-community/advanced-flutter-layout-flow-32300bf3b7b3

<img src="https://cdn-images-1.medium.com/max/1200/1*FLUMIiD8wYgWOx_sbzUXRQ.jpeg" />
Raouf Rahicheが、Flowウィジェットの目的と使用時期について説明します。


### Flutter 、Whatsapp、Twilio
https://medium.com/flutterpub/flutter-whatsapp-and-twilio-50bdd0fe7a8c

<img src="https://cdn-images-1.medium.com/max/1200/1*z-mOznbg1SekLNbfG6GKGA.png" />
Aseem Wangooによるwhatsappメッセージを送信するためにFlutterアプリでtwilioを使用する方法。


### Flutter StackとIndexedStackを調べる
https://medium.com/flutter-community/a-deep-dive-into-stack-in-flutter-3264619b3a77

<img src="https://cdn-images-1.medium.com/max/1200/1*4eEJ37mVpG7o4Ov3PlZJAw.png" />
Deven JoshiがStackのしくみと、それを使った例をいくつか示します。


### ライブテンプレート、またはIntelliJを使用してFlutterで定型コードを書く時間を短縮する方法
https://medium.com/flutter-community/live-templates-or-how-to-spend-less-time-writing-boilerplate-code-on-flutter-with-intellij-7fb2f769f23

<img src="https://cdn-images-1.medium.com/max/1200/1*SB9PFA9Gk3qXCfbir-aTnw.jpeg" />
GonçaloPalmaの助けを借りて、Live Templatesのパワーと時間を節約しましょう


### 少ないコードでBLoCアーキテクチャを採用する
https://aloisdeniel.com/post/p9OCupX71qaLtGYHpnV0

Alois Denielは、簡単な方法でBLoCアーキテクチャを使い始めるのを助けます。


### Codemagic  - Flutter CI / CD
https://medium.com/flutter-community/codemagic-flutter-ci-cd-i-ee56abd749e0

<img src="https://cdn-images-1.medium.com/max/1200/1*qX_u5P4hnuzmZW9AYOp-9Q.png" />
Chema RubioがCodemagicを構成して、CI / CDが完全に動作する環境をFlutter用にする方法を紹介します。


### 2019年におけるクロスプラットフォームモバイル開発の現状
https://medium.com/@move4mobile/the-state-of-cross-platform-mobile-development-in-2019-da40fc2435d

<img src="https://cdn-images-1.medium.com/max/1200/1*JUSbO0xkXPf2jtYLMSAZ8w.jpeg" />
Flutterを含むさまざまなマルチプラットフォーム開発技術のための比較と「最先端」。


### Firebaseを設定する
https://nickcullen.net/blog/flutter/setup-firebase/

<img src="https://i1.wp.com/nickcullen.net/blog/wp-content/uploads/2019/02/Firebase-Flutter-Setup.png?fit=1280%2C800&ssl=1" />
FlutterアプリからFirebaseを使い始めるためのFirebaseの設定方法に関するNick Cullenによるチュートリアル。


### “ flutter_bloc”の天気アプリ
https://medium.com/flutter-community/weather-app-with-flutter-bloc-e24a7253340d

<img src="https://cdn-images-1.medium.com/max/1200/1*pvAr_mxtEcj7idXUryspTQ.png" />
Felix AngelovがBLoCを使ってWeatherアプリを作成し、そのプロセスを段階的に説明します。


### ステートレスウィジェットを作成する方法
https://medium.com/flutter-io/how-to-create-stateless-widgets-6f33931d859?linkId=63650953

<img src="https://cdn-images-1.medium.com/max/1200/0*GoTVv7PbwxvjCh4S" />
数ヶ月前にMarting Aguinisによって公開されたビデオの執筆版。


# ビデオ＆メディア

### Flutterグラデーション効果
https://www.youtube.com/watch?v=LNHrg7D_MWo

<img src="https://i.ytimg.com/vi/LNHrg7D_MWo/maxresdefault.jpg" />
whatsupcodersによるFlutterグラデーションに関するチュートリアル。


### GoogleマップとFirestoreの位置情報のFlutter
https://www.youtube.com/watch?v=MYHVyl-juUk

<img src="https://i.ytimg.com/vi/MYHVyl-juUk/maxresdefault.jpg" />
Uberのようなものを作りたいですか？ Flutter 、Firestore、およびGoogle Mapsを組み合わせてリアルタイムの地理位置情報アプリを作成する方法を学びます。


### Flutter UI  - 最小限のアプリ - 通貨
https://www.youtube.com/watch?v=KQgRaufECvw

<img src="https://i.ytimg.com/vi/KQgRaufECvw/maxresdefault.jpg" />
Raja Yoganは、最小限のインターフェースでクールな通貨アプリを作成します。


### Flutter ： Flutterアプリにテーマを追加する
https://www.youtube.com/watch?v=TDurCau5fqc

<img src="https://i.ytimg.com/vi/TDurCau5fqc/maxresdefault.jpg" />
このビデオでは、フラッターモバイルアプリにテーマを追加および変更する方法を学びます。


### 配置済み（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=EgtPleVwxBQ&t=0s&index=27&list=PLOU2XLYxmsIL0pH0zWe_ZOHgGhZ7UasUE

<img src="https://i.ytimg.com/vi/EgtPleVwxBQ/maxresdefault.jpg" />
今週は、Positionedウィジェットを使ってStack内にアイテムを配置する方法を学びましょう。


### Flutterエフェクトチャレンジ - スプラッシュタップ
https://www.youtube.com/watch?v=7qkhpeZdD7U

<img src="https://i.ytimg.com/vi/7qkhpeZdD7U/maxresdefault.jpg" />
このビデオでは、タップスプラッシュ効果をアニメーション化するカスタムウィジェットを作成する方法を説明します。


# ライブラリ＆コード

### Flutter開く/ flutter_screenutil
https://github.com/OpenFlutter/flutter_ScreenUtil

画面とフォントサイズを調整するためのフラッタープラグイン


### giandifra / clustering_google_maps
https://github.com/giandifra/clustering_google_maps

Google Mapsウィジェットでクラスタリング手法を再作成したFlutterパッケージ


### マシューキャロル/ fluttery_seekbar
https://github.com/matthew-carroll/fluttery_seekbar

Flutterカタログは、 Flutterとプログレスバーを求めています。


### imaNNeoFighT / circular_bottom_navigation
https://github.com/imaNNeoFighT/circular_bottom_navigation

アイコンにクールな丸い効果を加えた素敵なナビゲーションバーを作成するためのライブラリ。