Flutterウィークリー #66

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

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

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


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

### ＃Hack19  - インターナショナルFlutterハッカソン結果
https://flutterhackathon.com/

<img src="http://flutterhackathon.com/assets/images/share.jpg?v55381740871651" />
これで、 Flutter Hackathon Webサイトのすべての参加者を確認できます。また、参加した場合は、証明書を取り戻すことができます。


### FlutterとGoogle Cloud Platformが「学習」問題を解決するためにどのように連携したか
https://blog.greenroots.info/how-flutter-and-google-cloud-platform-came-together-to-solve-a-learning-problem-cjxj9uwng001i27s14hf61teg

<img src="https://hashnode.com/util/r?url=https%3A%2F%2Fhashnode.imgix.net%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1561905450163%2FZ6nhJHZKm.png%3Fw%3D800%26h%3D420%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dformat%2Cenhance%26q%3D60" />
Tapas Adhikaryが彼女の娘がFlutterとGoogleクラウドを使用してライティングスキルを向上させるのに役立った経緯。


### Flutterスクロールアニメーションを作成する
https://itnext.io/creating-scroll-animations-in-flutter-74eb340627d9

<img src="https://cdn-images-1.medium.com/max/1200/1*a3MK5P1HWtv8s1muC8WpYQ.gif" />
Kenneth Reillyによるチュートリアルで、リストスクロールによるアニメーションの調整がいかに簡単かを示しています。


### プロバイダを使用した下部ナビゲーションバー
https://medium.com/flutterdevs/bottom-navigation-bar-using-provider-flutter-8b607beb2e5a

<img src="https://miro.medium.com/max/1200/1*kQVKvFSFhWpRPBPVBFNPfg.png" />
Ashish Rawatが、BottomNavigationBarでFlutter Providerパッケージを使用する方法を説明します。


### カスタムクリッパー：ウェーブカーブ - パート2
https://medium.com/@bhoomiharkhani22/custom-clipper-wave-curve-part-2-26cd54dc30f

<img src="https://miro.medium.com/max/1200/1*CHOHkGcVBtCCq5HwlkXPog.jpeg" />
Bhoomika HarkhaniはFlutter使ってクレイジーカーブを作り続けています


### Flutterカスタムスティッキヘッダ
https://medium.com/flutter-community/custom-sticky-headers-in-flutter-248d3c26863

<img src="https://miro.medium.com/max/1200/1*GF4ArFQIEreP3uQGFMBRcg.jpeg" />
Dane Mackierのこの記事でスティッキヘッダーを使用する方法を学んでください。


### ディープリンクとFlutterアプリケーションそれらを適切に処理する方法。
https://medium.com/@denisov.shureg/deep-links-and-flutter-applications-how-to-handle-them-properly-8c9865af9283

<img src="https://miro.medium.com/max/1200/1*P3mcH4c6nOX9rjhG1tPhfw.png" />
Aleksandr Denisovが、 Flutter AndroidとiOSからのディープリンクを処理する方法についてこのチュートリアルを書きました。


### Flutterアニメーション例 - ＃2
https://medium.com/flutterdevs/example-animations-in-flutter-2-1034a52f795b

<img src="https://miro.medium.com/freeze/max/1200/1*kT7J_vQcySTcA1wnzle4tQ.gif" />
これらの基本的なアニメーションの例を使って、Mohak Guptaによるアニメーションの学習を続けてください。


### 指紋と顔認識によるローカル認証
https://medium.com/flutter-community/flutter-local-authentication-with-fingerprint-and-face-recognition-744d5d7f6c4

<img src="https://miro.medium.com/max/1200/1*8OYfoTcTLhtXgZiWzUWGhQ.png" />
Daniele Cambiによるこのチュートリアルでは、データを保護するために指紋と顔認識を使用する方法を学びます。


### Flutter + MobX +チョッパー
https://medium.com/@rishabhv1509/flutter-mobx-chopper-8a1b0d7954a5

<img src="https://miro.medium.com/max/1200/1*LMqFF14tKwvDnB8H4YZuog.jpeg" />
Rishabh Vermaによるアプリケーションで、Chopper（残りのクライアントライブラリ）とMobX（状態管理ライブラリ）を一緒に使用する。


### Flutter学習パス
https://medium.com/@kingwu/flutter-learning-path-d6b3b0235799

<img src="https://miro.medium.com/max/1200/1*sV0_stv0WhoP3Z3fKLMz1w.jpeg" />
Wu Chun WaはFlutterための彼の学習経路を共有しています。


### Flutter ：ステートフルウィジェットとステートレスウィジェット
https://medium.com/flutter-community/flutter-stateful-vs-stateless-db325309deae

<img src="https://miro.medium.com/max/1200/1*CoeJHavtXrBo8INIBYV3gA.png" />
Souvik Biswasは、ステートフルウィジェットとステートレスウィジェットの違いを説明します。


### Flutter ：開発における自己署名SSL証明書の使用
https://medium.com/@reme.lehane/flutter-using-self-signed-ssl-certificates-in-development-c3fe2d104acf

<img src="https://miro.medium.com/max/1200/1*73IgUxPfyXUKZAaIXgutrw.png" />
Reme Le Haneは、 FlutterカスタムSSL証明書を使用する際に問題がありました。


### Flutter Proのようにネットワーク通話を処理する
https://medium.com/@xsahil03x/handling-network-calls-like-a-pro-in-flutter-31bd30c86be1

<img src="https://miro.medium.com/max/1200/1*wmj8gPDE-lD6UaRq6m29gA.png" />
Sahil Kumarによる、すべてのネットワーク通話を処理するためのアプリの構成方法に関する素晴らしい記事。


### Flutterペイントする方法
https://medium.com/@studymongolian/how-to-paint-in-flutter-d18c6c26df10

<img src="https://miro.medium.com/max/1200/1*1xlrogkPFDpO7aK57LQcsg.jpeg" />
Flutterのカスタムペインターの紹介。


### Flutter開発時間を毎日10％節約するにはどうすればいいですか？
https://medium.com/flutter-community/how-to-save-10-of-flutter-development-time-every-day-40c39833d1cb

<img src="https://miro.medium.com/max/1200/0*GAY3smHea2sfFyHB" />
自動テストでCI / CDを使用することで、どのように時間が短縮され、より良い品質が得られるかを学ぶための数字をご覧ください。


### RouteObserverを使ってFlutter画面遷移を追跡する方法
https://medium.com/flutter-community/how-to-track-screen-transitions-in-flutter-with-routeobserver-733984a90dea

<img src="https://miro.medium.com/max/1200/1*cQOwWWZQxU0C2lVArcuUuw.png" />
David AnayaがFlutter RouteObserverとRouteAwareを使って自動的に画面遷移を追跡する方法を説明します。


### Flutter電池残量を確認する
https://medium.com/flutter-community/provide-battery-level-in-flutter-1b69fc4e6b2d

<img src="https://miro.medium.com/max/1200/1*9bvCxYl4WS-_85UZovEz_Q.jpeg" />
Dane Mackierは、バッテリーパーセンテージ値のストリームを提供するDeviceInformationSerivceを構築します。


### Flutterを学ぶためのリソース
https://medium.com/flutter-community/resources-to-learn-flutter-2ade7aa73305

<img src="https://miro.medium.com/max/1200/1*nvEGMayh9BLHstljm7auFg.jpeg" />
LaraMartínは、 Flutterを学ぶのに最適なリソースのリストをまとめました。


### クロスプラットフォームのランディングページでのFlutterテーマの使用（Web、Android、iOS）
https://medium.com/flutter-community/using-flutter-themes-for-cross-platform-landing-page-web-android-ios-a6714c7aca99

<img src="https://miro.medium.com/max/1200/1*e2_HuOawxCSwTYpS4oHZxQ.jpeg" />
Priyanka Tyagiによるこの記事でコードの一部を変更するだけで、ランディングページの外観やテーマをすばやく変更する方法を学びましょう。


# ビデオ＆メディア

### Flutterカスタムリストビューカードを作成する方法
https://www.youtube.com/watch?v=1Y6o1DOUJcU

<img src="https://i.ytimg.com/vi/1Y6o1DOUJcU/hqdefault.jpg" />
このビデオでは、カード用のカスタムウィジェットを作成し、それをカードのリストに使用する方法を紹介します。


### Dartストリーム - フォーカスのFlutter
https://www.youtube.com/watch?v=nQBpOIHE4eE&list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2&index=16&linkId=69786502

<img src="https://i.ytimg.com/vi/nQBpOIHE4eE/maxresdefault.jpg" />
このビデオでは、 Flutterストリームを使用したリアクティブコーディングの基本について説明します。


### Flutter Flare Basics  -  GiphyのNavメニューを作ろう
https://www.youtube.com/watch?v=hwBUU9CP4qI&feature=youtu.be

<img src="https://i.ytimg.com/vi/hwBUU9CP4qI/maxresdefault.jpg" />
Giphyモバイルアプリから素晴らしいナビゲーションメニューを再作成することで、 Flutter Flare 2Dでベクトルアニメーションの基本をマスターしましょう。


### プレースホルダー（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=LPe56fezmoo

<img src="https://i.ytimg.com/vi/LPe56fezmoo/maxresdefault.jpg" />
作曲が終わっていないウィジェットの代わりになるものが必要ですか。プレースホルダーはここにあります。


### プロバイダを用いた実用的な状態管理（The Boring Flutter Development Show、Ep。25）
https://www.youtube.com/watch?v=HrBiNHEqSYU&feature=youtu.be&linkId=69927151

<img src="https://i.ytimg.com/vi/HrBiNHEqSYU/maxresdefault.jpg" />
このエピソードでは、FilipとMattがProviderパッケージをFlutterます。これは、 Flutterアプリで状態を管理するための簡単な方法です。


# ライブラリ＆コード

### AmitJoki /エニグマ
https://github.com/AmitJoki/Enigma

Flutter完全に開発された本格的な一対一のチャットアプリ。


### codemissions /フラッタービデオストリーミングアプリ
https://github.com/codemissions/flutter-video-streaming-app

<img src="https://repository-images.githubusercontent.com/194789027/53cce600-9d5c-11e9-84f1-fb069036ae72" />
flutterでビデオストリーミングアプリを構築する方法を示すチュートリアルのコード


### JideGuru / Flutterトラベル
https://github.com/JideGuru/FlutterTravel

<img src="https://repository-images.githubusercontent.com/194759871/299ef980-9c72-11e9-8b0c-98c7184e6211" />
UpLabsからの旅行アプリのコンセプトのFlutter表現。


### leisim / logger
https://github.com/leisim/logger#log-console

<img src="https://repository-images.githubusercontent.com/190273018/5112ad00-872c-11e9-8035-dd1ac48ae352" />
美しいログを印刷する小型で使いやすく拡張可能なロガー。


### nickwu241 / instagroot
https://github.com/nickwu241/instagroot

グルートのためのInstagramのクローンを使用して作成したFlutter ！