Yuki Maeta

神奈川県川崎市

Yuki Maeta

SESでフロントエンジニアとして働いています。主にVue.js/Nuxt.jsを使用して開発しています。

Ambition

In the future

今まではNuxt.jsを使用した実装を行なってきたのでReact/Next.jsを使用した実装にも携わってみたいと考えています。現在はNext.js13系を使用してアプリ開発を行なっています。 TypeScript、GraphQLなどは現在実務で使用していませんが、引き続きキャッチアップを行

株式会社Gizumo5 years

GizTechPro

Dec 2019 - Dec 2023

様々な案件に参画しましたが基本的にはVue.js、Nuxt.jsを使用した開発案件に参画していました。最後の案件は約2年いましたが、開発以外にもVue2からVue3のマイグレーション、Composition APIの仕様をまとめた資料作成、勉強会の開催。新プロジェクトにレビューワーとして抜擢され、レビューや進捗管理など行なっていました。

クレジット会社のお客様申し込みフォームの新規開発
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とサンプル作成
Nov 2021
Nuxt.jsを使用したアパレルのECサイト管理画面開発
Nuxt.jsを使用したアパレルのECサイト管理画面開発に参画しました。 Nuxt.jsに当時まだベータ版だったVue3から追加されたComposition API を採用し、ロジックはTypeScriptを採用していました。プライベートでTypeScriptの学習を行なっていたので実務で使用してみたいと考えていた矢先に参画が決まって嬉しかったのを今でも覚えています。 UIはデザインがなかったので既存のUIを踏襲しつつ、実装済のUIと相違が無いようにデザインしながら実装しました。またAPIをGraphQLを使用して実装し、NestJSを使用したBFFの開発も行いました。やることなすこと全てが初めてで、最初はレビューでも多くの指摘をいただきクライアントにも多大なご迷惑をおかけしました。 1日でも早く業務になれるよう業務後、休日を使用し公式ドキュメントや技術書を読むなどしてキャッチアップに励みました。その努力の甲斐あって日に日に実装スピードが上がり、実装に詰まった時も自己解決できることも増えてきました。また、2020年11月ごろから弊社から追加でエンジニアが参画し、その方々のサポートなども行うことができました。主な作業内容は以下の通りです。・BootstrapVueを使用したUI実装・Composition API を使用したコーディング・TypeScriptを使用したコーディング・GraphQLを使用したスキーマー設計・Apolloを使用したGraphQLのリクエスト実装・FullCalendarを使用したUI実装(TypeScriptによる型定義も含めて) ・NestJSを使用したBFFの開発・DBの調査
Aug 2020 - Oct 2021
Nuxt.jsを使用したクチコミサイトの開発
クライアントにフロントエンジニアがいない状態で案件に参画しました。 Vue.jsを使用して開発して欲しいとご依頼があり、もう1人参画していたフロントエンジニアと要件を精査して開発を進めていました。ユーザーが見る画面も開発して欲しいとのことだったのでSEOも考慮し、SSRを採用した方が良いと提案しNuxt.jsで使用して開発を進めていきました。 8月末に納品して欲しいとの要望だったのでスピード感を持って開発し、7月中旬には全ての画面が完成したのでAPIとの繋ぎ込みを行えるところでクライアント都合で案件終了しました。主な作業内容は以下の通りです。・UI実装・Vue2Editorの導入と実装・Vue2GoogleMapsの導入と実装・moment.jsの導入と実装
Jun 2020 - Jul 2020
Nuxt.jsを使用した医薬品のECサイト管理画面開発
Nuxt.jsを使用したECサイトの管理画面開発に参画しました。契約が3ヶ月だったので携わった期間は短かったですが、納期も迫っていた中での参画だったので参画直後からスピード感が求められました。研修で培ったことを最大限に発揮し、3ヶ月の間に購入処理のロジック実装なども任せていただけました。主な作業内容は以下の通りです。・UI実装・検索、新規登録、登録情報の更新機能実装・axiosを使用したAPIロジックの実装・CSVファイルのアップロード機能の実装・画像ダウンロード機能の実装・BootStrapVueを使用したロジック実装・Pugを使用したHTMLコーディング・Stylusを使用したCSSコーディング
Mar 2020 - May 2020