34
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

クソアプリAdvent Calendar 2024

Day 9

「年末」を「調整」してくれるアプリを作った

Posted at

クソアプリ Advent Calendar 2024 9日目の記事です。

はじめに

冬ですね。
年末ですね。

年末といえば、多くの会社員がやらされる例のアレ、ありますね。

そう、年末調整です。

まだ年末調整が終わってない人も、来年からの年末調整にうんざりしてる人も、ご安心ください!

年末調整が劇的に楽になる神アプリを開発しました。

その名もずばり、「年末」を「調整」してくれるアプリ

※年末調整ではありません。

image.png

自己紹介

ナモすけです。
2019年からクソアプリアドベントカレンダーに参加し続けてついに6年目になりました。
今年から会社員として働いています。

概要

年末調整、面倒くさいですよね。

今年の年末、いつだっけ?とか、まだ年末じゃないの?とか思うこと、あると思います。

そもそも年末が1年に1回しか無いのがおかしい。
年末はもっとたくさんあってもいいんじゃないか…?

そういった課題感から生まれたサービスがこの「年末を調整してくれるアプリ」です。

使い方

まずは初期画面を見てみましょう。

image.png

どう見ても12月のカレンダーに、「2024年末」と書かれたスタンプが押されています。
どうやら今年の年末は12月31日らしいです。

うそだろ…

もう年末休暇を取りたいのに、まだ年末じゃないだと…?

Animation4.gif

今からお前の名前は年末だ!いいかい、年末だよ!

image.png

無事年末が増えました。やったね。

ちなみに年末が増えたことで、西暦が2倍になり、今年は4047年になりました。

明日から4048年だ! わーい!

……??

ここで満足していいのか…?

まだ俺達はもっとやれるんじゃないのか…??

Animation5.gif

利用技術

2週間ほど前にリリースされたReact Router v7を使っています。

React Routerはv7からフレームワークとして利用できるようになりました。
Remixの正式な後継であり、Remix v3として設計されています。
統合の経緯についてはRemixのブログをご覧ください。

実装したコードはこちらです。

create-viteから「React Router v7」を選択するだけで作り始めることができました。
1ページのサイトだったのもありますが、特に行き詰まるところもなく、実装自体は簡単に行うことができました。

ひとつだけ困った点としては、まだデプロイできるサービスが充実していないことでした。
Vercelでデプロイしようと思ったのですが、create-react-appとかRemixはあるのにReact Router v7が無い……

SSRモードでうまく動かす方法がわからなかったので、結局SSRモードは切って完全な静的サイトとしてデプロイしました。

おわりに

適当に作れない性分なので閏年までしっかり実装しました。
2月29日に年末スタンプを押すと年数が閏年分だけ増えているはずです。

皆さんよい年末ライフを!!

Animation6.gif

34
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
34
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?