Riverpodのv1.0.0も出たしQuadratic Votingを作る

はじめに

こんな感じで動きます。

コードを試したい人はgithubにありますので、どうぞ。

動機

諸事情で投票システムが必要になりました。
昨年Vueで作ってたので、それを動かそうとしたらVueバージョンが上がってて動きませんでした。
Vue3で作り直すかーと思ってた矢先、Riverpodのv1.0.0が出てたのをみかけたので、Flutterで作り直したので、ここで紹介します。

完成までの軌跡

Riverpodのv1.0.0は出たてなので、紹介記事もなかったため、Githubにあるriverpodのexamplesをみました。counterのサンプルで感覚をつかんで、さっと作ったのですが、意図したようには動きませんでした。そこで、examplesにあるtodosと公式のドキュメントを見ながら書いたら動きました。公式のドキュメント良かったです。

chromeでデバッグすると動かなかったので、調べたら、dartのせいやろみたいなissueをみたので、iosのシミュレータで確認しました。そのうち直るといいですね。

実際の運用など

githubに上げたコードは必要最小限なので、データを保存する方法は各自で実装していただければいいと思います。

flutter build web --web-renderer html --release

でビルドして、vercelにあげました。
結果の保存はgoogle spread sheetを使いました。