Moto Livery(バイクのデカールエディタ)開発
期間
2026年9月 〜 現在
業務内容
wno.jp/moto-livery ・Blender で車体を 3D モデリングし、パネルごとに UV 展開 ・fabric.js の UV アトラスを three.js でテクスチャマッピング ・レイキャスティングの交点 UV で、3D 操作を 2D 変形へ変換 ・UV の反転補正で、反転パネルも展開図と 3D を一致 ・画像を減色・輪郭追跡・曲線フィッティングでベクター化 ・アトラスから印刷 PNG・カット SVG・塗装の色分解を出力
ツール
React 19、Next.js 16、TypeScript、TailwindCSS、fabric.js、Three.js、Blender、Vitest、Playwright、Claude Code
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
NECTRON(ルアーの泳ぎを計算で見比べるサービス)開発
期間
2026年9月 〜 現在
業務内容
wno.jp/nectron ・Blender でルアーを 3D モデリングし、実物の寸法と照合 ・流体力と重力を運動方程式で数値積分し、姿勢と潜行深度を計算 ・公表値との誤差で検証し、three.js で泳ぎを再現・比較
ツール
React 19、Next.js 16、TypeScript、TailwindCSS、Three.js、Blender、Vitest、Claude Code
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
電気設備積算SaaSのCanvas図面エディタ開発
期間
2025年11月 〜 2026年8月
業務内容
電気設備図面(PDF)から AI がシンボル・配線を認識し積算数量を自動集計する建設業向け SaaS。フロント・バックエンド・DB 移行・リリース運用まで一貫して担当。 フロントエンド ・独自 Canvas から Fabric.js へ図面エディタを全面移行 ・描画/選択/移動/回転とズーム連動ラベルの共通基盤 ・操作モードの排他制御、モードごとのファイル分離 ・配線の一括変更と操作履歴、PDF / CSV 出力、ハイライト連携 バックエンド ・建物全体の集計ロジックを backend のドメインサービスへ移管
ツール
React 19、Next.js 16、TypeScript、fabric.js、TailwindCSS、Python 3.13、FastAPI、SQLAlchemy、Alembic、MySQL、GCP、Claude Code
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
ポートフォリオサイト機能追加
期間
2025年4月 〜 2025年10月
業務内容
・【NEWコンテンツ】キキキ ・アカウント管理 ・管理画面 ・3Dコード汎用化 ・【Newコンテンツ】実績 ・セクションスクロール ・絞り込み ・のみたがりコンテンツ追加 ・トップページ ・お酒一覧 ・規約 ・罰ゲーム ・スワイプナビゲーション
ツール
TypeScript、TailwindCSS、SVG、GSAP、Prisma、Supabase、Blender、React 18、Next.js 14、Vitest、Playwright、WebGPU、Three.js、Claude Code
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
美容院予約サイトのメディア媒体開発
期間
2024年11月 〜 2025年3月
業務内容
・Wordpressグーテンベルグのブロック開発 ・デザイン改善 ・ページネーション改善 ・関連記事の精度向上施策
ツール
React 18、Next.js 15、TypeScript、TailwindCSS、HeadlessWordpress、GraphQL、Docker
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
ポートフォリオサイト開発
期間
2024年5月 〜 2024年9月
業務内容
・WebGPUを用いた3D空間の演出を実装 ・WebGPUが実行できない環境の場合、Three.js(WebGL)で3D空間の演出 ・以前作ったコンテンツ「のみたがり」の一部機能をNext.js+Prisma+Supabaseで実装 ・お問い合わせ実装
ツール
WebGPU、Three.js、React 18、Next.js 14、TypeScript、TailwindCSS、Prisma、Supabase、AWS、Vercel
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
アニメーション、3D演出の実装
期間
2022年11月 〜 2023年5月
業務内容
アニメーション ・GSAP.ScrollTrigger ・GSAP.ScrollSmoother ・GSAP.Observer ・GSAP.Draggable 3D ・モデル描画 ・GSAPタイムラインを使用したアニメーション
ツール
React 17、TypeScript、TailwindCSS、GSAP、Three.js、Blender、SVG
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
SNS+表情分析サービス開発
期間
2021年11月 〜 2022年3月
業務内容
インフラ AWSを使用したサーバレス構成 アプリ ・アカウント登録実装 ・ログイン実装 ・マイページ実装 ・カクテル投稿の作成、閲覧、編集、削除 ・カクテル検索実装 ・表情分析実装 ・課金実装 ・お問い合わせ実装 ・お知らせ実装
ツール
Laravel 8、React 17、TypeScript、TailwindCSS、Docker、AWS、Stripe
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守