Flutterウィークリー #47

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

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

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


# アナウンス

### Flutter作成
https://flutter.dev/create

<img src="https://flutter.dev/images/flutter-create-social.png" />
Flutterチームは10,000ドル以上の価格で開発コンテストを始めました。見てみな。


### Flutter YouTubeチャンネルはここにあります！
https://www.youtube.com/watch?v=sPW7nDBqt8w

<img src="https://i.ytimg.com/vi/sPW7nDBqt8w/maxresdefault.jpg" />
FlutterはGoogleから独自のYouTubeチャンネルに宣伝されました。


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

### Flutterにおけるリアルタイムオブジェクト検出 - 注目すべき -  The Journal Blog
https://blog.usejournal.com/real-time-object-detection-in-flutter-b31c7ff9ef96

<img src="https://cdn-images-1.medium.com/max/1200/1*715GU9k6CGqkjXkWSg8-lg.jpeg" />
Sha Qianは、 Flutter tfliteを使用してリアルタイムのオブジェクト検出を実現する方法を示しています。


### Flutter PNGグラデーションオーバーレイを作成する方法
https://medium.com/flutter-community/how-to-make-a-png-gradient-overlay-in-flutter-bcdfb922e3ed

<img src="https://cdn-images-1.medium.com/max/1200/1*hQM9UJegzW6YjisITGuE-A.png" />
Agilie Teamの人々は、グラデーションをマスクとして使用する方法について調査していましたが、これが彼らの発見です。


### 私のFlutter挑戦
https://medium.com/flutterpub/my-flutter-challenges-310a78d18e9

<img src="https://cdn-images-1.medium.com/max/1200/1*Wiipl_b-jfleaAOc6TndTA.gif" />
Pedro Massangoは、彼が行ったフラッタデザインの課題のリストを示しています。


### バーコードを読む
https://nickcullen.net/blog/flutter/read-a-barcode/

<img src="https://i1.wp.com/nickcullen.net/blog/wp-content/uploads/2019/02/Flutter-Read-a-Barcode-Banner.png?fit=1280%2C800&ssl=1" />
Nick Cullenが、Firebaseのビジョンライブラリと組み合わせてカメラプラグインを使用して、あらゆる種類のバーコードを読み取る方法を説明します。


### 明らかにした！ FlutterのスライドFlutterライブ&#39;18
https://medium.com/flutter-nyc/revealed-flutter-slides-at-flutter-live-18-7af4cac17ed3

<img src="https://cdn-images-1.medium.com/max/1200/1*sR1llEU7ml7iBntpz3pwlA.jpeg" />
David DeRemerが、彼のチームがどのようにしてFlutter Live 18スライドを作成し、現在開いているコードにリンクしたかを説明します。


### Flutter ：カスタムアイコン
https://medium.com/@mx_tino/flutter-custom-icon-46444d5f9676

<img src="https://cdn-images-1.medium.com/max/1200/1*lJNfTqw_Ic2IaVsLhjje-w.png" />
flutter_launcher_iconsプラグインを使用してアプリのアイコンを設定する方法に関するTino Kallinichによるチュートリアル。


### Flutterを使ってパズルゲームをFlutter
https://medium.com/@dragosholban/building-a-puzzle-game-using-flutter-6f629873102d

<img src="https://cdn-images-1.medium.com/max/1200/1*jEalVQPxuMCjFasEqZb3dQ.png" />
Flutterパズルゲームをステップバイステップで作成する方法を説明したDragos Holbanによるこの記事をチェックしてください。


### FlutterでWebViewにローカルアセットをロードする
https://medium.com/flutter-community/loading-local-assets-in-webview-in-flutter-b95aebd6edad

<img src="https://cdn-images-1.medium.com/max/1200/1*wdcisODftoKG3f_62ylHVg.gif" />
Sha Qianは、ローカルリソースをロードするためにWebviewプラグインにPRを作成し、それがどのように機能するかを説明しています。


### ウィジェット/ページとデータをやり取りする簡単な方法
https://medium.com/flutter-community/simple-ways-to-pass-to-and-share-data-with-widgets-pages-f8988534bd5b

<img src="https://cdn-images-1.medium.com/max/1200/1*ZmlUE0YAXrkD4uypj3RT5Q.png" />
Francesco Mineoは、アプリページ間で情報を移動する簡単な方法を確認します。


### MobX for Flutterを使用した状態管理 - パート1
https://blog.geekyants.com/state-management-made-fun-using-mobx-for-flutter-part-1-5e4273de7982

<img src="https://cdn-images-1.medium.com/max/1200/1*wmy6jY5nlFb6rStXUjVa2w.jpeg" />
Aditya SoniがFlutter MobXを使って状態を管理する方法を説明します。第2部は記事でリンクされています。


# ビデオ＆メディア

### Flutterチュートリアル - Flutterスライダーウィジェット
https://www.youtube.com/watch?v=n3__i6oMrtI&feature=youtu.be

<img src="https://i.ytimg.com/vi/n3__i6oMrtI/maxresdefault.jpg" />
whatsupcodersによるこのビデオでは、 FlutterアプリケーションでSlider Widgetを使用する方法を説明します。


### 状態管理|デバウンスサーチ -  flutter_blocパッケージ
https://www.youtube.com/watch?v=EGNSH4aG_fU&feature=youtu.be

<img src="https://i.ytimg.com/vi/EGNSH4aG_fU/maxresdefault.jpg" />
状態管理|デバウンスサーチ -  flutter_blocパッケージ


### リアルスプラッシュスクリーンチュートリアル
https://youtu.be/BjV4RMkVY6w

<img src="https://i.ytimg.com/vi/BjV4RMkVY6w/maxresdefault.jpg" />
アンドロイドとIOSの両方のためのスプラッシュスクリーンを作る方法についてのMTechViralによるビデオ。


### David McCrearyによるBLoCパターンの学習
https://youtu.be/tJpn9RwZz8Q

<img src="https://i.ytimg.com/vi/tJpn9RwZz8Q/maxresdefault.jpg" />
Flutter NYCのDavid McCrearyによるBLoCパターンの説明。


### Flutter UI  - 最小限のデザイン - プロフィール
https://www.youtube.com/watch?v=Hgy0XJdCeKA&feature=youtu.be

<img src="https://i.ytimg.com/vi/Hgy0XJdCeKA/maxresdefault.jpg" />
Raja Yoganが、 Flutterユーザープロファイルを作成する方法を説明します。


### ＃初心者のためのFlutterチュートリアル
https://www.youtube.com/watch?v=qBhNpE7PxFg&feature=youtu.be

<img src="https://i.ytimg.com/vi/qBhNpE7PxFg/maxresdefault.jpg" />
ルーツに戻る、初心者のためのFlutterチュートリアル。


# ライブラリ＆コード

### diegoveloper / flutter_direct_select
https://github.com/diegoveloper/flutter_direct_select

Flutterアプリ用のセレクターウィジェット。


### Agora Flutter SDKを使用してFlutterアプリにリアルタイムビデオを追加する
https://www.agora.io/en/add-real-time-video-to-your-flutter-apps-using-the-agora-flutter-sdk/

<img src="https://www.agora.io/en/wp-content/uploads/2019/02/agoraio-flutter-sdk.png" />
AgoraチームはFlutter専用のSDKをリリースしました。


### leisim / auto_size_text
https://github.com/leisim/auto_size_text

テキストをその境界内に完全に収まるように自動的にサイズ変更するFlutterウィジェット。