Flutterウィークリー #61

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

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

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


# アナウンス

### v3.1  - Dart Code  -  Visual Studioコードに対するDart ＆ Flutterサポート
https://dartcode.org/releases/v3-1/

クールなUIガイドのプレビューを含むVS Codeプラグインの最新バージョン。


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

### Flutter用PubNubプラグイン開発の手引き
https://3sidedcube.com/pubnub-plugin-flutter/

<img src="https://static.3sidedcube.com/app/uploads/2019/05/Developing-a-PubNub-Plugin-for-Flutter.jpg" />
Nikos RapousisがFlutter用のPubNubプラグインを開発し、彼が従ったステップを説明します。


### Flutterための機能モデル - ビュー - 更新アーキテクチャ
https://buildflutter.com/functional-model-view-update-architecture-for-flutter/

Adam PedleyによるModel View Update（MVU）アーキテクチャへのアプローチ


### Twitterのトップ45の必見のFlutterエキスパート
https://blog.codemagic.io/top-flutter-developers-to-follow-on-twitter/

<img src="https://blog.codemagic.io/uploads/2019/05/CM_Top-Flutter-Influencers.png" />
Codemagicの人々は、 Flutterコミュニティでフォローする45人のリストを作成しましたが、私は何らかの理由でそこにいます。


### Flutter - スクロール可能な内部のウィジェットは見えるか
https://www.didierboelens.com/faq/week5/

<img src="https://www.didierboelens.com/images/logo.png" />
Didier Boelensは、スクロール可能なアイテムが画面に表示されたときにそれを検出する方法について説明します。


### Flutterアプリにアプリ内購入を追加する
https://joebirch.co/2019/05/31/adding-in-app-purchases-to-flutter-apps/

<img src="https://joebirch.files.wordpress.com/2019/05/f.png?w=1200" />
あなたのアプリにアプリ内購入を追加する方法に関するJoe Birchによる完全なチュートリアル。


### 高度なトランジション -  UIチケットチャレンジ
https://marcinszalek.pl/flutter/tickets-advanced-transitions/

<img src="https://marcinszalek.pl/wp-content/uploads/2019/05/Tickets-transitions-1.png" />
MarcinSzałekは、本当に素晴らしいトランジションを説明するためのUIチャレンジを実装しました。


### Flutterにおける新しい定位手法
https://medium.com/@kingwu/a-new-approach-of-localization-in-flutter-e18bfb2b14ab

<img src="https://cdn-images-1.medium.com/max/1200/1*xOTKm6fRBp5mUDN9WLzTOA.png" />
私はローカライズの話題についてはソフトスポットを持っています、そしてあなたのアプリにとってそれをさらに簡単にするためにWu Chun Waが作った仕事がとても好きです。


### rf Flutterを使ったFlutter簡単なアラート
https://medium.com/flutter-community/easy-alerts-in-flutter-using-rfflutter-3a361015406c

<img src="https://cdn-images-1.medium.com/max/1200/0*Lpi7KlY2jDFdOtQr.png" />
rf Flutterライブラリを使用してDane Mackierによるアラートを作成するためのチュートリアル。


### Flutterカスタムペインター＆サーキュラーウェーブアニメーション
https://medium.com/flutter-community/flutter-custom-painter-circular-wave-animation-bdc65c112690

<img src="https://cdn-images-1.medium.com/max/1200/1*pUUSI-cY19AK3hNsmQxQcw.jpeg" />
Divyanshu Bhargavaによる魅惑的なアニメーションを作成するためにアニメーションとカスタムペインターを混ぜることに関する素晴らしい練習。


### Flutter Cache Managerを使用してファイルをダウンロードしてキャッシュする
https://medium.com/flutter-community/download-and-cache-your-files-using-flutter-cache-manager-867c39ca22ac

<img src="https://cdn-images-1.medium.com/max/1200/0*dOk5FJQ9tbkYSg0L.png" />
Dane Mackierは、ダウンロードしたファイルをキャッシュマネージャで処理する方法を説明しています。


### Flutter For Web：具体例
https://medium.com/flutter-community/flutter-for-web-a-concrete-example-4ed293545008

<img src="https://cdn-images-1.medium.com/max/1200/1*ydjhzkr5bbd_M2-nTuqL1w.png" />
Mike Gazzarusoが彼の最初のWeb Flutterプロジェクトを作り、彼がしたことと彼が従ったステップを説明します。


### Flutterプロバイダーとストリーム
https://medium.com/flutterpub/flutter-provider-and-streams-33b401ebe28c

<img src="https://cdn-images-1.medium.com/max/1200/1*-sXimkCot3rUFOHrYRbhSA.png" />
Aseem Wangooはプロバイダパッケージでストリームを使う方法を説明します。


### Android StudioおよびIntelliJ IDEA用のFlutter Snippetsプラグイン
https://medium.com/@georgeherby/flutter-snippets-plugin-for-android-studio-and-intellij-idea-9ff83d10142d

<img src="https://cdn-images-1.medium.com/max/1200/1*SnB_GQ4slzPmllTcKb6Wng.png" />
George Herbertさんが、 Flutterの新しいスニペットの巨大なリストを追加するためのASプラグインを作成しました。


### &quot;flutter_bloc&quot;を使ったFlutterタイマー
https://medium.com/flutter-community/flutter-timer-with-flutter-bloc-a464e8332ceb

<img src="https://cdn-images-1.medium.com/max/1200/1*rlngkSWigSdTqC8_wxYrMg.png" />
Felix Angelovがflutter_blocを使ってタイマーアプリケーションを構築する方法をカバーしています。


### Flutterウィジェットガイド -  5分以内のSliverGridウィジェット。
https://medium.com/flutter-community/flutter-widget-guide-slivergrid-widget-in-5-mins-or-less-e6a95d6c4e76

<img src="https://cdn-images-1.medium.com/max/1200/1*EUR6FNPaXCoflmp5nlLcdw.png" />
Annsh SinghによるSliverGridの簡単な紹介。


### Flutter ：アドバンスルーティングとナビゲーター
https://medium.com/@nitishk72/flutter-advance-routing-and-navigator-971c1e97d3d2

<img src="https://cdn-images-1.medium.com/max/1200/0*ARPAFwbsZliVwMmb" />
Nitish Kumar Singhは、 Flutterナビゲーションシステムの詳細について説明します。


### どのようにあなたの携帯電話をFlutterビーコンに変える？
https://medium.com/flutter-community/how-to-turn-your-phone-into-a-beacon-with-flutter-47619bfa9963

<img src="https://cdn-images-1.medium.com/max/1200/1*Iu5TLLuZwAlH8CQ8ttXEEg.jpeg" />
Paulina Szklarskaによるこの記事と彼女が作ったプラグインのおかげで、あなたのアプリでビーコンを使って遊ぶことを学びましょう。


### Flutterスーパーヒーローインタラクションアプリ
https://medium.com/aubergine-solutions/superhero-interaction-app-in-flutter-ba7c37942c46

<img src="https://cdn-images-1.medium.com/max/1200/1*mDb__OoTSw4Ksu2LzBiWYw.jpeg" />
素晴らしいスーパーヒーローインタラクションアプリを作成した後、Pinkesh Darjiはそれを段階的に再現する方法を説明します。


### Flutterドライバを使用してジェスチャをテストする
https://medium.com/flutter-community/testing-gestures-using-flutter-driver-b37981c24366

<img src="https://cdn-images-1.medium.com/max/1200/1*3cvq6b-jZ1E4dXMaHstMyg.png" />
Darshan Kawarがジェスチャーを再現してテストの一部にする方法をレビューします。


### Flutterホットリロードについて
https://medium.com/podiihq/understanding-hot-reload-in-flutter-2dc28b317036

<img src="https://cdn-images-1.medium.com/max/1200/1*ryjnhozwh_2CwDIvyC9Hdg.gif" />
Maureen Josephineは、ホットリロードの仕組みを詳細に分析しています。


### FlutterカスタムペイントチュートリアルFlutterカスタムシェイプパスを描く
https://techscript24.com/topic.php?bid=32

<img src="https://techscript24.com/admin/UI/assets/img/BlogsImage/Screenshot 2019-01-06 at 1.02.01 AM.png" />
Ravi Shankar Singhによるこのチュートリアルで、コードから「融解」効果を作り出します。


### Flutterオンデバイス翻訳と言語ID  -  Firebase ML Kit自然言語
https://blog.usejournal.com/on-device-translation-and-language-id-with-flutter-firebase-ml-kit-natural-language-f764aa6bd369

<img src="https://cdn-images-1.medium.com/max/1200/1*uYL4E9IOAclSuXacAgYuYQ@2x.png" />
Rishab Nayakが、Firebase ML Kit Languageを使用するために作成したプラグインについて話します。


# ビデオ＆メディア

### Perlinノイズを持つピクセルを作成するFlutter
https://www.youtube.com/watch?v=pQLVcu5nmQU&feature=youtu.be

<img src="https://i.ytimg.com/vi/pQLVcu5nmQU/maxresdefault.jpg" />
このビデオはRedditの「メンテナンス中」画面を再現したもので、Perlin Noiseアルゴリズムを使用して、ユニークで一様な方法で背景ピクセルを生成しています。


### Flutterチュートリアル - Flutterキー
https://www.youtube.com/watch?v=Eca-RIpQrvE

<img src="https://i.ytimg.com/vi/Eca-RIpQrvE/maxresdefault.jpg" />
このビデオでは、 Flutterのキーの重要性、キーの種類、およびキーが使用されるさまざまな使用例について説明します。


### Flutterチュートリアルビデオ通話プラグインのFlutter
https://www.youtube.com/watch?v=EbLZ6fuLV-I

<img src="https://i.ytimg.com/vi/EbLZ6fuLV-I/maxresdefault.jpg" />
Flutterビデオと音声通話プラグイン。このプラグインを使用すると、ビデオおよび音声通話アプリケーションをより簡単に作成できます。


### Flutter ：PDF ViewerチュートリアルAndroid＆IOS
https://www.youtube.com/watch?v=5S9qjreGFNc&feature=youtu.be

<img src="https://i.ytimg.com/vi/5S9qjreGFNc/maxresdefault.jpg" />
URLから、またはフラッターアプリ内のローカルアセットからPDFファイルを表示する方法を学びます。


### パレットジェネレータの実装
https://www.youtube.com/watch?v=N9G6a-euRfo&feature=youtu.be

<img src="https://i.ytimg.com/vi/N9G6a-euRfo/maxresdefault.jpg" />
Flutter用のpalette_generatorパッケージを使うと、画像からパレットを生成することができます。


### スペーサー（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=7FJgd7QN1zI

<img src="https://i.ytimg.com/vi/7FJgd7QN1zI/maxresdefault.jpg" />
Spacerウィジェットは、行または列のウィジェット間に表示されるスペースの量を制御するのに役立ちます。


# ライブラリ＆コード

### adar2378 / flutter_newspaper
https://github.com/adar2378/flutter_newspaper

フラッターを使った新聞アプリ。 newsapi.orgによって供給


### apgapg / json_table： Flutterパッケージ
https://github.com/apgapg/json_table

このFlutterパッケージは、json（Map）から直接テーブルを表示するためのJsonテーブルウィジェットを提供します。


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

簡単な方法でAndroid / iOSキーボードに機能を追加します。


### JideGuru / Flutterウェブ映画
https://github.com/JideGuru/FlutterWeb-Movies

Flutter Webで作られた簡単なMoviesウェブページ。


### mezoni / yaml2podo：
https://github.com/mezoni/yaml2podo

JSONとDartオブジェクト間で変換するためのPODOクラスを生成するライブラリ