Flutterウィークリー #45

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

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

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





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

### Flutterスプライトシートアニメーション
https://medium.com/flutter-community/sprite-sheet-animations-in-flutter-1b693630bfb3

<img src="https://cdn-images-1.medium.com/max/1200/1*9ZKHKQzacnyqZvGGSGuC3Q.gif" />
Luan NicoがFlutterアプリでスプライトシートを使用する方法を紹介します。


### 紹介： Flutterウィジェット-メーカー、 FlutterのApp-Builderはで書かれたFlutter
https://medium.com/flutter-community/introducing-flutter-widget-maker-a-flutter-app-builder-written-in-flutter-231e8d959348

<img src="https://cdn-images-1.medium.com/max/1200/1*bZoLu2GwC2seNXdAJ0i7Ow.gif" />
Norbertは、ビジュアル環境でウィジェットを作成するためのこのツールを作成しました。


### クイックヒント：テキストURLをクリック可能なハイパーリンクに変換する
https://medium.com/flutter-community/quicktip-converting-text-urls-into-clickable-hyperlinks-2bb2d3b3b4b2

<img src="https://cdn-images-1.medium.com/max/1200/1*SIYbAut8gL4cAqMgk19-6Q.png" />
Darshan KawarがFlutterアプリのURLをリンクするための簡単なコツを紹介します。


### dartfmtを使用してコードスタイルを確認してフォーマットする
https://medium.com/@guitcastro/checking-and-format-your-code-style-using-dartfmt-665cc4189223

<img src="https://cdn-images-1.medium.com/max/1200/1*dsbr9CyNNpZ0WCM-WDhoVA.png" />
dartファイルでリンターを実行し、CI経由でGuilherme Torresで実行する方法についての簡単なメモ


### Flutter - 開発期間を短縮するためのIDEショートカット
https://medium.com/flutter-community/flutter-ide-shortcuts-for-faster-development-2ef45c51085b

<img src="https://cdn-images-1.medium.com/max/1200/1*A1iZ7tFpNyIj3Rf7o721-g.jpeg" />
AS用のショートカットのリストをチェックして、 Flutter by Pooja Bhaumikを使った作業を改善してください。


### FlutterとWebコードの共有州管理デモ
https://medium.com/flutter-community/flutter-and-web-code-sharing-a-state-management-demo-2e615d3f2b1a

<img src="https://cdn-images-1.medium.com/max/1200/1*R6qf08qsAIJAb6MGOeLutQ.png" />
Mellati Meftahが、 Flutter状態を処理しながら、 FlutterとWebの間でコードを共有する方法を紹介します。


### FlutterのWebViewのパワー
https://medium.com/flutter-io/the-power-of-webviews-in-flutter-a56234b57df2

<img src="https://cdn-images-1.medium.com/max/1200/1*aMgCX1bmq6hRNgmsDDVOXQ.gif" />
FlutterチームのEmily FortunaによるWebView Widgetの詳細な分析。


### キャッチャーでFlutterエラーを処理する
https://medium.com/flutter-community/handling-flutter-errors-with-catcher-efce74397862

<img src="https://cdn-images-1.medium.com/max/1200/0*OI8fXyoAR0Xuwqme" />
Jakub Homlala氏は、アプリケーションのエラー処理を支援するための、 FlutterプラグインのCatcherを紹介しています。


### アーキテクチャなし
https://buildflutter.com/no-architecture/

例としてFlutterを使用したアーキテクチャを使用しない、Adam Pedleyによるモバイル開発への興味深いアプローチ。


### Flutter速い！
https://medium.com/flutter-community/flutter-faster-db1e0fef57ba

<img src="https://cdn-images-1.medium.com/max/1200/1*-2LMyIgf11-jmupOtlKh6g.gif" />
Greg Perryは、MVCアーキテクチャをFlutterアプリに適用した経験を共有しています。


### Firebase、クラウドストレージ、 Flutter - Flutter Pub  -  Medium
https://medium.com/flutterpub/firebase-cloud-storage-and-flutter-fa2e91663b95

<img src="https://cdn-images-1.medium.com/max/1200/1*Xk_MjcDk0dBHYUWK93ktcQ.png" />
あなたのFirebase Cloud StorageにFlutterアプリからファイルを保存する方法に関するAseem Wangooによるチュートリアル。


### BuiltValueSerializerを使用したカスタムbuilt_valueシリアライザの作成
https://medium.com/@solid.goncalo/creating-custom-built-value-serializers-with-builtvalueserializer-46a52c75d4c5

<img src="https://cdn-images-1.medium.com/max/1200/1*iyhqyd7ahSBlHyCND2oJmQ.jpeg" />
カスタムシリアライザを作成するGonçaloPalmaによるbuilt_valueの高度な使用法に関する記事。


### フレアの逆運動学 -  2次元 - 中
https://medium.com/2dimensions/inverse-kinematics-in-flare-777bbb24bc49

<img src="https://cdn-images-1.medium.com/max/1200/0*oEy6p1tsdLA2bW0P" />
Guido Rossoを使用すると、FlareでのIKを理解して、 Flutterアプリに適したアニメーションを作成できます。


### 要素、キー、 Flutterのパフォーマンス
https://medium.com/flutter-community/elements-keys-and-flutters-performance-3ef15c90f607

<img src="https://cdn-images-1.medium.com/max/1200/1*UT22lwxGlgrjyC8eYkda1Q.jpeg" />
ウィジェットのキーを処理するとパフォーマンスがどのように向上するかについてのTomekPolańskiによる記事。


### Flutter + MLKit =❤
https://medium.com/flutter-community/flutter-mlkit-8039ec66b6a

<img src="https://cdn-images-1.medium.com/max/1200/1*MV9o-vHTIKdfuBux5M12Lw.png" />
Stefan BlosによるFlutter MLKitの使用に関するチュートリアル


# ビデオ＆メディア

### Flutterローカル認証指紋とFaceID | Dartパッケージ -  YouTube
https://www.youtube.com/watch?v=4-P_Su9O5NM

<img src="https://i.ytimg.com/vi/4-P_Su9O5NM/maxresdefault.jpg" />
ローカル認証パッケージを使用してFlutterアプリケーションに指紋認証とFaceIDローカル認証を簡単に導入する方法についてのビデオ。


### Flutter YouTube検索チュートリアルコース
https://www.youtube.com/playlist?list=PLB6lc7nQ1n4jtXh6TgCEIO4kCfIT0-NZl

<img src="https://i.ytimg.com/vi/BJY8nuYUM7M/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLCanU9tdMpZ-9HYKTTCRKZk3r4WgA" />
Flutter YouTubeの検索機能を模倣する方法についてのReso Coderによるプレイリスト。


### Flutterインスペクタを使用してスクロール位置を保存する（The Boring Flutter Development Show、Ep。15） -  YouTube
https://www.youtube.com/watch?v=ht76lDzPgUQ&feature=youtu.be&linkId=63306304

<img src="https://i.ytimg.com/vi/ht76lDzPgUQ/maxresdefault.jpg" />
The Boring Flutter Development Showのこのエピソードでは、EmilyとLaraが、 Flutter Inspectorと、それがどのように使用されるか、そしてページのスクロール位置を維持する方法について話します。


### Flutter UI  - クリーンデザイン - ヘアスタイリストアプリ -  YouTube
https://www.youtube.com/watch?v=td_wyIn9b3k&feature=youtu.be

<img src="https://i.ytimg.com/vi/td_wyIn9b3k/maxresdefault.jpg" />
今回はヘアスタイリストアプリである、アプリuiの作成に関するRaja Yoganによるチュートリアル。


### 整列（今週のFlutterウィジェット） -  YouTube
https://www.youtube.com/watch?v=g2E7yl3MwMk&t=0s&index=26&list=PLOU2XLYxmsIL0pH0zWe_ZOHgGhZ7UasUE

<img src="https://i.ytimg.com/vi/g2E7yl3MwMk/maxresdefault.jpg" />
整列ウィジェットを使用すると、ウィジェットをその親ウィジェットの定義済み領域に配置できます。


### 折りたたみサイドバーとナビゲーション引き出し| Flutter UI  -  YouTube
https://www.youtube.com/watch?v=2SjvhAUR9aw&feature=youtu.be

<img src="https://i.ytimg.com/vi/2SjvhAUR9aw/maxresdefault.jpg" />
Techie Blossomによる、引き出しとして、または足場本体のどこにでも使用できる折りたたみ式の引き出し/サイドバーの作成方法に関するビデオ。


### Flutter使ってGmailを作成する
https://www.youtube.com/playlist?list=PLWIO1jq0WronOimzw5BGlB3F9TU7Celpd

<img src="https://i.ytimg.com/vi/0IOy32zQ9_s/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLC1ZiHnywmMan-pVBSNLYIuRnMVAA" />
Impatient DeveloperによるFlutter Gmailクローンの作成に関するプレイリスト。


### Flutterチュートリアル - Flutter GestureDetectorとInkWell  -  YouTube
https://www.youtube.com/watch?v=pAA62_x0zKE&feature=youtu.be

<img src="https://i.ytimg.com/vi/pAA62_x0zKE/maxresdefault.jpg" />
Whatsupcodersは、GestureDetectorとInkwellをアプリで使用する方法を私たちに示しています。


### Flutterトーク
https://blog.codemagic.io/flutter-talks-podcast-fast-beautiful-productive-open/

<img src="https://blog.codemagic.io/wp-content/uploads/2019/02/fluttertalks.png" />
Flutter専用の新しいPodcast。この最初の号では、Martin Aguinisへのインタビューやそれ以上のことを聞くことができます。


# ライブラリ＆コード

### mdi-dart
https://github.com/csharad/mdi-dart

Flutter用の自動生成されたMaterial Design Iconパッケージ。


### データビュー
https://github.com/synw/dataview

アプリケーションのドキュメントディレクトリ用のファイルエクスプローラ。


### flutter_clipper_experiments
https://github.com/spagni/flutter_clipper_experiments

カスタムクリッピング実験をテストするためのFlutterアプリ。