chot Inc.（ちょっと株式会社）

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

T・S

120万円 / 人月2026年10月〜対応可能

React, Next.jsを中心に、4年以上にわたりフロントエンド開発を中心に携わってきました。 要件定義から設計、実装、テスト、運用まで一貫して対応した経験があり、直近ではPLとして在庫管理デスクトップアプリの技術選定・開発・コードレビューを担当しています。 React Hook FormとZodによる堅牢なフォーム設計、TanStack Queryのキャッシュ戦略、PlaywrightによるE2Eテスト自動化など、品質と開発効率を両立する実装を得意としています。 Webアプリケーションだけでなく、Electronを用いたデスクトップアプリケーションの開発も得意です。 チーム内外と丁寧に認識を合わせ、ユーザー体験と保守性を意識してプロジェクトを前進させられる点が強みです。

スキル

TypeScript

4年

基本的な使い方を熟知しており、アプリケーションのコードベースを型安全に保って開発できる。 ジェネリクスや条件付き型、Utility Typesを駆使してユーティリティ関数や汎用Reactコンポーネントを作成できる。 Zodのスキーマからの型推論、APIレスポンスの型定義、tsconfigによるstrictな型運用まで対応可能。 Brand型を用いた堅牢な型付けに関する知見。

JavaScript

4年

言語仕様とランタイムの挙動を理解したうえで実装できる。 Promise,async・awaitによる非同期処理、イベントループ、クロージャ、プロトタイプの理解に基づいた実装が可能。

PHP

2年

Webアプリケーションのサーバーサイド処理を実装できる。 フォーム処理やデータベース操作、外部API連携に対応可能。 WordPressのテーマ実装やカスタム投稿タイプを用いた拡張もでき、CMSを含む案件にも柔軟に対応できる。

React

4年

関数コンポーネントとHooksを前提としたReact開発が可能。 useEffectの適切な使用、カスタムフックによるロジックの切り出しができる。 再レンダリングの発生箇所を把握したパフォーマンス最適化や、責務を分離した再利用性の高いコンポーネント設計を得意とする。

Next.js

4年

App Routerを用いたWebアプリケーション開発が可能。 Server Components、Server Actions、Route Handlersを活用した実装に加え、SSR・SSG・ISRの使い分け、Middlewareによる認証制御、Metadata APIを用いたSEO対応、デプロイ・運用まで一貫して対応。

TanStack Query

2年

サーバーステートとクライアントステートを分離した設計が可能。 queryKeyの設計、staleTimeによるキャッシュ戦略の調整、useMutationとinvalidateQueriesを用いた更新後の再取得制御、楽観的更新、useInfiniteQueryによるページネーションに対応できる。 SSR環境でのprefetchとhydrationを含めた実装も可能。

Laravel

2年

ルーティング・コントローラー・Eloquent ORMを用いたAPI開発が可能。 マイグレーションによるスキーマ管理、FormRequestを用いたバリデーション、認証・認可の実装ができる。 フロントエンドの型定義と整合するレスポンス設計を意識した実装に対応可能。

Firebase

3年

Firebase AuthenticationとFirestoreを用いたアプリケーション構築が可能。 認証方式の選定、Firestoreのデータモデリングとクエリ設計、セキュリティルールによるアクセス制御ができる。 Hostingへのデプロイやコンソールでの運用まで一貫して対応可能。

Node.js

3年

フロントエンド開発の実行環境として日常的に扱い、パッケージ管理やビルド・スクリプトの整備が可能。 Next.js Route HandlersやFirebase Cloud Runなどを用いたAPIサーバーやBFF層の実装、外部API連携やファイル操作を伴うバッチ処理の作成ができる。

HTML

4年

文書構造を意識したセマンティックなマークアップが可能。 見出し階層やランドマーク要素の適切な使い分け、フォーム要素とラベルの関連付け、WAI-ARIA属性を用いた支援技術への対応ができる。デザインカンプをレスポンシブに再現する実装も得意とする。

CSS

4年

Flexbox・Gridを用いたレイアウト設計が可能。 相対単位やclamp()を活用したレスポンシブ対応、カスタムプロパティによるデザイントークンの管理、擬似要素やアニメーションを用いた表現ができる。 Tailwind CSSやCSS Modulesなど、プロジェクトの方針に応じたスタイリング手法を選択して実装できる。 最新の情報をキャッチアップしており、主要ブラウザで対応可能になったものは積極的に導入できないかを考えている。

参画プロジェクト

2025年10月〜2026年6月

健康育成アプリ追加案件

プロジェクトリーダー

健康記録アプリに、ゲーミフィケーションを活用したミニアプリを追加する案件。 Flutterで作成された健康記録アプリ内に、WebViewで作成したミニアプリを表示する構成。 プロジェクトリーダーとして、直近の健康記録を基にVertex AI（GCP）でユーザーごとに最適化した健康アドバイスを生成する機能を実装。ネイティブアプリの認証情報を安全にWebView側へ受け渡す認証機能を実装し、先方の外部サーバーにはIP制限を設けてセキュアな通信を実現。

  • Next.js
  • Vite
  • TypeScript
  • React
  • TanStack Query
  • React Hook Form
  • Zod

2025年8月〜2025年9月

コーポレートサイトリニューアル案件

プロジェクトマネージャー

コーポレートサイトのリニューアルを、要件定義からデザイン、実装まで一貫して担当した案件。 Next.jsのSSGで高速表示を実現し、microCMSにより非エンジニアでもブログやニュースを更新できる構成。 プロジェクトマネージャーとして要件定義、デザイン、実装を担当。microCMSの記事更新をWebhookでCloudflareへ通知し、再ビルド・デプロイする仕組みを構築して、最新情報を短い待機時間で届けられるようにした。

  • Next.js
  • Vite
  • TypeScript
  • React
  • microCMS
  • React Hook Form
  • Zod

2025年2月〜2025年4月

Excel業務からDXへの移行案件

プロジェクトリーダー

Excelで管理していた情報をクラウド化するDX案件。 Spread.jsでExcelライクなUIを実現し、従来の作業感を変えずに移行。AG Gridにより複雑なリストにも対応した。 プロジェクトリーダーとしてフロントエンド開発を担当。Spread.jsによる表計算UIとAG Gridによる複雑な一覧を実装した。

  • TypeScript
  • Vue.js
  • Nuxt.js
  • React Hook Form
  • Zod

2024年9月〜2026年6月

在庫管理システム

プロジェクトリーダー

帳票発行やCSV出力などの業務機能を備えた、Electron製の在庫管理デスクトップアプリケーション。 プロジェクトリーダーとしてフロントエンド領域の技術選定、開発、レビューを担当。 RHFとZodでバリデーションと型定義を厳密化し、TanStack Queryのキャッシュ戦略で快適な動作を実現。 PlaywrightによるE2Eテスト自動化でテスト工数も削減した。

  • Electron
  • Vite
  • TypeScript
  • React
  • TanStack Query
  • React Hook Form
  • Zod
  • Playwright

2024年5月〜2024年8月

国家資格過去問アプリケーションの機能追加

プロジェクトマネージャー

以前作成した国家資格過去問アプリケーションに決済機能を導入し、新たなプランを追加する案件。 プロジェクトマネージャーとして要件定義からテストまで一貫して担当。Stripeを利用し、低コストでセキュアな決済システムを導入した。

  • TypeScript
  • Vite
  • Next.js
  • Firestore
  • Firebase Authentication
  • Cloud Functions for Firebase
  • Stripe

2023年12月〜2024年4月

プログラミング学習サービスの開発

プログラマー

Next.js 14を中心とした新しい技術スタックを採用し、国際化にも対応したプログラミング学習サービス。 プログラマーとして開発を担当。 GitHub Projectsで進捗を管理し、カスタムフック、共通関数、共通レイアウトを切り出して保守・運用しやすい構成にした。

  • TypeScript
  • Vite
  • Next.js
  • Firestore
  • Cloud Functions for Firebase

2023年7月〜2023年11月

国家資格過去問アプリケーションの実装

プロジェクトマネージャー

安定版がリリースされたばかりのNext.js 13.4 App Routerを用いた国家資格過去問アプリケーション。 プロジェクトマネージャーとして、公式ドキュメントを参照しながらアプリを構築。 Firebase Authenticationによる認証とZustandによる状態管理を実装した。

  • TypeScript
  • React
  • Next.js
  • Firebase

2023年3月〜2023年6月

自社プラットフォームのドキュメントサイト構築

プロジェクトマネージャー

著名なフレームワークのドキュメントサイトでも利用されているNextraを用いた、自社教材のドキュメントサイト。 プロジェクトマネージャーとしてサイトを構築し、今後もコンテンツを追加しやすいフォルダ構成で実装した。

  • TypeScript
  • Next.js
  • Firebase
  • React

2023年1月〜2023年2月

自社サービスLP作成

プログラマー

自社商品の魅力を最大限アピールできる構成を工夫した、自社サービスのランディングページ。 プログラマーとして、デザイナーのデザインを基にHTML／CSSで実装。画面サイズに応じてフォントサイズや余白が変わるようem単位を用い、見やすさを損なわないレスポンシブ対応を行った。

  • HTML
  • CSS

2022年10月〜2022年12月

Web制作会社向けWebサイト（受託開発）

プログラマー

クライアント提供のデザインカンプをWordPressで実装した、Web制作会社向けの受託開発案件。 プログラマーとしてピクセルパーフェクトに実装。 バックエンド側の制御をPHPで実装し、GitHub Actionsでpush時に試験環境へ自動デプロイする機能も構築した。

  • HTML
  • CSS
  • WordPress
  • PHP

2022年9月〜2022年10月

ECサイト向け商品3D表示サービスの開発（自社サービス）

プログラマー

ECサイトの商品を3D表示する自社サービスの開発。 プログラマーとして、Three.js特有の概念をドキュメントや検証コードで調べながら、3Dモデルを適切に配置。 ページロード時間短縮のため、3Dモデラーと連携して見栄えを保ちつつモデルを軽量化した。

  • TypeScript
  • React
  • Next.js
  • Three.js
  • Firestore

2022年7月〜2022年9月

自社サイトリニューアル

プログラマー

TypeScript、React、Chakra UI、Next.jsを用い、他サイトにはない表現豊かな自社サイトへリニューアルした案件。 プログラマーとしてフロントエンドを実装。 日本語情報が少ないNext.jsやChakra UIについて英語情報も調査し、メンバーへ認識を適宜確認しながら円滑に開発を進めた。

  • TypeScript
  • React
  • Next.js
  • Chakra UI
  • Three.js
  • Firestore

2022年6月〜2022年7月

勤怠管理システムの構築

プログラマー

Googleフォームの出退勤入力を自動計算し、Gmail連携とGoogleスプレッドシートへの自動転記を行う勤怠管理システム。 プログラマーとして仕組みを構築。締め日に稼働実績から請求書PDFを自動作成してメール通知し、請求書作成ミスを防止するとともに、請求書作成・勤怠管理の工数を大幅に削減した。

  • JavaScript
チームメンバー一覧