皆さん、あけましておめでとうございます。さて今年も2022年になったので、記録も兼ねて今年の抱負を上げて行こうと思います。

仕事

一応今の所仕事の範囲を広げていけている感はあるので、今年はフロントエンドの枠を少しずつ超えていきたいなと考えています。あとE2Eテストの稼働が本格化しそう＆自分自身E2Eテストの知見が殆どないので、キャッチアップしていきたいところです。他はまぁぼちぼちやっていく。

また短期間でいいので別フレームワークでの開発機会もいただけたらな気持ちもちょっとあったりします。

フロントエンド開発

昨年もたくさん本や記事読んでかなり量の勉強をしましたが、今年はJS/TSの言語周り・フレームワークのエコシステムの理解に力を入れたいと思いっています。あとSvelteとNext.js。

JS/TS周り

まず今年中にMDNが読みやすくなるというサイ本を必ず読破する。全サンプルコードを順にTSに置き換え＆可能ならDenoで書く形で進める予定。

JavaScript 第7版

作者:David Flanagan
オライリージャパン

Amazon

あと完全に他の方の解説任せになっていたWebpack/Rollup/Babel/ESLint/Prettierの設定方法→エコシステムを学習しようと考えています。↓のスライドを読んだのがきっかけ。

speakerdeck.com

Denoといえば、この本も時間があれば読みたいところ。

Deno Web Development: Write, test, maintain, and deploy JavaScript and TypeScript web applications using Deno (English Edition)

作者:Santos, Alexandre Portela dos
Packt Publishing

Amazon

Svelte

昨年は一時期コミュニティを追えてない期間が長期化していたため、今年はもう少し追っていけるようにしていきたいです。まずは昨年読みそこねたこの2冊を読む予定です。本でSapperが使われているところは、SvelteKitの勉強も兼ねてこちらに書き換える予定。

Svelte and Sapper in Action

作者:Volkmann, Mark
Manning Publications

Amazon

Svelte 3 Up and Running: A fast-paced introductory guide to building high-performance web applications with SvelteJS

作者:Segala, Alessandro
Packt Publishing

Amazon

あと、下記記事を読んで、あれ？これ自分でも出来るのでは？と感じたのでSvelte公式リポジトリにも1回は貢献したいと考えています。コンパイラー関係勉強しなければ。。。

https://qiita.com/baseballyama/items/640cf43cd021caf15fba

Next.js

昨年は生Reactを触りまくったので、今年は本腰を入れていきたいところです。追えていない間にかなり進化してた＆使ったことのない機能がまだまだたくさんあるので、まずは下記リポジトリを参考にしながら頑張ろうと思います。自分でRealworldアプリを作ってもいいかもしれない。同じVercel製のSWRやFB純正のRecoilも積極的に使っていきたい。

github.com

あと、公式リポジトリのissue一覧眺めていたら結構貢献できるチャンスがありそうなのでこっちも1回は貢献したい。

そういえば、この本ずっと待っているんですが本当に3月に出るのだろうか…？

Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production (English Edition)

作者:Riva, Michele
Packt Publishing

Amazon

マークアップ

生CSSはおろか、tailwind CSSも怪しくなってきているので最近知ったdaisyUIから頑張ろうと思います。Chakra UIやMUIみたいのは個人的に好きじゃないのと欲しくなったら自作ライブラリ作るかなって感じ。~~Svelteがもう少しスタイル指定楽にしてくれたらなぁ。~~

daisyui.com

その他の開発

仕事の節のところで、フロントエンド以外にも広げたいと記載しましたが、一番はバックエンドも勉強して少しでもフルスタックエンジニアに近づきたいなぁと思ってます（フロントだけだとどうしても自作アプリ作るとなると外部API頼りになるし）。

そこで今のところ考えているのがNest.jsとFastAPI。後者に関しては昨年簡単なCRUDアプリを作れるくらいにはかじったりしてた。どっちに重きを置くかはとりあえずNestの方をいじりまくってから考えようと思います。会社の方で最近Udemyの法人プランを契約してくれたのでコース見まくる。

nestjs.com

fastapi.tiangolo.com

その他はこんな感じ。下に行くほど優先度低め。

クリーンアーキテクチャ/ドメイン駆動設計など設計手法の知識を深める
Rust触れる、感触よかったらバックエンドもこっちに寄せたい
exercism.io でアルゴリズムの学習
- ここで紹介されていたサイト

英語

フロントエンドをメインに食っている（いきたい）以上、英語ドキュメントを読む機会がめちゃくちゃ多い＆単純に欧米のエンタメやゲームが好きなので昨年から英語を真剣に勉強しています。今は英検準1級/TOEIC900点前後レベルを目標に勉強中。

英単語はSVL12000のvol.3までをAnkiにぶちこんで学習中。大学受験用のメジャーな単語帳（ターゲットとかあの辺）→英検準1級の単語帳のルートのほうが単語数も少なくて良かったのではと今更思いつつ後に引けなくなってしまったので頑張る。SVLは正直覚えづらいので、他の方には前述の別ルートで頑張った方がいいよとだけ伝えていきたい。