Flutterウィークリー #77

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

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

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


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

### Geolocatorプラグインを使用してユーザーの位置を取得する
https://alligator.io/flutter/geolocator-plugin/

<img src="https://alligator.io/images/flutter/geolocator-plugin.png" />
Paul HallidayによるFlutterのgeolocatorプラグインの使用の簡単な紹介


### Flutter Google Mapsのマーカーアイコンとしてネットワーク画像を使用する
https://coletiv.com/blog/use-network-images-as-marker-icons-flutter-google-maps/

<img src="https://www.coletiv.com/static/6680358d22ea3997c16b1e0e1532ce27/c7a75/use-network-images-as-marker-icons-flutter-google-maps.png" />
AntónioValenteが、Googleマップでカスタムアイコンをマーカーとして使用する方法を説明します


### ナビゲーションドロワーを使用したマテリアルデザインを使用したレスポンシブFlutterアプリケーションの作成
https://dexterx.dev/creating-a-responsive-flutter-application-with-a-navigation-drawer/

<img src="https://dexterx.dev/content/images/2019/09/Screen-Shot-2019-09-25-at-7.58.53-pm.png" />
Michael Buiが、 Flutterレスポンシブナビゲーションドロワーを作成する方法を紹介します。


### FFIを使用してDartからRust関数を呼び出す方法
https://itnext.io/how-to-call-a-rust-function-from-dart-using-ffi-f48f3ea3af2c

<img src="https://miro.medium.com/max/600/1*HQ5V8i39HfDuUqd7PGCh8Q.jpeg" />
FlutterからRustコードを呼び出すSacha Arbonelによるこのチュートリアルのおかげで、 DartコードからFFIを呼び出す新しい機能について学びます。


### Flutterゲームでエレガントなストップウォッチを作成する
https://javipacheco.net/creating-an-elegant-stopwatch-on-flutter-game/

Javi Pachecoによる特定の目的のための複雑なウィジェットの作成方法の例。


### Dart 2.5＆ Flutter 1.9バージョン：このGoogleリリースの新機能
https://medium.com/flutter-community/dart-2-5-flutter-1-9-version-what-new-about-this-google-release-ab61f4f6d20e

<img src="https://miro.medium.com/max/900/1*TrGk1UnoyOM0ZFZpv3UutA.jpeg" />
Matt Fitzgeraldは、 Flutter and Dart最新バージョンに追加されたすべての新しくて光沢のあるものを再開します。


### Flutterルートのプレフィックスに「/」を使用しないでください！
https://medium.com/flutterpub/dont-use-to-prefix-your-routes-in-flutter-f3844ce1fdd5

<img src="https://miro.medium.com/max/1200/1*bK27OT73YK_QlIiiaAbupQ.jpeg" />
Flutterアプリでルートにプレフィックスを付けるためにスラッシュを使用することについて知っておくと便利なトリック。


### CustomPainterによるフラッターコミュニティアイコンの描画
https://medium.com/flutter-community/draw-flutter-community-icon-by-custompainter-97298eda4674

<img src="https://miro.medium.com/max/250/1*rd_veZDE2LL02Ov9uxfsRg.png" />
CustomPainterを使用してロゴを描くのがいかに簡単かについてのChris Chenの例。


### Flutter — dartコードジェネレーター
https://medium.com/@bitsydarel/flutter-dart-code-generator-c86df03b09dc

<img src="https://miro.medium.com/max/1200/0*CSCT5Ig2X9IFGOT9" />
Darel Bitsyは、ボイラープレートを回避するためにDartコードを生成する方法を紹介します。


### Flutterクリッパー
https://medium.com/@mg55851/flutter-clippers-1fa3666f2bef

<img src="https://miro.medium.com/max/1200/1*zE-aeSRKF6ZvkOk9lldutA.jpeg" />
Mustafa GamalによるFlutter Clipクラスの非常に詳細な紹介


### flutter_blocを使用したBLoCパターンの実装
https://medium.com/flutter-community/implementing-bloc-pattern-using-flutter-bloc-62a62e0319b5

<img src="https://miro.medium.com/max/1120/1*CkR6kf9ZGSMCy4Ft89ZSvg.png" />
それでもflutter_blocライブラリの使用に苦労している場合は、この記事Piyush Sinhaを使用して、簡単に使用する方法を説明してください。


### プロパティ変更通知機能の紹介
https://medium.com/flutter-nyc/introducing-property-change-notifier-10e6d27080a3

<img src="https://miro.medium.com/max/1200/1*h36AjX4nHxVP1nfVm0n9Uw.jpeg" />
Martin Rybakが、ChangeNotifierをさらに制御できるようにするウィジェットであるPropertyChangeNotifierについて説明します。


### Flutterプラットフォーム対応ウィジェット
https://www.raywenderlich.com/4968762-platform-aware-widgets-in-flutter

<img src="https://koenig-media.raywenderlich.com/uploads/2020/09/PlatformAwareWidgets-twitter.png" />
Kevin Mooreは、flutter_platform_widgetsライブラリを使用してウィジェットプラットフォームを認識させる方法を説明します。


# ビデオ＆メディア

### Flutter PhotoView（今週のパッケージ）
https://www.youtube.com/watch?v=YV7D8XEQoYs&feature=youtu.be

<img src="https://i.ytimg.com/vi/YV7D8XEQoYs/maxresdefault.jpg" />
PhotoViewパッケージを使用して、画像とコンテンツがズーム可能な機能を持つようにします。


### Flutter分離とマルチスレッド（The Boring Flutter Development Show、Ep。30）
https://www.youtube.com/watch?v=qrFTt1NZed8&list=PLjxrf2q8roU3ahJVrSgAnPjzkpGmL9Czl&index=40&linkId=74395943

<img src="https://i.ytimg.com/vi/qrFTt1NZed8/maxresdefault.jpg" />
この退屈なショーのエピソードでは、フィリップにアンドリューが加わりました。 Dart分離とマルチスレッド化についてDartます。


### Flutterのジャックスパロウのコンパスのライブコーディング
https://www.youtube.com/watch?v=nrU_mEAJQow&feature=youtu.be

<img src="https://i.ytimg.com/vi/nrU_mEAJQow/maxresdefault.jpg" />
MarcinSzałekはFlutter Europe Conference向けにこの楽しいコンパスアプリを作成しました。このビデオでは、彼は開発プロセスを共有しています。


### スピードリーダーニュースアプリケーション
https://www.youtube.com/playlist?list=PLAzsruk_2prlBrdTCzG3kfisOIQHpntcC

<img src="https://i.ytimg.com/vi/eW1PDfVFUQk/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLDoJcD6Mw_tz52t6o0yYL-kmnuwQA" />
Flutterアプリをゼロから作成する方法を示す興味深いビデオのプレイリスト。


# ライブラリ＆コード

### flutterkit / zerker
https://github.com/flutterkit/zerker

Zerkerは、軽量で強力なフラッターキャンバスグラフィックアニメーションライブラリです。


### housmart / flutter_selectable_autolink_text
https://github.com/housmart/flutter_selectable_autolink_text

Flutterテキストで選択、クリック、長押しできるインラインリンクを生成する


### divyanshub024 / day_night_switch
https://github.com/divyanshub024/day_night_switch

Flutter昼夜切り替えウィジェット。