Web デベロッパーとして 2021 年に使った技術スタック

2021 年最後のポスト。

昨年の記事と比較・参照していただればと幸いです。

立場

前半はフロントエンドエンジニアを主に時たまサーバサイドも触れながら、後半はフロントエンドに限らずサービス開発エンジニアとしてプロダクトの成長に関わらせていただきました。

また今年も個人としてのプロダクトをいくつか製作・運用を進めています。

そうした前提の下で一年間の KPT、利用した技術一覧を見ていきます。

開発者の視点でアクセシブルな開発を啓蒙、パフォーマンス最適化、フロントエンド環境刷新
属人化解消を目的としてエンジニア教育に注力
ブログ 38 件
- 当ブログで技術記事を 28 件
- Note で個人・イベント振り返りを 10 件
登壇 3 件
- 2021/11/01 VSCondeCon JP 2021 の内幕
- 2021/10/28 Github issues を CMS として扱う
- 2021/04/12 コミュニティハンズオンにおける DevRel のすゝめ
日本初 Flutter カンファレンス (FlutterKaigi) のオーガナイズ
VS Code Meetup 主催のカンファレンス (VSCodeCon JP) のお手伝い
OSS にコントリビュート 7 プロジェクト
- nuxt-community/content-module
- FlutterKaigi/2021
- etc
Twitter スペースの運営を通して MC 力を身に付けた

昨年以上に設計を考えさせられる比重 (時間) が大きいと感じた。プロダクトの安定稼働はもちろん、それと並行していかに機能開発とそのブラッシュアップを高めていくかと言うのを求めていることを実感しました。

またコミュニティについては整理する時間が必要だ。場合によっては運営を下りる選択肢も厭いません。

これは GitHub Profile Summary Cards という便利ツールを使わせてもらい自動生成している。自身の Github アカウント内のみ、他 Gitlab を使っているプロジェクト等あったが、この自動生成分には含まれていない。

なお、今年もテーマの主軸は TypeScript/React/AWS の辺りとなります。

昨年同様、適宜業務の必要に応じてフロントエンド環境の刷新から運用効率化の一端を担うツール製作まで、幅広く動いていた一方でイベント振り返りを Note で書いた点が昨年と違います。

昨年の記事と比較・参照していただけると幸いです。

スキルに焦点を合わせて書かせていただいた昨年の振り返りとは趣向を変えて、今年はプロジェクトに焦点を合わせて書かせていただきました。

この 2 年間、取り組んできたプロジェクトでは下記の通りとなります。

スマレジ POS
- PWA 対応のセルフオーダー画面を構築 (AWS Lambda や Vue を利用)
- React/MobX を利用した MPA 環境を構築
- プラグインベースの開発に向けたフロントエンド用プラットフォーム、デザインシステム (仮) を構築
EventIn
- React/Express/WebSocket を使用しているサービスにおける導線改善

今年もちょっとしたツール製作などを含めても React/TypeScript をメインに書いた一方で、昨年後半から 1 年以上にわたってお仕事の場面ではほとんど Vue を書きませんでした。

またアクセシブルな開発の実現に向けて、プロジェクト内でアクセシビリティの啓蒙を推進させました。

そのベースのひとつとも言えるでしょうガイドラインの策定は、目下進行中となります。

来年以降、公開できる範囲内でその知見を共有できれば幸いです。

また FlutterKaigi 2021 ティザーサイトの製作を通し、コントリビュートの機会を獲得できたことも大きい。

来年以降、フロントエンド技術に限らずインフラサイドへの知見を深めることはもちろん、今年以上に OSS への関与を増やすことを目標のひとつに掲げたい。