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

2021 年最後のポスト。

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

立場

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

半期前半は主に、新 API 規格「スマレジ 4」の開発を中心に、店舗運営を支援するプロダクト・サービスの開発を進めました。

半期後半は主戦場となるプロジェクトを変え、主にオンラインイベント配信ツールの機能開発を支援するプロダクト・サービスの開発を進めました。

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

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

今年もちょっとしたツール製作などを含めても React/TypeScript をメインに書いた一方で、お仕事の場面では全く Vue を書きませんでした。

またアクセシブルな開発の実現に向けて、プロジェクト内でアクセシビリティの啓蒙推進を開始させており、そのベースのひとつとも言えるプロジェクト内で適用予定のガイドライン策定は、目下進行中となります。

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

ここで今年利用した技術の一覧を下に示してみます。

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

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

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

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

そうした前提の下で一年間の 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) のお手伝い
コントリビュート 101 プロジェクト
- nuxt-community/content-module
- FlutterKaigi/2021
- etc
Twitter スペースの運営を通して MC 力を身に付けた

Flutter ハンズオンで自身の満足がいく運営の下進められなかった
- ハンズオンコンテンツは、大西氏 (通称: 大西先生) に全てを任せていたものの、さすがに任せ過ぎて介入を試みたところで意見の衝突があった
下半期は PWA Night を始めとした各種コミュニティの運営に支障を来たした
- 昨年に続いて v-kansai の活動は引き続き停止したまま

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

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

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