今年を振り返って自分を労うし労ってもらいたい

## はじめに
アドカレ２１日目の記事です。
今年は本当にチャレンジングな年で、様々な言語やFWに触りました。
この記事ではそれについて振り返ると共に、自分を労おうと思います。
そして今後のモチベーションを上げるために僕を褒めてください！！！！！！！

## 対象読者
- 自分
- 頑張ったねと労ってくれるみんな

## 今年新しく触れた技術たち

#### UIFW
- ant design
https://ant.design/
僕が触り始めた１年の間に4系から５系へ更新されてもう〜！という気持ちになりました。使っていたコンポーネントが突然消えると泣きそうになりませんか。

#### 画面作成系（Web）
- redux-toolkit
https://redux-toolkit.js.org/
状態管理ツールとしてはかなりいい感じです。ディレクトリもファイルも綺麗に分けられたしすこ。

- react router6系
https://reactrouter.com/en/main
メジャーバージョンが更新されて書きっぷりがかなり変わったので記載。破壊的変更とはこのことを言います。

- axios１系
https://github.com/axios/axios
メジャーバージョンが更新されたので記載。ずっと0系だったので、遂に更新されてなんだか嬉しい気持ちになりました。この更新で認証周りの書きっぷりが変わりました。あとは知らない笑

- craco
https://github.com/dilanx/craco
antd4系時に色をカスタムするために導入したので記載。特記事項はなし。

- flutter（Dart）
https://flutter.dev/
ディレクトリ構成の理解と簡単なコンポーネントを作ったのみですが、一応記載。
個人的にDartはJavaとJavaScriptをうまく混ぜたような言語という感じがします。

- recharts
https://recharts.org/en-US/
型周りが特に辛かったです。。

- python（selenium）
https://selenium-python.readthedocs.io/
型なしでは生きられない体になってしまったことを改めて実感しました。

#### 画面作成系（Mobile）
- react native
https://reactnative.dev/
今年一番頑張ったで賞。割ともうお腹いっぱいです。~~flutterかswiftに浮気したい。~~

- react native for web
https://necolas.github.io/react-native-web/
mobile版のstorybookを動かすために使いました。特に思い入れはないです。

- expo
https://expo.dev/
react nativeの環境構築地獄から救ってくれた救世主的存在。バージョンの追従？そんなものは知らん。

#### CI/CD

- github actions
https://github.co.jp/features/actions
プロジェクト途中参加だと大体誰かがすでに環境作ってくれているので、やっと機会が巡ってきたと、自分で初めて触れたことに喜びを感じました。ドキュメントも充実しているし、今後も仲良くしたいです。

- Auto
https://intuit.github.io/auto/docs
検索ワード、マジでヒットしないwww
リリースを補助してくれる超便利ツール。自動でタグ切り、change.log作成・リリースしてくれます。広まれ、流行れ！！！！！

#### アーキテクチャ系
- モノレポ
最初の環境構築に死ぬほど苦労しましたが（実際死にました）、その後はとても平和です。

- lerna
https://lerna.js.org/
イメージキャラクターがゴツい。強そう。npm publishの時にお世話になりました。今後もよろしくお願いします。

- nx
https://nx.dev/
キャッシュ機能がすごい！高速化最高！

- yarn workspace
https://classic.yarnpkg.com/lang/en/docs/workspaces/
ファイルをワークスペースを跨いで共有できるのは便利でした。

#### レビュー効率改善系
- uxpin merge
https://www.uxpin.com/jp/merge
可能性を感じます。いつか記事にしたいライブラリNo.1💫

- storybook6系
https://storybook.js.org/
リンクを貼るのに公式見に行ったら7系（beta）出てるじゃないですか！！！
5から6への更新も結構変更多かったので苦労しましたが、もう７ですか。。早速触ってきます。

- chromatic
https://www.chromatic.com/
デザイナーさんと開発していく上で必須ツールと言っても過言ではないと思います。とても便利。開発効率爆上がりでした。ありがとうございます。

#### ツール系
- yarn3系
https://yarnpkg.com/getting-started/usage
今、3系使ってる人ってどれくらいいるんでしょうか。

- webfonts
https://github.com/web-fonts
svgなどの画像ファイルをwebfontに変換してくれます。画像ファイル重い問題を解決したい方はぜひ。

- token-transformer
https://www.npmjs.com/package/token-transformer
figmaトークンを変換してくれるツールです。

- cpx
https://www.npmjs.com/package/cpx
ファイルやディレクトリのコピーをしてくれます。

- del-cli
https://www.npmjs.com/package/del-cli
ファイルやディレクトリを削除してくれます。

- styled-system
https://styled-system.com/
全然、寄り添えていない気がします。ちゃんと勉強して近いうちに記事を書きます（多分おそらくMaybe..）

#### mobileツール系
- Xcode
https://developer.apple.com/jp/xcode/
mobile開発するなら誰しもが通る道。DLが12時間とか鬼がかってますよね。

- metro bundler
https://facebook.github.io/metro/
こいつの設定がよくわからなくてめちゃくちゃハマりました。思い出すだけで泣きそう。

- cocoapods
https://cocoapods.org/
起動時にエラった時に、lockファイルを消してinstallをしてをめちゃくちゃ繰り返しました。苦い思い出です。

- watchman
https://facebook.github.io/watchman/docs/install.html
起動時にものすごく悪さをしてきます。本当に辛い。

- react-native-masked-view
https://github.com/react-native-masked-view/masked-view
要素にマスクをかけられるツールです。

- react-native-figma-squircle
https://www.npmjs.com/package/react-native-figma-squircle
corner smoothingを実現できる素晴らしいツールです。↑のmasked-viewと組み合わせて使っています。

- react-native-svg
https://github.com/software-mansion/react-native-svg
react nativeってsvgやpathを描画するタグがないんですよね（僕調べ）。重宝しています。

#### テスト
- jest
https://jestjs.io/ja/
初めて触ったわけではないのですが、ガッツリ触ったことはなかったので記載。
ガッツリ触ってみても、単体テストにあまり重要性を感じていない今日この頃（ロジック周りのテストを除く）。結局、テストをしたという事実そのものが重要なのかなと思う。

## まとめ
いや、１年でこれだけ学んだのか。。すごいな、僕・・・。偉すぎる・・！！！！！！
来年はflutterとswiftが触りたい所存。