それは何

2日間(実質1日)でECサイトを作ろうというものでした。軽いレギュレーションはあるものの基本的にはapiを用いて自由に開発しその完成度等を競うものでした。 3人ほどのグループに一人メンターの方がついてくれる形で常時zoomをつないで開発する形式をとっていました。

目標

しっかり作り切る(2日しかないので)
なにか新しい技術を使う

一日目

まずはどんなものを作ろうか考えました。いろいろ考えた結果ウィンドウショッピング専用サイトを作れるとおもしろいんじゃないかということで作りました(単純)。そこで欲しい機能を考えたところ、

お気に入り機能をログインせずに使いたい
ウィンドウショッピングを快適にしたい！！

だったのでまずはレギュレーションを満たした上でこれらの機能を実装することにしました。
技術としてはNext.js(Typescript)を直近のcookpadのやつで多用していたのもあり使いました。レギュレーションはとりあえず結構すぐに満たせたのでお気に入り機能をつけ始めました。ログイン機能を使わずに作ることが目標だったのでいろいろググったところlocalstorageが良さそうだったので使うことにしました。ざっと読んだ感じすぐにできそうな気配がしていたのですが割と時間がかかってしまいこの日は終了でした。
ちなみに引っかかったところとしてはlocalstorageはすべて文字列管理になるのをイマイチ理解していなかったところでした。

二日目

まずはお気に入り機能を表に出してくる実装をした後少しだけ時間があったので(ほんまか)SSRとOGP対応をサクッとしました。あとお気に入りを共有できるようにしようとurlにクエリを埋め込む実装を追加したのですが、twitterにリンクを投げてツイートできるようにする際に encodeをしていなくてうまく行かないことが発生し少し時間を溶かしました(汗)。
最後にデザイン回りを整えてfinishという感じですね。
ちなみに途中でログインapiやカートapiが生えましたがreduxとかrecoilとかをやったことなくてやりたい実装が他にあったので泣く泣くスルーしました(つらい)。