Flutterウィークリー #65

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

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

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


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

### 単調なFlutterマルチFabメニュー
https://www.filledstacks.com/snippet/multi-fab-menu-in-flutter-with-unicorndial/

<img src="https://www.filledstacks.com/assets/static/033.07cc2b7.6dfaa43.jpg" />
このチュートリアルでは、Dane Mackierが、単調ウィジェットを使用して拡張可能なFABを作成する方法を示します。


### Flutter for Desktop：デスクトップアプリケーションの作成と実行
https://ayushshekhar.hashnode.dev/flutter-for-desktop-create-and-run-a-desktop-application-ebeb1604f1e0

<img src="https://hashnode.com/util/r?url=https%3A%2F%2Fhashnode.imgix.net%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1561279449528%2Fr2AdbKwwF.png%3Fw%3D800%26h%3D420%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dformat%2Cenhance%26q%3D60" />
Ayush Shekharが、デスクトップ環境で新規または既存のFlutterアプリケーションを実行するプロセスを案内します。


### Flutter Semanticsへのガイド
https://kpsroka.dev/technical/guide-to-flutter-semantics.html

<img src="https://kpsroka.dev/technical/guide-to-flutter-semantics.html" />
アプリのa11y（ユーザー補助）機能を有効にするためのセマンティクスの使用に関するKrzysztof Srokaによる素晴らしい記事。


### 既存のAndroid / iOSアプリにFlutterを追加する
https://medium.com/flutter-community/add-flutter-to-existing-android-ios-app-ae8c4fb1582e

<img src="https://miro.medium.com/max/1200/0*fQxB7oeOJKOYuC9K" />
Flutterコードを既存のAndroidまたはiOSアプリに追加したい場合は、Nirav Tukadiyaによるこのチュートリアルを確認してください。


### アニメーションでFlutterを変更する
https://medium.com/@nishantdesai1306_93115/change-app-bar-in-flutter-with-animation-cfffb3413e8a

<img src="https://miro.medium.com/freeze/max/1200/1*lvvP-kjJYwSbhro35D6z6g.gif" />
Nishant Desaiは、アプリバーのステータス間のアニメーション遷移を作成する方法を示します。


### カスタムクリッパー：ウェーブカーブ - パート1
https://medium.com/@bhoomiharkhani22/custom-clipper-wave-curve-part-1-b49853a75876

<img src="https://miro.medium.com/max/1200/1*Dhcrko7J69ZTTF_40XT7lg.jpeg" />
あなたがカスタムクリッパーと戦うならば、Bhoomika Harkhaniはそれがどのように働くか理解するのを助けます。


### Flutterドラッグ可能とドラッグターゲット
https://medium.com/flutterdevs/draggable-and-drag-target-in-flutter-2513ea7c09f2

<img src="https://miro.medium.com/freeze/max/1200/1*r_DxSwPI25G21SMVCyx9Ww.gif" />
Manik Guptaによるこの記事に従って、アプリにドラッグ＆ドロップ要素を作成する方法を学びましょう。


### Flutter曲線の破線を描く
https://medium.com/@meysam.mahfouzi/drawing-curved-dashed-lines-in-flutter-b5d0645b04c8

<img src="https://miro.medium.com/max/1200/1*FXoXuDzDyeiNFHGdmBGObA.jpeg" />
破線の曲線を作成するためのMeysam Mahfouziによる曲線の紹介。


### Flutter許可要求を簡単に管理する
https://medium.com/@ajviera/easily-manage-permission-requests-on-flutter-9baff63df16e?sk=28ff9dba756b2b488f00c27fab652889

<img src="https://miro.medium.com/max/1200/1*MTyDj4yYDyIlIMmlmLYK_g.jpeg" />
Ariel Martinez Vieraが、easy_permission_validatorライブラリを使ってAndroidとiOSのパーミッションを処理する方法を説明します。


### admob_flutterを使ってflutterのウィジェットツリーに広告を埋め込む
https://medium.com/@vitopiegari/embedding-ads-into-flutters-widget-tree-with-admob-flutter-ae59c3a66492

<img src="https://miro.medium.com/max/1200/1*lTOlUEw6x11u4MMX17qthg.png" />
広告を収益化するためにアプリに広告を挿入する方法に関するVito Piegariによるチュートリアル。


### Flutterカレンダーライブラリの比較
https://medium.com/flutter-community/flutter-calendar-library-comparison-c08d5ba3cc9e

<img src="https://miro.medium.com/max/1200/1*MCqnw-nOXtZEBScwRBA7mQ.png" />
Alison Wyllieは、 Flutter利用可能なさまざまなカレンダーウィジェットの詳細な分析を行いました。


### AndroidおよびiOS開発者のためのFlutterライフサイクル
https://medium.com/flutter-community/flutter-lifecycle-for-android-and-ios-developers-8f532307e0c7

<img src="https://miro.medium.com/max/1200/1*hBybz9rxCnmEhj_4qtIelw.jpeg" />
Flutter移行する最も混乱する考えの1つは、ライフサイクルをどのように処理するかを理解することです。MarianoZorrillaは最も一般的な質問に答えます。


### Flutterナビゲーションのチートシート - 名前付きルーティングのガイド
https://medium.com/flutter-community/flutter-navigation-cheatsheet-a-guide-to-named-routing-dc642702b98c

<img src="https://miro.medium.com/max/1200/1*mBJwCAl48LvmRsfVwvV_ZA.jpeg" />
Dane Mackierによるこのチュートリアルは、設定から結果を待つまで、名前付きルートナビゲーションのためのチートシートとして役立つはずです。


### Flutter ：WearOSアプリの構築
https://medium.com/flutter-community/flutter-building-wearos-app-fedf0f06d1b4

<img src="https://miro.medium.com/max/1200/1*RAerbEYNXmaU_pkm2rjq1Q.png" />
「公式に」サポートされていないにもかかわらず、Souvik BiswasはFlutter時計アプリを作成する方法を説明します。


### Flutterを学ぶための無料のリソース
https://medium.com/flutter-community/free-resources-to-learn-and-advance-in-flutter-e07875ffc825

<img src="https://miro.medium.com/max/1200/1*iAGWrCyJho0wQbUMYZ3utA.png" />
Katarina SheremetによるFlutter学習リソースのコレクション。


### FlutterのナビゲーションのFlutter下へ
https://medium.com/flutter/getting-to-the-bottom-of-navigation-in-flutter-b3e440b9386

<img src="https://miro.medium.com/max/1200/1*pzfLG6bpSs8KGe48AXZR_g.png" />
Hans MullerによるFlutterナビゲーションバーの動作に関する詳細な分析。


### 2日でゼロから本格的なFlutterアプリに移行
https://medium.com/flutter-community/going-from-scratch-to-a-full-blown-flutter-app-in-two-days-c06f1d1a1975

<img src="https://miro.medium.com/max/1200/1*CeV1NBot6mMuL188rHO0pA.png" />
Jayeshは2日間のハッカソンに行き、 Flutterを使ってアプリを作成しました。この記事では、彼は目的のアプリが完成するまでのプロセス全体を説明します。


### Flutterドライバーからの主な学習
https://medium.com/flutter-community/key-learnings-from-flutter-driver-d1d35ad1402e

<img src="https://miro.medium.com/max/1200/1*8TXoTM5gHHVvPA4ilrQ6tQ.jpeg" />
Darshan KawarはUIテストにFlutter Driverを使っていて、彼の考えや発見を共有しています。


### 背景画像を持ったFlutterで更新する
https://medium.com/flutter-community/pull-to-refresh-in-flutter-with-background-image-bb9ff1700ea9

<img src="https://miro.medium.com/max/1200/1*C4zQI4nTlIc6UsECeEc_cg.jpeg" />
Dane Mackierによる折りたたみ式ヘッダーと組み合わせた、更新するためのプルを作成する方法。


### Flutter用のbuilt_valueでStandardJsonPluginを使用する
https://medium.com/@efthymis/using-standardjsonplugin-with-built-value-for-flutter-4a4657b34737

<img src="https://miro.medium.com/max/1200/1*I9GcdnGy0ls6ZrVgEsdviA.jpeg" />
Efthymis Sarmpanisは、built_valueを使用してJSONファイルを逆シリアル化するときによくある問題を解決する方法を説明します。


# ビデオ＆メディア

### チョッパー（改良のためのFlutter ） - ＃2インターセプター - Dart HTTPクライアントジェネレータチュートリアル
https://www.youtube.com/watch?v=ViqtHHLfN94&feature=youtu.be

<img src="https://i.ytimg.com/vi/ViqtHHLfN94/maxresdefault.jpg" />
あなたの嘆願書の要求と応答を修正するための強力なツールであるChopperのインターセプターの使い方を学びましょう。


### Flutterナビゲーションの完全な名前付きルーティング設定およびガイド
https://www.youtube.com/watch?v=YXDFlpdpp3g&feature=youtu.be

<img src="https://i.ytimg.com/vi/YXDFlpdpp3g/maxresdefault.jpg" />
このチュートリアルでは、名前付きルーティングを使用したすべてのFlutterナビゲーションシナリオについて説明します。


### Flutterチュートリアル - Flutterインタビューの質問
https://www.youtube.com/watch?v=p4Z7fwcDMmg&feature=youtu.be

<img src="https://i.ytimg.com/vi/p4Z7fwcDMmg/maxresdefault.jpg" />
このビデオでは、インタビューに参加するためのFlutterについての最も一般的な質問を見るでしょう。


### Flutter ：クリック|ピックトリミング画像を圧縮する
https://www.youtube.com/watch?v=hV9gY01m61Y&feature=youtu.be

<img src="https://i.ytimg.com/vi/hV9gY01m61Y/maxresdefault.jpg" />
このビデオでは、クリック、ギャラリーからの選択、AndroidおよびiOSデバイスからの画像のトリミングおよび圧縮の方法を学びます。


### はじめに： Flutter使ったアプリ内支払い
https://www.youtube.com/watch?v=HFAyy_AH0No

<img src="https://i.ytimg.com/vi/HFAyy_AH0No/maxresdefault.jpg" />
FlutterアプリケーションにIn-App Payments SDKを実装する方法についてのチュートリアル。


### Flutterアプリ内購入
https://www.youtube.com/watch?v=NWbkKH-2xcQ

<img src="https://i.ytimg.com/vi/NWbkKH-2xcQ/maxresdefault.jpg" />
iOSおよびAndroidで実際のお金で消耗品のデジタル製品を販売するようにFlutter In App Purchasesを設定する方法を学びます。


### Flutter紹介 - ウィジェットを使ってFlutterで基本的なレイアウトを作成する - パート2
https://www.youtube.com/watch?v=dKGnRcr8FZU

<img src="https://i.ytimg.com/vi/dKGnRcr8FZU/maxresdefault.jpg" />
このチュートリアルでは、 Flutterのレイアウトの基本を見ていきます。コンテナ、拡張、スタック、列、行、整列、パディングなどの基本的なウィジェットを見ていきます。


### LimitedBox（今週のFlutterウィジェット）
https://www.youtube.com/watch?v=uVki2CIzBTs&feature=youtu.be

<img src="https://i.ytimg.com/vi/uVki2CIzBTs/maxresdefault.jpg" />
無制限のサイズを指定したときにウィジェットの動作がおかしくなったことはありませんか。 LimitedBoxウィジェットは、その大きさに制限がない場合にウィジェットにサイズ制限を提供します。


### Moor（Room for Flutter ） - テーブルとクエリ - ネイティブSQLiteデータベース
https://www.youtube.com/watch?v=zpWsedYMczM&feature=youtu.be

<img src="https://i.ytimg.com/vi/zpWsedYMczM/maxresdefault.jpg" />
MOORはFlutterのSQLiteデータベースを流暢に、そして純粋なDart使えるようにするライブラリです。舞台裏では、SQFLiteパッケージを使用します。


# ライブラリ＆コード

### aloisdeniel / flutter_staggered_animation
https://github.com/aloisdeniel/flutter_staggered_animation

時差アニメーションは容易になりました。


### EsmerlinJM /カードウォレットアプリ
https://github.com/EsmerlinJM/Card-Wallet-App

Flutterとシンプルなカードウォレットアプリケーションマルチプラットフォーム


### jasonlong / geo_pattern
https://github.com/jasonlong/geo_pattern

文字列から美しい生成幾何学的背景画像を作成します。


### rajajain08 / particles_flutter
https://github.com/rajajain08/particles_flutter

Flutterプロジェクトにパーティクルアニメーションを追加する簡単な方法。


### タラパシーシバ/ drink_reminder_flutter
https://github.com/ThalapathySiva/drink_reminder_flutter

あなたが水分補給するのを助けるためのクロスプラットフォームのモバイルアプリケーション。


### Vanethos / flutter_connectivity_widget
https://github.com/Vanethos/flutter_connectivity_widget

電話がインターネットに接続されているかどうかをユーザーに示すウィジェット