はじめてのNext.js
はじめまして
はじめまして。
GA technologiesでフロントエンド エンジニアとして働いている、tsubouchiと申します。
これは、私が初めてNext.jsを使った開発プロジェクトに参加したチャレンジの記録です。
はじめに
私はこれまで、名乗り口上を
マークアップに毛の生えたような、フロントエンド エンジニアです
マークアップ エンジニアです
コーダーです
としていました。
フロントエンド エンジニアとして入社したのに、、、すみません。
私の当時のスキルセットは
HTML
SCSS
多少のJavaScript
で、採用してもらいました。
私は神経質なタチで、細かい点が目についちゃうタイプ。
一方当時の採用目的は、誤字脱字などの削減やLP等の見た目の品質向上。
利害が一致していました。
……しかし、このスキルでフロントエンド エンジニアを名乗って良いのか！？
名乗って良いです。フロントエンド エンジニアって、とてもたくさんの幅がありますよね。
でも、同じコンプレックスを抱えているフロントエンド エンジニアもいるんじゃないかしら。
そんな中、Next.jsを使った開発プロジェクトに参加できることになりました。
やった！
Welcome to Next.js!
プロジェクト参加当時の私の装備は
社内のReact勉強会参加
Next.js チュートリアル
TypeScript？ 見たことあります
テスト？ 知らない子ですね…
でした。
プロジェクトの装備はこう。
Next.js
TypeScript
styled-components
React Hook Form
TanStack Query（React Query）
Jest
Storybook
生き残れるか？
弊社の行動指針に「BOLD CHALLENGE」があります。
まさに。
当時の私の装備で参加させていただいたことを感謝しています。
生き残りました。
Reactで育った若いエンジニアが、HTML5でなぜ <br> でなく <br /> と書くのか？
謎が解けました。
以下は当時のつぶやきです。
hooksお前どこからでも呼ばれてくれ
アコーディオンにアニメーションつける時だけjQueryに戻りたい
こんなところに花が咲いていたんですね
（花のアイコン＝TanStack Queryの開発者ツールに気づいていなかった）型とテストは不安に効く
wai-ariaをちゃんとできそうでうれしい
to be continued…
チャレンジは続いています。
今もチャレンジの最中です。
私の前職は受託でしたが、比較して、改善を続けられることが事業会社で働く良い点だと思います。
最後に。
プロジェクトを生き残れたのは、たくさんの根気強いペアプロのおかげでもあります。
ありがとうございました！これからもよろしくお願いします。
ちなみに、私はそろそろアラフォーです。
アラフォーでもBOLD CHALLENGEして良いし、アラフォーにも根気強くペアプロしてくれる先輩がいます。
ぜひ弊社で一緒に働きませんか？