はじめに

その応用としてYUMEMI様のコードチェックに取り組んでみました。
Githubのリポジトリを検索して一覧で見れるようにする課題です。
自分の記録用として記事を書きます。
株式会社ゆめみ Flutter エンジニアコードチェック課題

今回作成したコードはこちらのリポジトリに公開しています。
https://github.com/secretused/yumemi_codecheck
またGithubのAPIとしては以下を使用しています。
https://docs.github.com/ja/rest/search#search-repositories

完成像

MVVMを講座で習ったのでそちらを真似て使用しました。
各レイヤーの役割は以下のようになっています。

freezed × riverpodで構築
freezedは取得したJSONをJSONクラスとして使用

基本的にriverpodの処理の記述は全てVMで記述
(SharepreferencesのみViewで呼び出し書き込みしています。)

多くあると思ったのですが、自分が一番感じたのは
また可読性や簡潔性が高い、テストを導入しやすい。

Github, Github Issue

ダークテーマ対応
SharepreferencesでBool値を保存し、三項演算子でWidgetを変更。

画面回転
三項演算子でもよかったが、デザインも変えたため
LayoutBuilderを使用して縦と横をそれぞれ記述。
多機種対応
MediaQueryを使用して画面サイズから計算。

コードは載せていませんが、Githubまで飛んでいただけると助かります。
https://github.com/secretused/yumemi_codecheck

Githubをもっと活用したり、MVVMをさらに意識してnull safetyな開発を心がけたいです。
今後テスト駆動開発かFlutterWebに取り組んでいきたいと思います。