Flutterウィークリー #21

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

この記事は#21の日本語訳です
https://mailchi.mp/6bf61cae4a70/flutter-weekly-275093

# 読み物＆チュートリアル
 
### FlutterからAndroidネイティブメソッドを呼び出す方法
https://proandroiddev.com/communication-between-flutter-and-native-modules-9b52c6a72dd2
Android、Flutter間でデータをやり取りする方法を解析

![FlutterからAndroidネイティブメソッドを呼び出す方法](https://qiita-image-store.s3.amazonaws.com/0/129712/9d540a9b-086b-46b0-6667-995f52a645a0.png)

### Flutter 多言語対応: ステップバイステップ
https://medium.com/@biessek/flutter-localization-step-by-step-30f95d06018d
Flutterを多言語対応するためのチュートリアル

![Flutter 多言語対応: ステップバイステップ](https://qiita-image-store.s3.amazonaws.com/0/129712/7dfeed97-283f-1055-b317-f00778264da7.png)


### Flutterで作るシンプルゲーム: Hangman
https://flutter.institute/simple-games-with-flutter-hangman/
FlutterでHangmanゲームを作る手順を一から紹介する記事

<img width="368" alt="Flutterで作るシンプルゲーム: Hangman" src="https://qiita-image-store.s3.amazonaws.com/0/129712/8365b21b-2a29-7b12-137a-998e34cde9d8.png">


### Jimdo社でのFlutter: Flutterって面白いぞ！
https://dev.jimdo.com/flutter-at-jimdo-our-experience-and-fun-moments/
Jimdo社のチームがプロジェクトにFlutterを使ってみたことをまとめた記事

![Flutter at Jimdo: Our Experience and Fun Moments](https://qiita-image-store.s3.amazonaws.com/0/129712/6db37de3-074e-1574-af68-8ecddef468cc.png)


### Flutter – 入力系のウィジェット
http://tphangout.com/flutter-input-widgets/
Flutterの入力系ウィジェットを扱ったチュートリアル動画

![Flutter – Input widgets](https://qiita-image-store.s3.amazonaws.com/0/129712/48d47fb9-0ca6-3f94-d868-1247c8ff6950.png)

### 使えるFlutterリソース
https://medium.com/@evanotevil/useful-flutter-resources-5327c7268e83
Flutter関連の使えるサイト等を紹介する記事

![Useful Flutter resources](https://qiita-image-store.s3.amazonaws.com/0/129712/3befd408-ccdc-d07d-0b56-178ae42ac0a4.jpeg)


### SnapChat（スナップチャット）風のインターフェースをFlutterで作る
https://medium.com/@kr1uz/building-a-snapchat-like-interface-in-flutter-aafb7e59c8a5
FlutterでスナチャっぽいUIを作る手順を紹介

![Building a snapchat-like interface in Flutter](https://qiita-image-store.s3.amazonaws.com/0/129712/fc79a938-745a-8cd4-945e-72e446f7f8e1.gif)

![SnapChat（スナップチャット）風のインターフェースをFlutter](https://qiita-image-store.s3.amazonaws.com/0/129712/9e2ef63f-2cdc-b332-7921-4c26d8532d7e.png)


### Flutter コンテナチートシート
https://medium.com/jlouage/container-de5b0d3ad184
Flutterのコンテナとそのパラメータの違いをキャプチャ付きで解説

![Flutter コンテナチートシート](https://qiita-image-store.s3.amazonaws.com/0/129712/34becf21-4b59-ac35-3ee1-d2a7f6eccdca.jpeg)

### Flutter — Row/Columnチートシート
https://medium.com/jlouage/flutter-row-column-cheat-sheet-78c38d242041
Row/Columnの使い方を解説

![Flutter — Row/Column Cheat Sheet](https://qiita-image-store.s3.amazonaws.com/0/129712/7771e7ce-b938-21ee-5d01-9fd7fbfb0b93.jpeg)


# ビデオ＆メディア
 
### はじめてのFlutterウィジェット
https://youtu.be/W1pNjxmNHNQ
Flutterチームによるチュートリアル動画。カスタムFABボタンの作り方

<img width="665" alt="はじめてのFlutterウィジェット" src="https://qiita-image-store.s3.amazonaws.com/0/129712/f49d0977-e97d-70c3-73f4-09ce62b6e9a1.png">


### 退屈なFlutter開発ショー（The Boring Flutter Development Show [Pilot Episode]）
https://youtu.be/yr8F2S3Amas

<img width="1262" alt="68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f3132393731322f35303863346230352d393861392d343661632d643333302d6163623862376535663738652e706e67.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/60e930ca-0318-1a38-afe4-63de109c95ec.png">

日本語解説：　退屈なFlutter開発ショー（The Boring Flutter Development Show [Pilot Episode]）
https://qiita.com/aoinakanishi/items/372a41c4f093be44fe82

### Flutter: QRコードスキャナアプリ
https://youtu.be/siuJhQ9BqsU
QRコードとバーコードスキャナアプリの作り方

<img width="372" alt="Screen Shot 0030-06-03 at 23.38.32.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/1efed1d9-c8ce-0a5f-3bec-ed5503d58190.png">


### タブとスクロールコントローラの使い方
https://youtu.be/3Cm7WzH3gb8
今週のTensorプログラミングの動画はタブとスクロールの使い方

<img width="552" alt="Screen Shot 0030-06-03 at 23.40.19.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/a13f350b-8cb3-dda3-cd71-60887fdc35b8.png">


### トールとプラグインの作り方
https://youtu.be/o0J8JtP8P_o
ネイティブのトーストを表示するFlutterプラグインの作り方を解説する動画

<img width="473" alt="Screen Shot 0030-06-03 at 23.42.11.png" src="https://qiita-image-store.s3.amazonaws.com/0/129712/eca61ee0-ede0-e43a-c053-4b8ab311932f.png">


# ライブラリ＆コード
 
### flutterflip
https://github.com/RedBrogdon/flutterflip
一人プレイ専用オセロゲーム（AndroidとiOSの療法で動作する）

![flutterflip](https://qiita-image-store.s3.amazonaws.com/0/129712/8153a7c0-b004-09e0-0160-3d8b2003b7be.png)

### 超便利なFlutterレイアウト
https://github.com/bizz84/layout-demo-flutter
Flutterのレイアウトの組み方のサンプルコードと動画解説

![Super Useful Flutter Layouts](https://qiita-image-store.s3.amazonaws.com/0/129712/d686f063-71b1-facf-9446-bb39ab9b7a63.png)

### ストリームチャンネルFlutterプラグイン
https://github.com/loup-v/streams_channel
Flutterとプラットフォーム間のストリームデータをやり取りするためのプラグイン