Flutterウィークリー #36

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

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

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


# アナウンス

### Flutterライブ
https://developers.google.com/events/flutter-live/

<img src="https://developers.google.com/_static/886de6be47/images/share/devsite-cyan.png" />
12月4日、Googleでは、 Flutterライブ（ Flutter Live）の講演とデモンストレーションによるFlutterイベントを開催します。適切なハッシュタグに関わってください！彼らは大きな発表をしますか？


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

### 長年のiOS Dev  -  First Flutter App
http://iosdevelopertips.com/flutter/longtime-ios-dev-first-flutter-app.html

<img src="http://iosdevelopertips.com/wp-content/uploads/2016/08/iOS_logov2.png" />
John Muchowは、（ビデオを含む）彼がFlutterへの最初のアプローチをどのようにして、わずか2週間でアプリを作成したかを関連づけています。


### Flutterチャレンジ：Twitter
https://itnext.io/flutter-challenge-twitter-a1cb17f1e21b

<img src="https://cdn-images-1.medium.com/max/1200/1*d741kjfzNQv6W_d5wd37HA.png" />
新しいFlutterでのTwitterアプリUIを再現DEVEN女子からの挑戦、 Flutter 。


### Travis-CI上のIOSおよびAndroidエミュレータによるFlutterユニット、ウィジェットおよび統合テスト
https://medium.com/@nocnoc/flutter-unit-widget-and-integration-testing-with-ios-and-android-emulators-on-travis-ci-df17ed7c3be

<img src="https://cdn-images-1.medium.com/max/1200/1*TcAhYlxkRUzLPmEJg8qrCA.jpeg" />
Maurice McCabeは、 Flutterアプリケーションをコンパイルしてテストするために、TravisでCIワークフローを作成する方法を段階的に説明します。


### Flutter BMI電卓 - 第7部 - アニメーションの移行
https://medium.com/flutter-community/bmi-calculator-in-flutter-part-7-animated-transition-afb609c3665f

<img src="https://cdn-images-1.medium.com/max/1200/0*pb1KBtLlkrEFnGGZ.png" />
MarcinSzałekはFlutterでBMIの電卓アプリを続けていますが、今回はクールな複雑なアニメーションの移行に取り組んでいます。


### GoogleがリリースDartプログラミング言語バージョン2.1を、からかっFlutter 1.0
https://9to5google.com/2018/11/19/dart-programming-language-2-1/

<img src="https://9to5google.com/wp-content/uploads/sites/4/2018/08/dart-programming-language-header.png?w=1000" />
Kyle Bradshawは新しいDart 2.1の改良点とFlutterとの関係について説明しました。


### Flutter FloatingActionButtonにFlutter
https://proandroiddev.com/a-deep-dive-into-floatingactionbutton-in-flutter-bf95bee11627

<img src="https://cdn-images-1.medium.com/max/1200/1*Kr0VPA3AloYLoEr5wMrOeQ.png" />
FlutterのFloatingActionButtonに関するすべてを知りたいですか？心配しないで、Deven JoshiはDeep Diveシリーズのこの記事でそれを説明します。


### JavaScriptプログラマ用Dart
https://medium.com/flutter-community/dart-for-javascript-programmers-24c905aadf6

<img src="https://cdn-images-1.medium.com/max/1200/0*JWyRX0OvflgVHFUF" />
Flutter興味のあるJavascriptの開発者ですか？ Hillel CorenはJavascriptとDart主な違いを説明します。


### Flutter Firestoreチュートリアル
https://www.gotut.net/flutter-firestore-tutorial-part-1/

<img src="https://www.gotut.net/wp-content/uploads/2018/11/flutter_firestore.png" />
GoTutサイト​​のFlutterアプリケーションでFirestoreを使用する方法についての2つのパートのチュートリアル（記事にリンクされている2番目のパート）。


### Flutter ：飛行CO2計算機の構築（その1）
https://medium.com/coding-with-flutter/flutter-building-a-flight-co2-calculator-part-1-899c2a86e00b

<img src="https://cdn-images-1.medium.com/max/1200/1*DCEQ_MuUIoCBwbTw-r1ADQ.png" />
Andrea Bizzottoは飛行機のCO2排出量を計算するための新しいアプリを公開し、コードを共有し、彼がどのようにしたかについてのチュートリアルを書いた。


### Flutter ：モバイルからデスクトップへ
https://medium.com/flutter-community/flutter-from-mobile-to-desktop-93635e8de64e

<img src="https://cdn-images-1.medium.com/max/1200/1*LRmYpvJyn2bqZVwP0TLYpA.png" />
Marcelo Henrique Neppelは、デスクトップ用のFlutterの現在の状態を示し、 Flutter自分でデスクトップアプリケーションを生成する方法を示します。


# ビデオ＆メディア

### Flutter付きアニメーション：いつ何を使うか
https://youtu.be/PFKg_woOJmI

<img src="https://i.ytimg.com/vi/PFKg_woOJmI/maxresdefault.jpg" />
以下からのアンソニー・ロブレドによって話Flutterにおけるアニメーションの異なるタイプのNYC Flutterとどの要素それぞれのために必要とされます。


### Flutter Widgets 101 Ep。 3  - 継承されたウィジェットの説明
https://youtu.be/Zbm3hjPjQMk

<img src="https://i.ytimg.com/vi/Zbm3hjPjQMk/maxresdefault.jpg" />
ステートレスウィジェットとステートフルウィジェットをカバーした後、この新しいFlutter Widgets 101ビデオで、Filip Hracekは継承ウィジェットとその使い方を説明します。


### Flutter ：中アニメーションチュートリアルFlutter || Ep 1
https://youtu.be/UJVO-H0wfVU

<img src="https://i.ytimg.com/vi/UJVO-H0wfVU/maxresdefault.jpg" />
MTechViralは新しいアニメーションのビデオを開始します。今回はAnimationの基本について最初の簡単なビデオでアニメーションについて語ります。


### InheritedModel（今週のFlutterウィジェット）
https://youtu.be/ml5uefGgkaA

<img src="https://i.ytimg.com/vi/ml5uefGgkaA/maxresdefault.jpg" />
今週の新しいWidget of Weekの問題です。今回は、InheritedModelについて、Inheritedwidgetよりもデータの変更後に子孫を再構築する必要のある詳細について説明しています。


### Flutter ：FirebaseチュートリアルPart 2 |ようこそページとサインイン
https://youtu.be/bXlMNfwhlwg

<img src="https://i.ytimg.com/vi/bXlMNfwhlwg/maxresdefault.jpg" />
Robert BrunhageのFirebaseチュートリアルの第2部。


### Flutterサンプルと例を探る（Boring Flutter Development Show、Ep。11）
https://youtu.be/mztMzzD8NiE

<img src="https://i.ytimg.com/vi/mztMzzD8NiE/maxresdefault.jpg" />
新しいボーリングFlutterビデオを表示！今度はFlutter開発の経験について3人の特別ゲストと話し合います。


# ライブラリ＆コード

### DrawApp
https://github.com/SnakeyHips/drawapp/

<!-- <img src="https://avatars3.githubusercontent.com/u/8283818?s=400&v=4" /> -->
Jake Goughのカラーピッカーとブラシの太さスライダーと一緒にキャンバスに描画するサンプルFlutter描画アプリケーション。


### Flutter Googleマップの例
https://github.com/ibhavikmakwana/flutter_google_map

<!-- <img src="https://avatars3.githubusercontent.com/u/22465800?s=400&v=4" /> -->
Flutterアプリケーションは、Bhavik MakwanaによるGoogleマップを示しています。


### Whatsapp UIクローン😃
https://github.com/chuiizeet/Whatsapp-clone

<!-- <img src="https://avatars3.githubusercontent.com/u/23518097?s=400&v=4" /> -->
Jesus GuerraはFluterで作成したWhatsappクローンUIを共有しています。


### clippy_flutter
https://github.com/figengungor/clippy_flutter

<!-- <img src="https://avatars1.githubusercontent.com/u/3411015?s=400&v=4" /> -->
カスタムシェイプでウィジェットをクリップするためのFlutterライブラリ。