2024年ふりかえり

2024/12/31

はじめて自分のブログでふりかえりを書きました。

1月

Nuxt Bridge リリース 🎉
- https://github.com/nuxt/bridge/releases/tag/v3.0.0
雪で出社失敗
Nuxt Bridge を使い始めた当初から困ってた問題を解消した
- https://github.com/nuxt/bridge/pull/1070
Tanstack Table を業務で使い始める
- Vue 2 に対応してなかったので、Vue 2 用の wrapper を作った

2月

ひたすら業務でいい感じの Table コンポーネントを作る
Nuxt Server Componentsを完全に理解する

3月

v-tokyo で@nuxt/test-utilsの話をする
- Nuxt Test Utils で始める効率的な Nuxt アプリケーションのテスト
@nuxt/test-utilsを完全に理解したので、nuxt 2 の runtime 環境で動くライブラリを作ろうとする
- 忙しくなってきたので諦める
Nuxt Bridge v3.1 Release 🎉

4月

Nuxt Server ComponentsにおけるTeleportの使い方を完全に理解した
Tanstack Tableを使った機能がリリースされた
CSS Animation について勉強し始めた

5月

Vercel の AI SDK を使って、サイトマップを自動で生成するツールを作ったりした
フロントエンドカンファレンス北海道の CFP が落選
uilabs.wattanx.dev を作った
Nuxt Bridge v3.2 Release 🎉

6月

新規事業のことを考えつつ、Nuxt 3 移行をがっつりすすめる
- この時期に Vite 化もした。
Nuxt Bridge の release workflow を整えた
新規プロダクトを Next.js で作る決意をした
Nuxt Bridge v3.3 Relase 🎉

7月

Vue Fes の CFP を出した
28歳になった
新しいモニターを買った
v-tokyo で Nuxt 4 への移行は大変じゃないという話をした
- https://wattanx-v-tokyo-21.pages.dev/
Nuxt 3 移行完了
社内のライブラリのドキュメントをvitepressに移行し始めた
height の animation を試した
- https://uilabs.wattanx.dev/animating-height/

8月

nuxt-bundle-analysis の vite 対応完了。
Vue Fes の CFP が採択された

9月

Nuxt Server Componentsを再び完全に理解した
Nuxt Server Componentsの example 集をつくった
- https://nuxt-sc-example.pages.dev/
CSS を書くのが楽しいと思えるようになった
「ゼルダの伝説知恵のかりもの」を買った

10月

@nuxt/test-utilsのコミット権限をもらった
Nuxt Bridge の nightly release に pkg.pr.new を導入した
自分のブログの OG Image のデザインを変えた
Vue Fes Japan 2024 に登壇した
- Deep dive into Nuxt Server Components
Vue Fes のアフターイベントに登壇した
- Unlocking the potential of Nuxt Server Components
Vue のeffectScopeを完全に理解した
nodenvをやめてmiseにした

11月

Figma Plugin デビュー
- Figma Variables を export したかった
ドラクエⅢ を買った

12月

新規プロダクトのリリース
Vuex -> Pinia に置き換える tool をつくった
- https://wattanx-converter.vercel.app/pinia-converter/
Nuxt で Next.js の Private folders のような機能を実現する方法を書いた

来年やりたいこと

デザイン関連のイベントや iOSDC に登壇したい
- animation まわりの話がしたい
- Swift UI の animation まわりが気になっていて最近勉強しているので、なにかしら話せたら話したい