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
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
電気設備積算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
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守
座標値に基づいた2D図形の描画と編集
期間
2023年6月 〜 2023年8月
業務内容
・バックエンドから座標値を受け取り、線オブジェクトまたは多角形オブジェクトとして図形を描画し、座標値の状態管理をする。 ・ユーザー操作によって描画した図形の角度、位置、大きさの編集を可能にする。 ・２枚の画像を隣り合わせに並べ、一枚の画像を出力する。隣り合わせに並べる作業はユーザー操作で行う。隣り合わせに並べる際の微調整は煩わしいのでオブジェクト同士が近づくと自動で並ぶようにする。 ・ユーザーが座標値を入力し、それに伴う図形を描画する。尚、いかなる座標値が入力されてもcanvasサイズは固定で、オブジェクトの大きさを自動調整すること。
ツール
React、TypeScript、fabric.js
担当工程
要件定義
基本設計
詳細設計
実装
テスト
運用保守