# H・T 元のページ: フロントエンドエンジニア 120万円 / 人月 2026年11月〜対応可能 Web制作の業界で10年以上経験があり、様々なサイト制作に携わって参りました。 デザインやUI/UXへの関心も高く、デザインの意図を汲んだ実装や、使い心地の良いUIの実装を得意としております。 また、個人開発ではWeb技術を用いたクロスプラットフォームアプリ（Ionic / Capacitor）のリリース経験があり、現在も運営を続けているtoC向けのサービスは多くのユーザー様より「使いやすい」という高評価のレビューを継続していただけております。 ## スキル ### TypeScript 4年 保守性や汎用性を意識して型付けを行うようにしております ### Next.js 4年 App Routerを利用した開発経験があります ### Supabase 2年 個人開発で利用しており、現在運営しているアプリにも採用しております ### Ionic 2年 Ionic React / Capacitorを用いたモバイルアプリを個人開発し、実運用しております ### HTML 11年 正しい文書構造を意識したマークアップ、アクセシビリティに配慮した実装が得意です ### CSS 11年 形式を問わず、Tailwindのようなユーティリティクラスのライブラリから、CSS Modules、FLOCSSやBEMなどのCSS設計など様々な実装経験があります ## 参画プロジェクト 2025年6月〜2025年7月 キャンペーンサイトの新規実装 フロントエンドエンジニア イベント系企業のキャンペーンサイトをAstroを用いて実装するプロジェクト。社内チームで作業を分担して、主に実装・コードレビューを担当しました。また、Issueにあがったバグの修正や、リファクタリングなども行いました。 - Astro - TypeScript - SCSS - microCMS 2025年4月〜現在 コーポレートサイト（+Webアプリケーション）のリニューアル開発 フロントエンドエンジニア 金融系企業のコーポレートサイトをNext.js（App Router）とDatoCMSを用いたJamstack構成でリニューアルするプロジェクトに参画。 先方の開発チームに加わる形で、メイン実装者の一人として CMS のスキーマ設計からフロントエンド実装までを担当しました。 開発では、先方のエンジニアやデザイナーとの定例ミーティングを通じて要件や仕様を調整しながら、デザインシステムの整備やコンポーネント設計を行い、保守性・パフォーマンス・アクセシビリティに配慮した実装を行いました。 また、プロジェクト後期にはWebアプリケーション側のUI/UXリニューアル開発にも参画し、バグチケット対応やCypressを用いたE2Eテストの整備などの業務を担当しました。 - Next.js - Cypress - TypeScript - SCSS - CSS Modules 2025年3月〜2025年4月 コーポレートサイトのリニューアル開発 フロントエンドエンジニア 都市開発企業のコーポレートサイトをNext.js（App Router）とOrizmで制作するプロジェクトに途中参画し、実装業務を担当しました。 参画時には実装も終盤のフェーズでしたが、既存コードを把握しながら前任者の実装意図を汲み取り、チームの開発フローに沿って実装を進めることができました。 - Next.js - Tailwind CSS - Orizm 2024年12月〜現在 競馬ファン向けツールアプリの個人開発・運営 個人開発 競馬のレース分析メモを記録できるノートエディターアプリを個人開発し、現在も継続してサービスを運営しています。 Webの技術スタックを利用してモバイルアプリを開発できる Ionic / Capacitorを採用し、Web / iOS / Android 向けのクロスプラットフォームアプリとして開発しました。 バックエンドには Supabaseを採用し、小規模ですがフロントエンドからバックエンドまで一人で設計・実装を行っております。 また、サービス運営においては、ユーザーからのフィードバックや要望をもとに継続的な機能改善やUI/UXの改善を行い、プロダクトの品質向上に取り組んでいます。 - App Store Connect - Next.js - React - Supabase - Tailwind CSS - Ionic - Hono - React Router - TanStack Query - TypeScript - Cloudflare 2024年7月〜2024年10月 ポートフォリオサイトのリニューアル フロントエンドエンジニア 建築デザイン事務所のポートフォリオサイトをNext.js（App Router）を用いたJamstack構成で制作しました。 ギャラリー一覧のフィルタリング機能などのインタラクティブなUIの実装や、Lenisを用いた慣性スクロールや画像のパララックス演出など、デザイン性を意識したモーション表現の実装を担当しました。 - Next.js - Tailwind CSS [チームメンバー一覧](https://chot-inc.com/company/members)