Flutterウィークリー #38

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

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

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


# アナウンス

### Flutter 1.0：GoogleのポータブルUIツールキット
https://developers.googleblog.com/2018/12/flutter-10-googles-portable-ui-toolkit.html

<img src="https://2.bp.blogspot.com/-YeY9uzOR7FA/XAB6L--Q64I/AAAAAAAAGkI/pexPqQjR28MlTKL-u9Tdj_yng_7fqu-_wCLcBGAs/s1600/0-1.png" />
Flutter 1はこちら！公式にロンドンのFlutter Live&#39;18で発表され、途中でFlareやHummingbirdのような驚きがあります。


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

### 違いが分かりますか？ - Flutterスナップショットテスト
https://medium.com/flutter-community/do-you-see-the-difference-flutter-golden-files-a1d431ed8a69

<img src="https://cdn-images-1.medium.com/max/1200/1*tQsQ7uFk2UIILOU8GLGOhg.png" />
TomekPolańskiは、 Flutterゴールデンファイルを使用してスナップショットテストを実行する方法を説明しています。


### Flutterフレア統合
https://medium.com/flutter-community/flare-integration-in-flutter-1149618a6127

<img src="https://cdn-images-1.medium.com/max/1200/1*y9qRStXm3LEkQP7krJYjEA.png" />
FlutterアプリケーションでFlareアニメーションを使用する方法については、Prateek Sharmaのチュートリアル


### Flutter - ページビューとズームのトランジション
https://medium.com/@tonyowen/flutter-pageview-zoom-transition-98c380632b2d

<img src="https://cdn-images-1.medium.com/max/1200/1*P49NJHQI6LQg3udegf24Cw.gif" />
トニー・オーウェンは、イメージのズームとスナップを使って水平ポケットベルを作った方法を説明しています。


### Flutterアプリをフレアする方法は？パート1  - アニメーションの作成
https://proandroiddev.com/how-to-flare-a-flutter-app-part-1-create-animation-3829fb2ed72a

<img src="https://cdn-images-1.medium.com/max/1200/1*y9Vz8-FFP9OWTBHjV3uMGg.png" />
Ahmed TarekはFlareを簡単に紹介してアニメーションを作成します。


### Hummingbird：Web用ビルディングFlutter
https://medium.com/flutter-io/hummingbird-building-flutter-for-the-web-e687c2a023a8

<img src="https://cdn-images-1.medium.com/max/1200/0*gD64Y8ECWBBuSZrx" />
GoogleのYegor Jbanov氏は、Hummingbirdチームがどのように取り組んでいるか、彼らが直面している課題と解決方法について説明しています。


### ネイティブFlutterエクスペリエンス：タブ付きナビゲーション
https://flutterdoc.com/native-flutter-experiences-tabbed-navigation-a1a2e6d21ac2

<img src="https://cdn-images-1.medium.com/max/1200/1*PdmTeleFi_jS7f6JtjqGeQ.png" />
Joe Birchは、AndroidとiOSの両方のネイティブエクスペリエンスを探している場合は、アプリのタブと、アプリを実装する正しい方法について書いています。


### 私はジュニア開発者としてFlutterプロジェクトに投げ込まれました。それはどのように行ったのです。
https://www.codemate.com/en/i-was-thrown-into-a-flutter-project/

<img src="https://www.codemate.com/wp-content/uploads/2018/12/jusu-feature-thumbnail.jpg" />
Jussi-Tapio Lamminheimoは最近、同社に組み込まれたジュニア開発者としてのFlutter経験を語ります。


### Flutter統合テストのホットリロード
https://medium.com/flutter-community/hot-reload-for-flutter-integration-tests-e0478b63bd54

<img src="https://cdn-images-1.medium.com/max/1200/0*zkGsjmYGeHO9vYs6.jpeg" />
あなたは熱いリロードを愛していますか？ Maurice McCabeは、統合テストでも多くの時間を節約するために使用する方法を説明しています。


### 自動補完検索リストの実装
https://medium.com/flutter-community/implementing-auto-complete-search-list-a8dd192bd5f6

<img src="https://cdn-images-1.medium.com/max/1200/1*p5DPK59cmvcWH2TsgwbxnQ.png" />
Darshan Kawar氏のチュートリアルでは、自動補完ドロップダウンでテキストフィールドを実装する方法について説明しています。


### Flutter -  Firestoreで作られた簡単なレシピアプリ
https://medium.com/flutter-community/simple-recipes-app-made-in-flutter-firestore-f386722102da

<img src="https://cdn-images-1.medium.com/max/1200/1*wYXn3nqupfzaBRrSF4pVLA.jpeg" />
Michael KrolがFirestoreをバックエンドデータベースとして使用してレシピアプリを作成する手順を説明したチュートリアルです。


### ウィジェットをメソッドに分割することは、パフォーマンスの反パターンです
https://iirokrankka.com/2018/12/11/splitting-widgets-to-methods-performance-antipattern/

<img src="https://d33wubrfki0l68.cloudfront.net/2ebe4d55c9cdff8d13c74925a47756ce10b09fda/d5bfd/images/splitting-widgets-to-functions-antipattern/wm.png" />
Iiro Krankkaは、関数とクラスによるウィジェットの作成と、各オプションがどのようにパフォーマンスに影響するかを分析します。


### Flutter 1.0を使用して地図ビューで場所と場所を検索する
https://medium.com/flutter-community/building-places-location-search-with-map-view-using-flutter-1-0-alfian-losari-66cacb3bcc24

<img src="https://cdn-images-1.medium.com/max/1200/1*plQm503SXzzHmvQL84IxBA.png" />
マーカー、検索、Google場所などを使用してAlfian LosariによってFlutter Googleマップを使用する完全な例


### フラッターのドキュメントを最大限に活用する方法
https://medium.com/flutter-community/how-to-get-the-most-out-of-the-flutter-documentation-a695e20636e9

<img src="https://cdn-images-1.medium.com/max/1200/1*GGCaCKTBZujdr4lLSRTk2Q.jpeg" />
Rautter RahicheによるFlutterドキュメントの構成方法を理解し、賢明に使用するためのヒント


### Flutterチャレンジ：3Dボトムナビゲーションバー
https://medium.com/flutter-community/flutter-challenge-3d-bottom-navigation-bar-48952a5fd996

<img src="https://cdn-images-1.medium.com/max/1200/1*2NuMp-rjA6Nmy1pO9IOqWA.gif" />
Deven Joshiの3Dエフェクトを使った本当にクールなボトムナビゲーション。


### リストビューでのFlutter検索
https://medium.com/@KarthikPonnam/flutter-search-in-listview-1ffa40956685

<img src="https://cdn-images-1.medium.com/max/1200/1*QVkL_WEQN1Vo7m_IE7Q3vQ.png" />
Karthik Ponnamによるリスト上の検索機能の作成に関するチュートリアル。


### Dart for Flutter ： Dartミックスイン
https://medium.com/flutter-community/https-medium-com-shubhamhackzz-dart-for-flutter-mixins-in-dart-f8bb10a3d341

<img src="https://cdn-images-1.medium.com/max/1200/1*Ir8rIg1_YvZgH_4F11RaBg.gif" />
Shubham Soniは、 Dart Mixinsの内容と使い方について説明します。


### ログインコンポーネントのMVP Flutter完成ユニットテスト
https://medium.com/apparence/mvp-flutter-complete-unit-testing-for-a-login-component-e466b4743da0

<img src="https://cdn-images-1.medium.com/max/1200/1*GIJZ-4JrD9VJah34XgLoeA.png" />
完全にテスト可能なようにFlutter MVPを実装する方法に関する素敵なチュートリアル。


### Flutter複数のFirebase環境
https://www.tengio.com/blog/multiple-firebase-environments-with-flutter/

<img src="http://www.tengio.com/img/blog/0026/thumbnail.jpg" />
Pier Luca EvangelistaはFlutterさまざまな環境を作り、それをAndroid FlavorsやiOS Schemesに変換する方法を説明します。


### 魔法のように簡単にウィジェットをアニメーション化
https://medium.com/flutter-community/what-do-you-know-about-aniamtedswitcher-53cc3a4bebb8

<img src="https://cdn-images-1.medium.com/max/1200/1*jcS25i43n6F0l04ZcioUaQ.jpeg" />
Raouf RahicheはFlutter AnimatedSwitcherを使用してクールなアニメーションを簡単に作成する方法を示します。


### 1ヶ月のFlutter
https://bendyworks.com/blog/a-month-of-flutter

<img src="https://s3.amazonaws.com/bwcom_blog/wp-content/uploads/2016/07/haxx.png" />
彼の1ヶ月間の旅でAbraham Williamsをフォローして、 Flutter記事全体をどのように段階的に作成するかの記事を書いてください。


# ビデオ＆メディア

### Flutterライブ18
https://www.youtube.com/playlist?list=PLOU2XLYxmsILq4ysYNWXq5TOGLgYDJgVD

<img src="https://i.ytimg.com/vi/D-o4BqJxmJE/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLCSWFz3VFTISQ93--QyGLkDFUkvDg" />
ここで、 Flutter Live 18に表示されるすべてのプレゼンテーションとビデオを検索してください。


### Flutter - FlutterチュートリアルでFlareを使用する方法
https://youtu.be/ve0r4B1D-S0

<img src="https://i.ytimg.com/vi/ve0r4B1D-S0/maxresdefault.jpg" />
Raouf RahicheによるFlareの使用に関するビデオチュートリアル


### ヒーロー - 今週のFlutterウィジェット
https://youtu.be/Be9UH1kXFDw

<img src="https://i.ytimg.com/vi/Be9UH1kXFDw/maxresdefault.jpg" />
今週、ヒーロー、単純な移行ウィジェットの使用についてのレビュー。


### Flutter Flare 1.0：2Dアニメーションを開始する
https://youtu.be/eeXdA6gow3s

<img src="https://i.ytimg.com/vi/eeXdA6gow3s/maxresdefault.jpg" />
Flareで2Dアニメーションを作成して使用する方法についてのMTechViralのチュートリアル。


### Flutter Flight List UIの例|ホーム画面|パート1
https://youtu.be/GeMJz3EcBgs

<img src="https://i.ytimg.com/vi/GeMJz3EcBgs/maxresdefault.jpg" />
Techie Blossomは、フライトリストアプリケーション用の素敵なホーム画面を再現します。


### Flutter Advent
https://www.youtube.com/playlist?list=PL1WkZqhlAdC-BY1z84Zdya-KORlqVATqU

<img src="https://i.ytimg.com/vi/v_90gT6v6ts/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLCxoOtzargw6uUR-WWOoe46XDQx5g" />
ヨハネス・ミルケによる12月のFlutterデイリー・チュートリアルの素晴らしい出会いカレンダー


### Flutter -  Google Maps  -  CameraPositionでクールなエフェクト
https://youtu.be/o5-IAZqlr1E

<img src="https://i.ytimg.com/vi/o5-IAZqlr1E/maxresdefault.jpg" />
Raja Yoganは、Google Mapsカメラで実行するいくつかのトリックを示しています。


# ライブラリ＆コード

### Simple FoldingCellウィジェット
https://github.com/faob-dev/folding_cell

faob-devによってFlutter実装された単純な折りたたみセルウィジェット


### Flutter OTPデモ
https://github.com/flutter-devs/flutter_OTPDemo

Flutter DevsによるOTP UIを紹介するFlutterアプリケーション。


### R Flutterアラート
https://github.com/RatelHub/rflutter_alert

RatelによるFlutterための、カスタマイズ可能で使いやすいアラート/ポップアップダイアログ。


### Dart 101のLINQサンプル
https://github.com/mythz/dart-linq-examples

Demart Bellotによるストリームとミックスインを使用してDart LINQ操作を実行する方法の比較。


### Flutter用ステップパッケージ
https://github.com/jamalbelilet/steps

Belilet DjamaleddineさんがAndroidやiOSの他のFlutterウィジェットと垂直/水平のステップを表示するためのFlutterプラグインです。


### Flutterページ遷移パッケージ
https://github.com/kalismeras61/flutter_page_transition

Yasin ilhanによる使いやすいトランジションのパッケージ。