Flutterウィークリー #74

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

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

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


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

### Isolates計算関数を使用したUIスレッドのブロック解除
https://www.gladimdim.org/flutter-unblocking-ui-thread-with-isolates-compute-function-ck03qrwnj000peks1zvhvko1x

<img src="https://hashnode.com/util/r?url=https%3A%2F%2Fhashnode.imgix.net%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1567509641033%2FWxzrTXaqg.png%3Fw%3D800%26h%3D420%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dformat%26q%3D60" />
Dmytro Gladkyiによる、 FlutterでCPUを集中的に使用する操作に対処する方法を説明した優れた記事


### Flutter Appsでプライバシーポリシーを受け入れるためのカスタムスイッチウィジェット
https://medium.com/flutterpub/custom-switch-widget-for-accepting-privacy-policy-in-flutter-apps-792051ca2f79

<img src="https://miro.medium.com/max/760/1*b22-cSReQfzdoWm5xD748w.jpeg" />
Pyyanka Tyagiは、ハイパーリンクスイッチのカスタムウィジェットを作成する方法を段階的に示します。


### 終わった！ 75,000行のネイティブiOSアプリをFlutter移植する
https://medium.com/flutter-community/finished-porting-a-75-000-line-native-ios-app-to-flutter-b5c0bff93715

<img src="https://miro.medium.com/max/1200/1*pUB41krLaiknsgOnYGgBMQ.jpeg" />
大きなiOSアプリをFlutterに移植した後、Gary Hunterは彼の経験の品物と欠点について話しています。


### Flutter Passwordless Authentication —電話とメールによるログインのガイド
https://medium.com/@hajola/flutter-passwordless-authentication-a-guide-for-phone-email-login-6759252f4e

<img src="https://miro.medium.com/max/1200/0*Hz5Cfe3LBKQ51sd9.png" />
Joosep Laheによるこの記事で、Firebase authを使用してパスワードなしの認証を行う方法を学びます。


### Flutter SQLite ..もう少しフレンドリー
https://medium.com/flutterpub/flutter-sqlite-a-little-more-friendly-c5b1bb737045

<img src="https://miro.medium.com/max/1200/1*LoFbvexGMt5vsothjfohuw.png" />
Mattia Croveroは、彼が作成したパッケージ、実行時のSQLiteエクスプローラー、sqliteを使用する際の完璧な仲間について説明します。


### 初めてのFlutter Webアプリを作成した方法
https://medium.com/flutter-community/how-i-created-my-first-flutter-web-app-b6366ff43ba3

<img src="https://miro.medium.com/max/1200/1*INjpaaUTcId6Yzk9_tdAzA.png" />
Flutterを使用して最初のWebアプリを作成する方法については、Max Weberのステップバイステップガイドに従ってください。


### Flutterを使用してネイティブクロスプラットフォームプロジェクトをビルドする方法
https://medium.com/@rody.davis.jr/how-to-build-a-native-cross-platform-project-with-flutter-372b9e4b504f

<img src="https://miro.medium.com/max/1200/1*tgcfnrgu9O4joiPeKFmqKw.png" />
Flutterマルチプラットフォームプロジェクト（Web +モバイル）で作業する際に、プラットフォームの違いに対処する方法に関するRody Davisの優れたソリューション。


### Flutterログインする
https://medium.com/flutter-community/logging-in-flutter-a583b3668228

<img src="https://miro.medium.com/max/1200/1*SlPb_dFAE3NMVDz0rKWUIw.png" />
Zubair Rehmanによるこのチュートリアルでは、 FlutterログパッケージであるFlogの使用方法を学びます。


### Flutterテキストレンダリング
https://www.raywenderlich.com/4562681-flutter-text-rendering

<img src="https://koenig-media.raywenderlich.com/uploads/2020/08/TextRendering-twitter.png" />
Flutterテキストレンダリングの仕組みに関する詳細なガイド。印象的な調査作業。


### Flutter BuildContextなしでナビゲートする
https://medium.com/flutter-community/navigate-without-a-buildcontext-in-flutter-code-guide-2d344ee0e4d6

<img src="https://miro.medium.com/max/1200/1*8FCcnZoTHYpc3E5M4Wb9Wg.jpeg" />
Dane Mackierは、UIからサービスとしてナビゲーションを分離するために、コンテキストを持たずにFlutterナビゲートする方法を説明します。


### FlutterしてSlackアプリのオンボードアニメーションを再作成する
https://medium.com/flutter-community/recreating-slack-apps-on-boarding-animation-with-flutter-ec226ea19403

<img src="https://miro.medium.com/max/1200/1*H-5J0EO11nCU7GEx5xdPaQ.jpeg" />
Darshan KawarによるFlutter Slackオンボーディングアニメーションを模倣する方法に関するチュートリアル。


### Slivers Deep Dive Series：SliversとSliverAppBarの概要
https://medium.com/flutter-community/slivers-deep-dive-series-introduction-to-slivers-and-sliverappbar-c8912ac358c2

<img src="https://miro.medium.com/max/1024/1*hXBVFixvsmg8Rw1hb_1pcg.jpeg" />
Muhammed Salih Gulerによるこのガイドのおかげで、 Flutterでスライバーの力を解き放ちます。


### Flutterカメラを使用する
https://www.raywenderlich.com/4333657-using-the-camera-on-flutter

<img src="https://koenig-media.raywenderlich.com/uploads/2019/07/UsingTheCameraFlutter-twitter.png" />
カメラへのプログラムによるアクセスは常に頭痛の種です。 Sagar SuriはFlutterそれを簡単にするためにすべてのビットを説明します。


# ビデオ＆メディア

### Flutter Progress Dialog（Package of the Week）
https://www.youtube.com/watch?v=wgw49985teE&feature=youtu.be

<img src="https://i.ytimg.com/vi/wgw49985teE/maxresdefault.jpg" />
Progress Dialog Packageを使用して、素晴らしい進捗ダイアログを簡単に作成できます。


### Flutterライブコーディングデザインチャレンジ-SY Travel Animation
https://www.youtube.com/watch?v=NmA5X4go3ns&feature=youtu.be

<img src="https://i.ytimg.com/vi/NmA5X4go3ns/hqdefault.jpg" />
説明に第2部のリンクがある非常によく説明されたUIチャレンジ。


### Flutterブロック状態をFlutter -ハイドレートブロックチュートリアル
https://www.youtube.com/watch?v=vSOpZd_FFEY&feature=youtu.be

<img src="https://i.ytimg.com/vi/vSOpZd_FFEY/maxresdefault.jpg" />
取得した情報をキャッシュして、ユーザーエクスペリエンスを向上させる方法を学びます。説明にリンクされている詳細な記事。


### スタック（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=liEGSeD3Zt8&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=51&t=7s

<img src="https://i.ytimg.com/vi/liEGSeD3Zt8/maxresdefault.jpg" />
重複する要素が必要な場合は、Stackがウィジェットです。スタックを使用すると、複数のウィジェットを重ねることができます。


# ライブラリ＆コード

### gurleensethi / sailor
https://github.com/gurleensethi/sailor

Flutterアプリでの簡単なページナビゲーションと管理。名前のアイデア（船乗り、ナビゲーション、母）が大好きです。


### conghaonet / GitHao
https://github.com/conghaonet/GitHao

オープンソースのGitHub Flutterクライアントアプリ


### ahkohd / Flutter Grocery-ShoppingAppUI
https://github.com/ahkohd/FlutterGrocery-ShoppingAppUI

<img src="https://repository-images.githubusercontent.com/205581366/cffe7f80-cc60-11e9-93da-721a5d2541fe" />
Fryo- Flutter食料品ショッピングアプリテンプレートUIキット


### mobiten / flutter_staggered_animations
https://github.com/mobiten/flutter_staggered_animations

ずらしたアニメーションをListView、GridView、Column、Rowの子に簡単に追加します。