前田 侑紀

Nuxt.jsを使用したクレジット会社のお客様申し込みフォームの新規開発に現在参画しています。 Javaで作られてたMVCモデルのソースコードから表示条件などを読み取りそれをVueに落とし込みながら開発を進めています。 カードの種類ごとにお客様申し込みフォームが存在しており、一部新規デザインになっていますがほとんどのUIが現行踏襲で実装を進めています。 現行踏襲なのでそのまま作れば良いですが、法律が関わっているのでテキストの表示ミスなどが営業停止になりかねないので日々緊張感を持って業務に携わっています。 実装以外でもデザイナーにデザイン確認、修正依頼やバックエンド側とミーティングを行い画面設計なども行なっています。 また今までの経験や技術力を評価していただくことができ、コードレビューを任せてもらう、チーム全体でとうしたら技術力がアップできるかなどのご相談もいただくことがあり、今までの経験を実装ではない方法でアプローチすることができ日々やり甲斐を感じています。 最近ではVueに慣れてない方にもタスクがアサインされることがあるので仕様、対応方針などをまとめた資料を作るなのどしてサポートや、自社CSSのクラス名をまとめたチートシートツールをVue3、TypeScriptを使用して開発も行いました。 2023年春には年内にVue2系のサポートが終了するので3系へのアップデート対応を行いました。 その際、VuexからPiniaへ移行、MixinsからComposableへ移行対応を行い、Composition Api化に伴うコンポーネント設計も行いました。 Composition Api化をスムーズに進める為にComposition Api、Nuxt3の仕様をまとめたドキュメント作成、勉強を開催しました。 また、メンバーが対応したComposition Api化対応のコードレビューも行いました。 夏からは新プロジェクトに抜擢していただき、コードレビューや実装に向けてPoc、サンプル作成を行なっています。 新プロジェクトTypeScriptを採用するのでそれを見越し、TypeScriptを使用したサンプルを作っています。 主な作業内容は以下の通りです。 ・Figmaを使用したデザイン確認 ・自社CSSフレームワークを使用したUI実装 ・デザイン折衝 ・画面設計 ・コードレビュー ・他エンジニアのサポート ・自社CSSフレームワークチートシートの開発（Vue3、TypeScript） ・Vue3系へのアップデート対応 ・Composition API化に伴うコンポーネント設計 ・Composition API、Nuxt3の仕様をまとめたドキュメント作成と勉強会の開催 ・新プロジェクトのPocとサンプル作成