フロントエンドエンジニア

T・R

120万円 / 人月ご相談ください

React、Next.js、Astroを用いた静的サイト・Webアプリケーション開発を得意とするフロントエンドエンジニアです。 PlaywrightによるE2Eテスト・VRT、GitHub Actionsなどと組み合わせた自動テスト環境の構築にも強みがあります。 UI/UXデザインにも関心があり、意図をくみ取った再現性の高い実装を心がけています。常に新しい技術の習得にも前向きに励み、開発プロセス全体の改善や品質向上に積極的に取り組んでいます。

  • カラーデザイン検定 3級
  • 情報セキュリティマネジメント試験
  • 基本情報技術者試験
  • C言語プログラミング能力認定 2級
  • ITパスポート試験

スキル

TypeScript

2

基本的な使い方を熟知しており、アプリケーションのコードベースを型安全に保って開発できる。 ジェネリクスを駆使してユーティリティ関数や汎用Reactコンポーネントを作成できる。

React

2

基本的なAPIはライブラリの思想や挙動を正しく理解した上で適切に使用できる。 保守や拡張性を意識した実装が可能。

Next.js

2

SSR, SSG, ISR の使い分け方法やユースケースに対してどれが最適なレンダリング手法かを理解している。 App Routerについて概ね理解している。 Server ComponentとClient Componentを適切に使い分け、機能の実装ができる。

Astro

2

React と組み合わせた静的なサイトを高速で開発できる。 Astroが提供するSSRの機能も理解しており、対応可能。

Playwright

1

基本的な使い方から Fixtures を駆使した再利用性のあるテストコードを書くことができる。 GitHub Actions や GitLab CI と組み合わせて、E2Eテスト・VRTの環境構築も可能。

参画プロジェクト

2025年10月〜現在

某週刊誌Web版の運用保守

フロントエンドエンジニア

フロントエンドの機能開発・運用保守を担当。

  • Next.js
  • CSS Modules
  • React
  • Playwright
  • pnpm
  • Node.js

2025年3月〜2025年9月

某公営競技サイトのリニューアル

Webエンジニア

Next.js, CSS Modules, Sass 等でのデザイン実装を担当。 GASを利用したデータの自動生成、VRTの整備なども担当。 実装のスピード感とクオリティ・デザイン再現度を両立させることを意識し、様々なAIツールを活用しつつ業務に当たっている。

  • Node.js
  • Next.js
  • Sass
  • CSS Modules
  • npm

2024年12月〜2025年4月

某旅行関連企業のコンテンツ管理基盤・HPの運用保守

Webエンジニア

Nuxt 2, Vue 3 等で構築されたシステムの保守・機能開発を担当。 先方のステークホルダーさんから実現したい機能の要望を聞き取り、より良い案があれば提案もしつつ実装中。

  • Node.js
  • Vue.js
  • Nuxt.js
  • Sass
  • Express.js
  • npm

2024年9月〜2024年11月

某デザインシステムサイトのリプレース

Webエンジニア

Gatsbyで構築された静的サイトをAstroへリプレース。 移行に必要な情報の調査・技術検証から、実装までを担当。 ページ数が200超あった為に動作確認の際にはローカル環境でVRTを組み、効率良くテストするなど、限られた工数を最大限活用することに取り組む。

  • Node.js
  • Astro
  • React
  • CSS Modules
  • Sass
  • styled-components
  • pnpm

2024年5月〜2024年8月

VTuber関連のLP制作

Webエンジニア

技術選定から開発までを単独で担当。 経験のなかった GSAP、 React Three Fiber などの調査・学習を平行して進めつつ開発にあたる。

  • Next.js
  • Tailwind CSS

2023年12月〜2024年3月

VTuber関連サービスの開発

Webエンジニア

フロントエンドの技術選定、実装、サービスの仕様策定などを担当。 短期間で Next.js → Remix のリプレースを実行し、また、RemixのStreamingを活用することでパフォーマンスのよいサイトを構築。 社内ツールの開発やVercelのPreview環境などの活用を推進し、開発・運用の効率化にも努めた。

  • Node.js
  • Remix
  • Astro
  • CSS Modules
  • Sass
  • Playwright
  • Vitest
  • pnpm
チームメンバー一覧