Web版マグロクエスト〜今日やること追加機能追加

マグロクエストにつけたかった機能、今やるタスクのホーム画面への追加、を実装しました。

見た目はこんな感じです。

久々にTODO画面以外をいじりました。

今回の実装でちょっと苦労したのが、todoコンポーネントの使いまわし。全情報を入れると見にくくなってホームに置く意味もなくなるので、タスク名だけのシンプルな感じにしました。タスクタイプに空文字を渡してfalse判定し、それ以外の部分をv-showで消す、という感じで共通化。大した工夫ではないんだけどいろいろとエラーが発生し、途方に暮れました…

ここらへんの共通化をがんばってやろうとすると、ものすごい数のプロパティになっちゃうんだろうなー。

で、ホーム画面でフィニッシュすると…

ムダにドーンとアニメーションが出ます！

タスクを完了したときの爽快感をつけたくて…笑

この、爆発機能は適当なコンポーネントとして作っておいて、色とかコメントとか工夫して色々使えるんじゃないかなと思ってます。

こういうのをまたflutterで実装することを考えるとかなりキツイですが、Web版は自身が最大のヘビーユーザーなので、どんどん改善が進む予定です。

よろしければ使ってみてください。

マグロクエスト