key | value |
---|---|
名前 | 木村一貴 |
年齢 | 満26歳 |
生息地 | 神奈川県 |
最終学歴 | 立教大学 理学部 化学科 |
React実務経験 | 2年3ヶ月 |
私は大学時代は理系でしたので、大学時代からプログラミングを学んでいました。
社会人になってから本格的にWeb系のフロントエンジニア
としてキャリアを歩み、
Sierでの受託開発、自社開発企業での自社サービス開発のどちらも経験して参りました。
既存機能の追加・改修と新規開発のどちらも経験しているため、プロジェクトに応じてどちらでも柔軟に対応が可能です。
技術的な得意分野はWEBフロントエンド領域における新規開発
です。
React・TypeScript・Next.js
を用いた新規開発をメインにこなしてきたため、WEBフロントエンド領域の業務範囲は一通り網羅しています。メンバーに実績を認めていただき、自分が主催となって社内勉強会の登壇を行った経験もございます。また直近のプロジェクトでは、実績を認めていただき、新規開発PRJのフロントエンドの開発リーダーに抜擢していただきました。
業務における強みとしては、未経験分野の技術でも積極的にキャッチアップを行い、業務を完遂させる力があることです。 これまでも参画時は未知の技術においても早急にキャッチアップし、納期に遅れることなく業務を完遂してきました。 具体的には「公式ドキュメント」を読み、実際に手を動かして処理フローを確かめて、タスクに転用する、という流れでキャッチアップを行ってきました。
今後も今までの経験分野だけに限定することなくその案件で必要とされている技術やビジネス知識を身に付けていき
プロジェクトを俯瞰して観た上で仕事ができる「上流工程から逆算して考えて仕事ができるエンジニア」になることを目指しています。
将来的には、新規開発のプロジェクトをテックリードとして完遂・成功させることができるエンジニアになっていきます。
シェアードタレントネットワークのWebアプリケーションの新規開発
2021年9月 〜 進行中
- React
- React Hooks
- Emotion
- TypeScript
- Next.js
- REST API
- フロントエンドの技術選定
- GitHub Actions を用いた CI / CD ワークフローの作成
- Docker を用いたフロントエンドの仮想コンテナ環境の作成
- Husky・lint-staged・Prettier・ESLintの導入
- Renovate を用いたパッケージの依存管理
- Atomic Design を用いた共通コンポーネントの新規実装
- ストア設計 を用いたページコンポーネントの新規実装
TODO(現在進行中)
ホテル予約サイトのコンポーネントリファクタリング業務・テストを導入することによる品質改善業務
2021年8月 〜 進行中
- React
- React Hooks
- styled-components
- TypeScript
- Next.js
- REST API
- Atomic Design の原則に基づいてコンポーネントを整備する
- コンポーネント設計 をメインで担当
- コンポーネント実装 をメインで担当
- コーディング規約 を新規で作成・運用
- utils 配下の 共通関数 の 単体テストコードの作成
既存のサービスが「Atomic Design」を用いてコンポーネント設計を行っていたのだが、「Atomic Design」の原則に全く従っていなかったので、自分が開発リーダーとなってコンポーネントの整備を行った。コンポーネントの分離作業を行うことで、既存のコンポーネントの責務の分離に大きく貢献。業務時間外には、実際に自分で新規で作成したコンポーネントを自分のリポジトリでカスタマイズして実装して残しておくことで、今後の現場でいつでも使い回せるような準備を整えた。
共通コンポーネントのnpmパッケージ化・新規開発
2021年7月 〜 2021年8月
- WebComponents
- Lit Element
- JavaScript
- TypeScript
- webpack
- WebComponents + Lit を用いたコンポーネント実装
- Buttonコンポーネントの新規実装
- SelectBoxコンポーネントの新規実装
- DatePickerコンポーネントの新規実装
- 検索モーダルコンポーネントの新規実装
- 人数設定モーダルコンポーネントの新規実装
WebComponents + Lit を用いたコンポーネント実装は初めて行ったが、短期間でキャッチアップを行い、実装完成まで1人で担当した。Vue.js のプロジェクトでも、Reactのプロジェクトでも使用できる再利用性の高いコンポーネントを作成したことで、プロジェクトを横断してカスタムエレメントを使い回せるような仕組み作りに大きく貢献した。
ツアー予約サイトの新規開発
2021年5月 〜 2021年7月
- React
- React Hooks
- Emotion
- TypeScript
- Next.js
- REST API
- フロントエンドチームの開発リーダーとして抜擢
- 要件定義や技術選定の上流工程の業務から行った
- Atomic Designを用いたコンポーネント設計
- 30〜40個ほどの共通コンポーネントの実装
- 30〜40個ほどの共通コンポーネントのストーリーファイル作成
- GitHub Actions を用いたCI / CDワークフローの作成
- Dockerを用いた仮想コンテナ環境の作成
- Husky・Prettier・ESLint の導入
- Renovateを用いてパッケージの依存管理を行った
- コーディング規約に則ったメンバーのレビュー対応を行った
フロントエンドチームの「開発リーダー」として新規開発を行った。デザインも決まっていない状況下だったが、共通コンポーネントの実装から始めて、フロントエンドのみで出来ることから開発を進めていった。しかしプロジェクトが予算の関係で途中で中断となってしまい、リリースまで行うことができなかった。とても残念だった。しかし、新デザインで共通コンポーネントを作成したので、今後のプロダクト開発を円滑に進める基盤作りに大きく貢献。
ホテル予約サイトのバグ回収業務・新機能の実装・パフォーマンス改善業務
2021年1月 〜 2021年5月
- React
- React Hooks
- styled-components
- TypeScript
- Next.js
- REST API
- 既存サービスのバグ回収
- Storybookの導入・運用をメインで担当
- 4つの静的ページの新規実装を全て1人で担当
- 既存のサービスのトップページのリプレイス業務を1人で担当
- コーディング規約がなかったので新規で作成・運用
- Webフロントエンドパフォーマンス改善業務
コーディング規約がなかったのでまずはコーディング規約の整備を行った。チームで一貫したコーディングを行う基盤を整えることで、レビュー工数の削減に大きく貢献。また、レビュー体制がチーム内レビューだったので、積極的にレビューを行い、フロントエンドチームのレビュー文化の確立に大きく貢献した。また、Webフロントエンドパフォーマンス改善業務を担当した際には、既存のサービスがNext.js
を使用していたのにも関わらずSSR
が適用されていないことに自分が気が付きSSR
が適用されるような修正を加えることで、サービスの「LightHouse」のスコアアップに大きく貢献した。
動画面接サービスの管理画面の新規開発
2020年7月〜2021年1月
- React
- React Hooks
- styled-components
- TypeScript
- REST API
- Toggleコンポーネントの実装
- SelectBoxコンポーネントの実装
- Inputコンポーネントの実装
- ページコンポーネントの実装
- カスタムフックの実装
- 表示とロジックに責務を分離したコンポーネント実装
- React・TypeScriptを用いた新機能の実装
- 仕様変更に関する機能の追加・改修業務
管理画面の新規開発に途中から参画した。新機能の追加実装が主な担当業務だった。やるべきタスクと納期が明確に決まっている状況下で納期の遅延なく実装を完了させることで、プロダクトのリリースの時間削減に貢献した。
ECサイトの既存機能の追加・改修業務
2019年8月〜2020年6月
- React
- Class Component
- React Hooks
- styled-components
- REST API
- 既存のサービスの「バグ回収」がメイン業務
- 実装、保守運用をメインで担当
- API連携と非同期処理の実装
- 既存コードのリファクタリング
Reactを用いたバグ回収業務がメイン業務だった。迅速なバグ対応を行うことで、プロダクトの品質向上に大きく貢献した。
HTML5 | CSS3 | JavaScript | TypeScript | PHP | Ruby
jQuery | React | Next.js | Redux | Redux Toolkit | Lit Element | Storybook | styled-components | emotion | TailwindCSS | Lodash | rfdc | date-fns | Moment | Jest | React Testing Library | Cypress
MySQL | PostgreSQL
Vercel | Heroku | GitHub | GitHub Pages | GitHub Packages | GitHub Actions
ESLint | Prettier | Husky | lint-staged | Renovate | Docker | Docker Compose | nginx | Apache | AWS | GCP