あなたのビジョンをかたちにする
フリーランスエンジニア
Webアプリ開発・システム設計をワンストップで提供。
TypeScript、Node.js、React など得意技術で高品質な成果物をお届けします。
About Me
東京在住のフリーランスエンジニア。約5年にわたりスタートアップから大手企業まで幅広く参画し、フロントエンド〜バックエンド／インフラまで一貫して設計・開発を経験。
得意領域は TypeScript／Node.js／NestJS／React／Next.js。AWS（Lambda, ECS, S3, RDS）や Docker を活用したマイクロサービス／CI/CD パイプライン構築にも強みがあります。
最近では、認証・通知システムのアーキテクチャ設計と開発、リアルタイムチャット機能の実装、サーバレスアーキテクチャ移行支援を手がけました。
また、**Live2D モデルを表示するストリーミングオーバーレイ UI** を Next.js + pixi.js で構築し、可愛い演出エフェクトを実装しました。
Skills & Tech Stack
Backend
- TypeScript / Node.js
- NestJS
- Express
- Laravel
- TypeORM / Sequelize
- MySQL / PostgreSQL
Frontend
- React / Next.js
- Vue.js
- Nuxt.js
- Tailwind CSS
- HTML5 / CSS3
- Accessibility
- Live2D / pixi.js
Infrastructure
- AWS (Lambda, ECS, S3, RDS)
- Docker / Kubernetes
- Terraform
- CI/CD (GitHub Actions)
Tools & Others
- Git / GitHub
- ESLint / Prettier
- Jest / Vitest
- GraphQL / REST API
- Linux / Bash
- Python
- LINE Messaging API
Projects & Case Studies
Glänz Futsal Club 公式サイト構築（品川区MENS/MIXリーグ）
東京・品川区を拠点に、MENS／MIXカテゴリーでリーグ戦や交流試合に参戦するGlänz（グレンツ）フットサルクラブの公式Webサイトを、Next.js + Tailwind CSSでフルスクラッチ構築。クラブ概要、選手・スタッフ紹介、最新ニュース、試合スケジュール、過去試合結果マッチレポートを個別ページとして整備し、Firebase Firestoreによるリアルタイムデータ管理＆更新機能を導入。Vercelにデプロイして、検索流入からの回遊率を大幅に向上させました。
リアルタイムチャットアプリ
React + Socket.IO + Node.js でリアルタイムチャットを構築。メッセージの暗号化、オフラインメッセージキュー、リッチテキスト機能を実装。
Live2D Overlay Portfolio
Next.js + pixi.js (pixi-live2d-display) を用いて構築した配信オーバーレイ UI。リアルタイムコメント連携、3D ハートパーティクル演出、可愛いパステルデザインを実装し、Vercel へプリビルドデプロイも自動化。
Udemy ブロックチェーン学習アプリ
Udemy の講座を元に開発したブロックチェーンベースアプリ。Ethereum + Web3.js でスマートコントラクトを操作し、トークントランザクション機能を実装。
astryllune-app
astryllune-app は、Next.js（App Router）、TypeScript、Tailwind CSS、shadcn/ui を用いて構築されたシンプルな株式ダッシュボードアプリケーションです。ユーザーの保有株一覧、資産サマリー、銘柄ごとの詳細テクニカル指標と売買戦略プランナーを、再利用可能なコンポーネントとして提供します。また、Python (yfinance) を使った株価チャートの自動取得・可視化機能を実装可能で、LINE Bot と連携した通知機能にも対応しています。
icarionart-app
ギャラリーサイトを、Next.js + TypeScript + Tailwind CSS でゼロから構築。作品一覧ページは CSS グリッドと Intersection Observer API を活用した無限スクロールを実装し、高品質な作品画像は Cloudinary で管理。Lightbox によるモーダル表示、Framer Motion を使ったアニメーション、画像最適化とレスポンシブ対応を実現。Vercel へデプロイし、パフォーマンスと SEO を徹底強化しました。
Contact ＆ Inquiry
ご依頼やお見積り希望はお気軽にご連絡ください。ポートフォリオやGitHubもぜひご覧ください。