Flutterウィークリーとは?

FlutterファンによるFlutterファンのためのニュースレター

https://flutterweekly.net/

この記事は#66の日本語訳です

https://mailchi.mp/flutterweekly/flutter-weekly-66

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


読み物&チュートリアル


#Hack19 - インターナショナルFlutterハッカソン結果

https://flutterhackathon.com/



これで、 Flutter Hackathon Webサイトのすべての参加者を確認できます。また、参加した場合は、証明書を取り戻すことができます。


FlutterとGoogle Cloud Platformが「学習」問題を解決するためにどのように連携したか

https://blog.greenroots.info/how-flutter-and-google-cloud-platform-came-together-to-solve-a-learning-problem-cjxj9uwng001i27s14hf61teg



Tapas Adhikaryが彼女の娘がFlutterとGoogleクラウドを使用してライティングスキルを向上させるのに役立った経緯。


Flutterスクロールアニメーションを作成する

https://itnext.io/creating-scroll-animations-in-flutter-74eb340627d9



Kenneth Reillyによるチュートリアルで、リストスクロールによるアニメーションの調整がいかに簡単かを示しています。


プロバイダを使用した下部ナビゲーションバー

https://medium.com/flutterdevs/bottom-navigation-bar-using-provider-flutter-8b607beb2e5a



Ashish Rawatが、BottomNavigationBarでFlutter Providerパッケージを使用する方法を説明します。


カスタムクリッパー:ウェーブカーブ - パート2

https://medium.com/@bhoomiharkhani22/custom-clipper-wave-curve-part-2-26cd54dc30f



Bhoomika HarkhaniはFlutter使ってクレイジーカーブを作り続けています


Flutterカスタムスティッキヘッダ

https://medium.com/flutter-community/custom-sticky-headers-in-flutter-248d3c26863



Dane Mackierのこの記事でスティッキヘッダーを使用する方法を学んでください。


ディープリンクとFlutterアプリケーションそれらを適切に処理する方法。

https://medium.com/@denisov.shureg/deep-links-and-flutter-applications-how-to-handle-them-properly-8c9865af9283



Aleksandr Denisovが、 Flutter AndroidとiOSからのディープリンクを処理する方法についてこのチュートリアルを書きました。


Flutterアニメーション例 - #2

https://medium.com/flutterdevs/example-animations-in-flutter-2-1034a52f795b



これらの基本的なアニメーションの例を使って、Mohak Guptaによるアニメーションの学習を続けてください。


指紋と顔認識によるローカル認証

https://medium.com/flutter-community/flutter-local-authentication-with-fingerprint-and-face-recognition-744d5d7f6c4



Daniele Cambiによるこのチュートリアルでは、データを保護するために指紋と顔認識を使用する方法を学びます。


Flutter + MobX +チョッパー

https://medium.com/@rishabhv1509/flutter-mobx-chopper-8a1b0d7954a5



Rishabh Vermaによるアプリケーションで、Chopper(残りのクライアントライブラリ)とMobX(状態管理ライブラリ)を一緒に使用する。


Flutter学習パス

https://medium.com/@kingwu/flutter-learning-path-d6b3b0235799



Wu Chun WaはFlutterための彼の学習経路を共有しています。


Flutter :ステートフルウィジェットとステートレスウィジェット

https://medium.com/flutter-community/flutter-stateful-vs-stateless-db325309deae



Souvik Biswasは、ステートフルウィジェットとステートレスウィジェットの違いを説明します。


Flutter :開発における自己署名SSL証明書の使用

https://medium.com/@reme.lehane/flutter-using-self-signed-ssl-certificates-in-development-c3fe2d104acf



Reme Le Haneは、 FlutterカスタムSSL証明書を使用する際に問題がありました。


Flutter Proのようにネットワーク通話を処理する

https://medium.com/@xsahil03x/handling-network-calls-like-a-pro-in-flutter-31bd30c86be1



Sahil Kumarによる、すべてのネットワーク通話を処理するためのアプリの構成方法に関する素晴らしい記事。


Flutterペイントする方法

https://medium.com/@studymongolian/how-to-paint-in-flutter-d18c6c26df10



Flutterのカスタムペインターの紹介。


Flutter開発時間を毎日10%節約するにはどうすればいいですか?

https://medium.com/flutter-community/how-to-save-10-of-flutter-development-time-every-day-40c39833d1cb



自動テストでCI / CDを使用することで、どのように時間が短縮され、より良い品質が得られるかを学ぶための数字をご覧ください。


RouteObserverを使ってFlutter画面遷移を追跡する方法

https://medium.com/flutter-community/how-to-track-screen-transitions-in-flutter-with-routeobserver-733984a90dea



David AnayaがFlutter RouteObserverとRouteAwareを使って自動的に画面遷移を追跡する方法を説明します。


Flutter電池残量を確認する

https://medium.com/flutter-community/provide-battery-level-in-flutter-1b69fc4e6b2d



Dane Mackierは、バッテリーパーセンテージ値のストリームを提供するDeviceInformationSerivceを構築します。


Flutterを学ぶためのリソース

https://medium.com/flutter-community/resources-to-learn-flutter-2ade7aa73305



LaraMartínは、 Flutterを学ぶのに最適なリソースのリストをまとめました。


クロスプラットフォームのランディングページでのFlutterテーマの使用(Web、Android、iOS)

https://medium.com/flutter-community/using-flutter-themes-for-cross-platform-landing-page-web-android-ios-a6714c7aca99



Priyanka Tyagiによるこの記事でコードの一部を変更するだけで、ランディングページの外観やテーマをすばやく変更する方法を学びましょう。


ビデオ&メディア


Flutterカスタムリストビューカードを作成する方法

https://www.youtube.com/watch?v=1Y6o1DOUJcU



このビデオでは、カード用のカスタムウィジェットを作成し、それをカードのリストに使用する方法を紹介します。


Dartストリーム - フォーカスのFlutter

https://www.youtube.com/watch?v=nQBpOIHE4eE&list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2&index=16&linkId=69786502



このビデオでは、 Flutterストリームを使用したリアクティブコーディングの基本について説明します。


Flutter Flare Basics - GiphyのNavメニューを作ろう

https://www.youtube.com/watch?v=hwBUU9CP4qI&feature=youtu.be



Giphyモバイルアプリから素晴らしいナビゲーションメニューを再作成することで、 Flutter Flare 2Dでベクトルアニメーションの基本をマスターしましょう。


プレースホルダー(今週のFlutterウィジェット)

https://www.youtube.com/watch?v=LPe56fezmoo



作曲が終わっていないウィジェットの代わりになるものが必要ですか。プレースホルダーはここにあります。


プロバイダを用いた実用的な状態管理(The Boring Flutter Development Show、Ep。25)

https://www.youtube.com/watch?v=HrBiNHEqSYU&feature=youtu.be&linkId=69927151



このエピソードでは、FilipとMattがProviderパッケージをFlutterます。これは、 Flutterアプリで状態を管理するための簡単な方法です。


ライブラリ&コード


AmitJoki /エニグマ

https://github.com/AmitJoki/Enigma

Flutter完全に開発された本格的な一対一のチャットアプリ。


codemissions /フラッタービデオストリーミングアプリ

https://github.com/codemissions/flutter-video-streaming-app



flutterでビデオストリーミングアプリを構築する方法を示すチュートリアルのコード


JideGuru / Flutterトラベル

https://github.com/JideGuru/FlutterTravel



UpLabsからの旅行アプリのコンセプトのFlutter表現。


leisim / logger

https://github.com/leisim/logger#log-console



美しいログを印刷する小型で使いやすく拡張可能なロガー。


nickwu241 / instagroot

https://github.com/nickwu241/instagroot

グルートのためのInstagramのクローンを使用して作成したFlutter !

  • ビデオ&メディア
  • ライブラリ&コード