H・T

イベント系企業のキャンペーンサイトをAstroを用いて実装するプロジェクト。社内チームで作業を分担して、主に実装・コードレビューを担当しました。また、Issueにあがったバグの修正や、リファクタリングなども行いました。

• Astro
• TypeScript
• SCSS
• microCMS

金融系企業のコーポレートサイトをNext.js（App Router）とDatoCMSを用いたJamstack構成でリニューアルするプロジェクトに参画。 先方の開発チームに加わる形で、メイン実装者の一人として CMS のスキーマ設計からフロントエンド実装までを担当しました。 開発では、先方のエンジニアやデザイナーとの定例ミーティングを通じて要件や仕様を調整しながら、デザインシステムの整備やコンポーネント設計を行い、保守性・パフォーマンス・アクセシビリティに配慮した実装を行いました。 また、プロジェクト後期にはWebアプリケーション側のUI/UXリニューアル開発にも参画し、バグチケット対応やCypressを用いたE2Eテストの整備などの業務を担当しました。

• Next.js
• Cypress
• TypeScript
• SCSS
• CSS Modules

都市開発企業のコーポレートサイトをNext.js（App Router）とOrizmで制作するプロジェクトに途中参画し、実装業務を担当しました。 参画時には実装も終盤のフェーズでしたが、既存コードを把握しながら前任者の実装意図を汲み取り、チームの開発フローに沿って実装を進めることができました。

• Next.js
• Tailwind CSS
• Orizm

競馬のレース分析メモを記録できるノートエディターアプリを個人開発し、現在も継続してサービスを運営しています。 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

建築デザイン事務所のポートフォリオサイトをNext.js（App Router）を用いたJamstack構成で制作しました。 ギャラリー一覧のフィルタリング機能などのインタラクティブなUIの実装や、Lenisを用いた慣性スクロールや画像のパララックス演出など、デザイン性を意識したモーション表現の実装を担当しました。

• Next.js
• Tailwind CSS