← スキルシートに戻る

Skill Sheet

NY

年齢

29

性別

男性

最寄り駅

綾瀬駅

業界経験年数

9年6ヶ月

得意分野

TypeScript / React / Next.js を中心とした SPA・SSR 開発

得意な言語

TypeScript

JavaScript

得意なフレームワーク

React

Next.js

自己 PR

どの様なプロジェクトでも、既存のソースコードに合わせて実装することが得意です。

自己解決できない部分(仕様や技術など)は、他のエンジニアとコミュニケーションを取り進める事ができます。

備考

フルリモート希望

スキル一覧

バッジを押すと、そのスキルを使った案件のみを表示します。

経歴6

会員向けメディアポイントサービスの開発

IR

2023年10月 〜 現在(2年8ヶ月)

ポジション
フロントエンド
チーム人数
16
OS
macOS
会員向けメディアポイントサービスの開発に携わりました。 EC2インスタンスを1人1つ付与頂き、EC2インスタンス上でソースコードの修正などを行いました。 「Remote Explorer」という、VSCodeの拡張機能を使用してローカルでの作業と変わらない操作感で作業を行いました。 【基本業務内容】 13ブランドの会員向けメディアポイントサービスから、機能追加や修正依頼があったものをPMからissuesにてタスクアサイン頂き作業しました。 ブランドによって、使用しているフレームワークがバラバラだった為、必要なタイミングでそのフレームワークを使用していました。 バックエンドは別会社担当のため、APIを提供頂き対応していました。 【業務内容1】 LINE Mini Appで使用するWebアプリケーションの開発を担当しました。 本機能のフロント側の開発は、私一人で開発しました。 仕様未確定の状態から、PMとのコミュニケーションを取りながら機能の詳細を詰めつつ実装まで行いました。 【業務内容2】 別の開発ベンダーが保有していた機能を、私が参画している会社が引き継ぐ事になりましたので、引き継ぎ作業を行いました。 下の実装はAngularで作成されていたので、ソースコードを読みながら仕様の洗い出しを行い、Next.js + TypeScript でリプレースしました。 【業務内容3】 Blue Green Deploymentの構築依頼が来たので、GitHub Actionsを使用してデプロイのワークフローを作成しました。

担当フェーズ

  • 詳細設計
  • 実装
  • 単体試験

技術

  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • Playwright
  • Docker
  • Git
  • GitHub
  • GitHub Actions
  • ejs
  • JavaScript
  • EC2
  • SourceTree
  • Remote Explorer

配送ルート最適化サービスの前処理システム開発

OP

2023年5月 〜 現在(3年1ヶ月)

ポジション
フロントエンド
チーム人数
9
OS
macOS
既にリリース済みの配送ルート最適化サービスのリプレースに伴い、新環境へデータを移行するためのシステムの開発に携わりました。 ver1.0のリリース後は保守フェーズとなり、保守は社員が行うためプロジェクトが終了となった。 【業務内容】 ・Firebase Authenticationによるサインイン処理 ・データの編集画面 ・tRPCのサーバー側のフィルター処理(9テーブルを結合して必要なデータ生成) ・BigQueryへのデータ保存(INSERT)処理 ・Dataformの起動(Dataform自体は用意されているものを実行) ・環境変数(RDB)の書き換え画面、tRPCでのSELECT,INSERT,DELETE,UPDATE処理 ・vitestを用いたtRPCのテストコード作成 ・バッチの作成 ・各種データの操作画面 ・開発、本番環境で発生している不具合の原因切り分け(GCPのログから切り分け) タスク管理は、GitLabでのissues管理でした。 スクラム開発で、1週間を1イテレーションで区切ってタスクが振られていました。 スクラム開発の開発者として、振られたタスクを対応していました。 【実績、取り組み】 ・テックリードがハイスキルで、プロジェクトが複雑な環境でしたが、既存ソースなどから問題なくリリースまで完遂できた ・ver1.0のリリースまで完遂できた

担当フェーズ

  • 実装
  • 単体試験

要件定義は前任者引き継ぎ。基本設計から参画しデザインシステムを主導。

技術

  • TypeScript
  • React
  • Next.js
  • MaterialUI
  • ChakraUI
  • Knex
  • vitest
  • TanStackRouter
  • Firebase Authentication
  • Google Cloud Platform
  • BigQuery
  • Dataform
  • Fivetran
  • Docker
  • Git
  • GitHub
  • GitLab
  • JavaScript
  • tRPC
  • SourceTree
  • ESLint
  • Prettier

教育系システム開発

TR

2023年4月 〜 2023年8月(5ヶ月)

ポジション
フロントエンド
チーム人数
9
OS
macOS
家庭教師が使用する生徒の学習状況の管理を行うシステム開発に携わりました。 環境は用意されており、短いスパンで複数画面を作成を行っておりました。 一番忙しいタイミングでは、3日で1画面を作成していました。 ver1.0のリリース後は保守フェーズとなり、保守は社員が行うためプロジェクトが終了となった。 【業務内容】 ・画面のView部分の作成 ・GraphQLでデータ操作(SELECT,INSERT,UPDATE,DELETE) ・vitestで単体テスト デザインはAdobeXDで提供されているものを参考に実装 仕様書は独自のWebサービスにて管理されていました。 (Excelなどではなく、WordPressの様なWebサイトで、管理者が仕様書を記載してWebページで参照するサービスでした) 【実績、取り組み】 ・ver0.5、ver0.8、ver1.0のリリースまで完遂できた 【難しかった点や困難・苦労をどう乗り越えたか】 ・GraphQLの経験が無い状態での参画でしたが、既存ソースの解析、業務時間外での学習で問題なく対応できる様にいたしました。 【工夫してみた点】 ・GraphQL以外は全て自身のスキルセットで対応できましたので、可読性などを意識してコーディングしました。

担当フェーズ

  • 実装
  • 単体試験

要件定義は前任者引き継ぎ。基本設計から参画しデザインシステムを主導。

技術

  • TypeScript
  • React
  • MaterialUI
  • urql
  • vitest
  • Docker
  • Git
  • ESLint
  • JavaScript

スコアリングアプリのWEBの保守開発

MB

2022年12月 〜 2023年3月(4ヶ月)

ポジション
フロントエンド
チーム人数
2
OS
macOS
スコアリングアプリのWEBの保守開発に携わりました。 【業務内容】 ・追加機能開発 ・不具合の調査、修正 【PLの業務】 ・チームメンバーのタスク管理 ・スケジュール管理 ・PMへの状況報告(必要に応じてお客様への報告) 【実績、取り組み】 ・チームメンバーの管理含め、該当期間の間、問題なく保守できた

担当フェーズ

  • 詳細設計
  • 実装
  • 単体試験

要件定義は前任者引き継ぎ。基本設計から参画しデザインシステムを主導。

技術

  • TypeScript
  • JavaScript
  • React
  • Docker
  • Git
  • SourceTree

某電子書籍サービスの新規開発

MB

2022年3月 〜 2022年11月(9ヶ月)

ポジション
フロントエンド
チーム人数
9
OS
macOS
某電子書籍サービスの新規開発に携わりました。 お客様が行った要件定義から、設計書の作成を行い、製造、単体テストを行いました。 完全新規のプロジェクトのため、プロジェクト環境の構築(Docker、ESLint、Prettier、WebPack、React、TypeScript)も行いました。 ver0.5の対応のみを担当し、後続は別会社が担当するため開発時点からドキュメント整理も並行して行なっておりました。 【業務内容】 ・環境の選定、環境構築 ・設計書作成 ・製造 ・単体テスト 【PMOの業務】 ・チームメンバーのタスク管理 ・スケジュール管理 ・取引先各社とのMTG、各種調整(APIの使用やスケジュールなど)※技術関連のみ 【実績、取り組み】 ・PMの補佐を行い、技術関連の調整を取引先各社と円滑にコミュニケーションを行い、プロジェクトを進めることができた ・機能等も要件通りのものを納品できた ・別会社への引き継ぎも円滑に進めることができた

担当フェーズ

  • 詳細設計
  • 実装
  • 単体試験

要件定義は前任者引き継ぎ。基本設計から参画しデザインシステムを主導。

技術

  • TypeScript
  • React
  • JavaScript
  • React Hook Form
  • ESLint
  • Prettier
  • Docker
  • webpack
  • Git
  • SourceTree

某QRコード決済アプリへの組み込み開発

MB

2020年8月 〜 2022年2月(1年7ヶ月)

ポジション
フロントエンド
チーム人数
4
OS
macOS
某QRコード決済アプリへの組み込み対応に携わりました。 既存のスコアリングアプリのWebサービスをQRコード決済アプリに組み込む対応を行いました。 QRコード決済アプリに、ミニアプリという形式(WebView)で組み込みを行い、QRコード決済アプリが提供しているSDKを使用してQRコード決済処理などを埋め込みました。 【業務内容】 ・ミニアプリ用のWebのサービスの新規作成 ・既存機能をQRコード決済アプリのAPIを使用して実行できるように拡張 ・既存サービスの修正 【PMの業務】 ・チームメンバーのタスク管理 ・スケジュール管理 ・取引先各社とのMTG、各種調整(APIの使用やスケジュールなど) 【実績、取り組み】 ・初めてのPMだったが、取引先各社と円滑にコミュニケーションを行い、プロジェクトを進めることができた ・機能等も要件通りのものを納品できた

担当フェーズ

  • 要件定義
  • 基本設計
  • 詳細設計
  • 実装
  • 単体試験

要件定義は前任者引き継ぎ。基本設計から参画しデザインシステムを主導。

技術

  • TypeScript
  • React
  • JavaScript
  • Redux
  • Docker
  • Git
  • SourceTree