Date
August 15, 2023
はじめに
こんにちは、しくみ製作所の渡辺です。
2022年1月に入社して、最近はアプリ関連の案件だと、ネイティブのコード(ほぼjava + kotlin & swift)の案件と、Flutterの案件のサポート(プルリクをレビュー等)をしたりしています。ネイティブの案件では動画プレイヤーを扱ったりしていて、なかなか大変です。今回は断続的にキャッチアップを続けているFlutterに関する記事を書こうと思います。
go_routerとriverpodを組合わせる
Flutterの中でもgo_routerの動向はかなり気になっており、少し前にやっと状態の保存ができるStatefulShellRouteが登場しました。
しかし、そもそもriverpodとShellRouteの組合わせで事足りるんじゃ無いかと思い、今回検証してみました。
まずは、一番シンプルにStatefulShellRouteを使用してみます。
‣
しっかりbottomNavigationBar間の移動で、counterの値が保存されています。
本題から少し外れますが、bottomNavigationBarには、NavigationBarを与えています。これは、Material 3に適応した新しいWidgetです。
これをriverpodとShellRouteで書き換えたのが、下記のコードです。
‣
※動画は全く同じなので、割愛します。
ここでのポイントは @Riverpod(keepAlive: true)の部分です。
riverpod_generatorが生成するコードはautoDisposeがデフォルトなので、keepAlive: trueにしないと画面を遷移したときにproviderが破棄されるようです。
コードを見ると、StatefulShellRouteの時より長くなってます。また、上記に記載したコードの他にriverpod_generatorが生成したコードもあるので、もうちょっとだけ長くなります。
商用のアプリでは、もっと複雑な状態を管理しないといけないと思います。riverpodのようなパッケージを導入しないのは難しいと思いますので、ちょっとくらいコードが長くなるのはしょうがないかなと思います。
さいごに
今回使ったサンプルコードを下記に置いてあります。
今後もFlutterやモバイルに関する投稿を続けていきたいと思います。
駆け出しPM奮闘記・開発生産性と向き合う話「研究発表会vol.11〜ikkyu編〜」
駆け出しPM奮闘記・開発生産性と向き合う話「研究発表会vol.11〜ikkyu編〜」
September 30, 2024
意識高く行動する文化の中で新しいことにチャレンジしていきたい「メンバーインタビュー〜hanamura編〜」
意識高く行動する文化の中で新しいことにチャレンジしていきたい「メンバーインタビュー〜hanamura編〜」
September 15, 2024
フルリモートでも距離を感じない・働き方も考え方も柔軟なしくみ製作所で「メンバーインタビュー〜こっし編〜」
フルリモートでも距離を感じない・働き方も考え方も柔軟なしくみ製作所で「メンバーインタビュー〜こっし編〜」
August 30, 2024
他社文化に馴染みながらアジャイルチームをビルドアップした話「研究発表会vol.10〜sadatoshi編〜」
他社文化に馴染みながらアジャイルチームをビルドアップした話「研究発表会vol.10〜sadatoshi編〜」
June 30, 2024
新しい福利厚生「勉強会補助費・社内コミュニケーション補助費」を導入・必要な支援で業務を後押し
新しい福利厚生「勉強会補助費・社内コミュニケーション補助費」を導入・必要な支援で業務を後押し
June 15, 2024
仕事人生のラストスパート・覚悟を持って歩んでいきたい「メンバーインタビュー〜uto編〜」
仕事人生のラストスパート・覚悟を持って歩んでいきたい「メンバーインタビュー〜uto編〜」
May 30, 2024
デザインフォーマットとワークフローを再整備した話「研究発表会vol.09〜デザインハブ編〜」
デザインフォーマットとワークフローを再整備した話「研究発表会vol.09〜デザインハブ編〜」
April 30, 2024
GA を使わずに滞在時間計測できる環境を作った話「研究発表会vol.08〜kitazumi編〜」
GA を使わずに滞在時間計測できる環境を作った話「研究発表会vol.08〜kitazumi編〜」
March 15, 2024
育休は取得してほしい！リモートワークで今しかない子供の成長を見守る「育児パパ座談会 」
育休は取得してほしい！リモートワークで今しかない子供の成長を見守る「育児パパ座談会 」
February 15, 2024
チームで成果を出すモブプログラミングのすすめ「研究発表会vol.07〜tanukiti編〜」
チームで成果を出すモブプログラミングのすすめ「研究発表会vol.07〜tanukiti編〜」
February 1, 2024
怖くないISMS ・ ISMS規格アップデートの話「研究発表会vol.06〜ISMS編〜」
怖くないISMS ・ ISMS規格アップデートの話「研究発表会vol.06〜ISMS編〜」
December 30, 2023
行動も後押ししてくれる福利厚生・用途を考えるのも嬉しい時間に「リモートワーク補助金（年間15万円制度）を使ってみた」vol.10
行動も後押ししてくれる福利厚生・用途を考えるのも嬉しい時間に「リモートワーク補助金（年間15万円制度）を使ってみた」vol.10
December 15, 2023
参加できないメンバーにも届けたい！撮影舞台を整え配信も「しくみオフ会'23.09〜裏方編〜」
参加できないメンバーにも届けたい！撮影舞台を整え配信も「しくみオフ会'23.09〜裏方編〜」
October 30, 2023
自分自身の意識改革にて成果を上げたPMの話「研究発表会vol.04〜toyokawa編〜」
自分自身の意識改革にて成果を上げたPMの話「研究発表会vol.04〜toyokawa編〜」
September 30, 2023
RubyとRailsを古いバージョンからアップデートした話「研究発表会vol.03〜kitazumi編〜」
RubyとRailsを古いバージョンからアップデートした話「研究発表会vol.03〜kitazumi編〜」
August 30, 2023
go_routerとriverpodを組合わせる「Flutterやってみたシリーズvol.01」
go_routerとriverpodを組合わせる「Flutterやってみたシリーズvol.01」
August 15, 2023
リーンサイクルを強化する KPI 計測基盤を作った話「研究発表会vol.02〜hozum編〜」
リーンサイクルを強化する KPI 計測基盤を作った話「研究発表会vol.02〜hozum編〜」
July 15, 2023
「ゲームをより楽しむためのコントローラー自作」あなたのゲームライフをもっと充実させてみませんか
「ゲームをより楽しむためのコントローラー自作」あなたのゲームライフをもっと充実させてみませんか
June 30, 2023
かくれんぼの立上げから3年・まだまだ挑戦は続く「地方での暮らしと活動〜toyokawa編〜」
かくれんぼの立上げから3年・まだまだ挑戦は続く「地方での暮らしと活動〜toyokawa編〜」
June 15, 2023
Elasticsearch で高速な検索システムを構築した話「研究発表会vo.01〜ynishi編〜」
Elasticsearch で高速な検索システムを構築した話「研究発表会vo.01〜ynishi編〜」
May 30, 2023
ChatGPT や GitHub Copilot を導入・情報流出リスクを考慮した AI サービスの活用をご紹介
ChatGPT や GitHub Copilot を導入・情報流出リスクを考慮した AI サービスの活用をご紹介
May 15, 2023
適度にカジュアルでリラックスした社内・それを維持できるだけの責任感やスキルのあるメンバーに囲まれて「メンバーインタビュー〜matsubayashi編〜」
適度にカジュアルでリラックスした社内・それを維持できるだけの責任感やスキルのあるメンバーに囲まれて「メンバーインタビュー〜matsubayashi編〜」
April 30, 2023
リモートワーク生活を充実させるための福利厚生である「リモートワーク補助金」が5万円パワーアップ・使用用途もご紹介
リモートワーク生活を充実させるための福利厚生である「リモートワーク補助金」が5万円パワーアップ・使用用途もご紹介
April 15, 2023
バランスボール部も結成・リモートワーク歴6年目のエンジニアが語る「バランスボールの効果」
バランスボール部も結成・リモートワーク歴6年目のエンジニアが語る「バランスボールの効果」
March 15, 2023
PJをリードできるメンバーが継続的に生まれる環境をつくるための「PMコーチング」をご紹介
PJをリードできるメンバーが継続的に生まれる環境をつくるための「PMコーチング」をご紹介
February 15, 2023
Cocodaに新規事業の構想から伴走し支援する「つくらないプロダクト開発」の解説記事が掲載
Cocodaに新規事業の構想から伴走し支援する「つくらないプロダクト開発」の解説記事が掲載
February 5, 2023
多様な技術やサービスに触れられる環境が魅力・今後も様々なことを自分で設計しながら楽しみたい「メンバーインタビュー〜timai編〜」
多様な技術やサービスに触れられる環境が魅力・今後も様々なことを自分で設計しながら楽しみたい「メンバーインタビュー〜timai編〜」
January 25, 2023
学習や情報交換の場であるモバイルハブで「アプリコンテスト開催」・日頃の取組みやメンバーも紹介
学習や情報交換の場であるモバイルハブで「アプリコンテスト開催」・日頃の取組みやメンバーも紹介
January 15, 2023
SIerからの転職・目標実現のためにサポートや挑戦できる環境を活かしたい「ポテンシャル枠奮闘記〜ichikawa編〜」vol.01
SIerからの転職・目標実現のためにサポートや挑戦できる環境を活かしたい「ポテンシャル枠奮闘記〜ichikawa編〜」vol.01
January 5, 2023
成長に繋がる経験を活かして頼られる存在になりたい「ポテンシャル枠奮闘記〜kazuki編〜」vol.01
成長に繋がる経験を活かして頼られる存在になりたい「ポテンシャル枠奮闘記〜kazuki編〜」vol.01
December 5, 2022
「快適な仕事環境のための自作キーボード入門」今より少しだけキーボードを気にかけてみませんか
「快適な仕事環境のための自作キーボード入門」今より少しだけキーボードを気にかけてみませんか
November 15, 2022
「いい仕事を生み出す進路選択実践例をご紹介」高崎東高校で 働くについて講演vol.02
「いい仕事を生み出す進路選択実践例をご紹介」高崎東高校で 働くについて講演vol.02
November 5, 2022
改善を止めない姿勢が浸透していることに感動・価値ある活躍を目指して「ポテンシャル枠奮闘記〜kitazumi編〜」vol.01
改善を止めない姿勢が浸透していることに感動・価値ある活躍を目指して「ポテンシャル枠奮闘記〜kitazumi編〜」vol.01
September 29, 2022
インターナルコミュニケーションの土台が完成・今後もメンバーが盛り上がることのできる環境を「Slackワイワイプロジェクト」vol.02
インターナルコミュニケーションの土台が完成・今後もメンバーが盛り上がることのできる環境を「Slackワイワイプロジェクト」vol.02
September 22, 2022
しくみ製作所らしさ満点のスタンプが誕生・行動指針の浸透や積極的なリアクションを目指して「Slackワイワイプロジェクト」vol.01
しくみ製作所らしさ満点のスタンプが誕生・行動指針の浸透や積極的なリアクションを目指して「Slackワイワイプロジェクト」vol.01
September 15, 2022
汎用性の高い福利厚生で生活環境も充実「リモートワーク補助金（年間10万円制度）を使ってみた」vol.09
汎用性の高い福利厚生で生活環境も充実「リモートワーク補助金（年間10万円制度）を使ってみた」vol.09
September 8, 2022
充実したドキュメントでフルリモートの不安も払拭・相談しやすい環境に感謝「ポテンシャル枠奮闘記〜ikkyu編〜」vol.01
充実したドキュメントでフルリモートの不安も払拭・相談しやすい環境に感謝「ポテンシャル枠奮闘記〜ikkyu編〜」vol.01
September 1, 2022
ゼロから立ち上げたかくれんぼinぐんま・今ではライフワークに「地方での暮らしと活動〜toyokawa編〜」
ゼロから立ち上げたかくれんぼinぐんま・今ではライフワークに「地方での暮らしと活動〜toyokawa編〜」
August 25, 2022
子供の成長を最前線で見守ることができた育児休業・ポジティブなサポートに感謝「tanukiti編」
子供の成長を最前線で見守ることができた育児休業・ポジティブなサポートに感謝「tanukiti編」
July 21, 2022
心身共にリフレッシュ・福利厚生で自分だけのホームジムを開設「リモートワーク補助金（年間10万円制度）を使ってみた」vol.08
心身共にリフレッシュ・福利厚生で自分だけのホームジムを開設「リモートワーク補助金（年間10万円制度）を使ってみた」vol.08
July 14, 2022
一緒に働いてみたい・本音で語ってくれた面談を通して働きやすさを感じた「しくみ製作所に入社した理由〜eigoro編〜」
一緒に働いてみたい・本音で語ってくれた面談を通して働きやすさを感じた「しくみ製作所に入社した理由〜eigoro編〜」
July 7, 2022
3社5職種を経てエンジニアに・学びを加速させる仕組みに感謝「ポテンシャル枠奮闘記〜kawaguchi編〜」vol.01
3社5職種を経てエンジニアに・学びを加速させる仕組みに感謝「ポテンシャル枠奮闘記〜kawaguchi編〜」vol.01
June 23, 2022
海外リモートワーカーの仕事環境を紹介・普段の生活にはない気持ちの変化や発想、課題の発見が「norikt編」
海外リモートワーカーの仕事環境を紹介・普段の生活にはない気持ちの変化や発想、課題の発見が「norikt編」
June 16, 2022
整備された評価制度と環境が魅力・文系大学からWebエンジニアになって「ポテンシャル枠奮闘記〜seiji編〜」vol.01
整備された評価制度と環境が魅力・文系大学からWebエンジニアになって「ポテンシャル枠奮闘記〜seiji編〜」vol.01
June 9, 2022
しくみ製作所の緩急のバランスが好き・家族がいつも側にいる最高の環境で「メンバーインタビュー〜Sparrow編〜」
しくみ製作所の緩急のバランスが好き・家族がいつも側にいる最高の環境で「メンバーインタビュー〜Sparrow編〜」
June 2, 2022
ポテンシャル枠を支援する寺子屋やグループコーチングの取組みにより成長が加速「ポテンシャル枠奮闘記〜kinoko編〜」vol.02
ポテンシャル枠を支援する寺子屋やグループコーチングの取組みにより成長が加速「ポテンシャル枠奮闘記〜kinoko編〜」vol.02
May 26, 2022
保険業界からの転職・共に働くメンバーに魅力を感じて「しくみ製作所に入社した理由〜watanabe編〜」
保険業界からの転職・共に働くメンバーに魅力を感じて「しくみ製作所に入社した理由〜watanabe編〜」
May 19, 2022
エンジニアとして大きく成長できる環境がここに「ポテンシャル枠奮闘記〜sakita編〜」vol.01
エンジニアとして大きく成長できる環境がここに「ポテンシャル枠奮闘記〜sakita編〜」vol.01
April 21, 2022
