期間

2026年9月 〜 現在

業務内容

wno.jp/nectron ・Blender でルアーを 3D モデリングし、実物の寸法と照合 ・流体力と重力を運動方程式で数値積分し、姿勢と潜行深度を計算 ・公表値との誤差で検証し、three.js で泳ぎを再現・比較

ツール

React 19、Next.js 16、TypeScript、TailwindCSS、Three.js、Blender、Vitest、Claude Code

担当工程

期間

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

担当工程

期間

2023年9月 〜 2024年2月

業務内容

Three.js ・オブジェクト読み込み ・レイキャスターによるオブジェクト選択 ・オブジェクトの表示/非表示 ・オブジェクトの表示色変更 ・カメラ位置変更とズーム ・オブジェクトの重ね合わせ 　・座標系：数学座標系、測量座標系 　・高さ軸：Y軸、Z軸 　・水平方向の位置向き：平面直角座標系合わせ、X座標、Y座標、回転角度 　・高さ方向変更：基準標高合わせ、Z座標 React ・オブジェクト操作による情報のだし分け

ツール

React、TypeScript、Three.js

担当工程

期間

2023年6月 〜 2023年8月

業務内容

・バックエンドから座標値を受け取り、線オブジェクトまたは多角形オブジェクトとして図形を描画し、座標値の状態管理をする。 ・ユーザー操作によって描画した図形の角度、位置、大きさの編集を可能にする。 ・２枚の画像を隣り合わせに並べ、一枚の画像を出力する。隣り合わせに並べる作業はユーザー操作で行う。隣り合わせに並べる際の微調整は煩わしいのでオブジェクト同士が近づくと自動で並ぶようにする。 ・ユーザーが座標値を入力し、それに伴う図形を描画する。尚、いかなる座標値が入力されてもcanvasサイズは固定で、オブジェクトの大きさを自動調整すること。

ツール

React、TypeScript、fabric.js

担当工程

期間

2022年11月 〜 2023年5月

業務内容

アニメーション ・GSAP.ScrollTrigger ・GSAP.ScrollSmoother ・GSAP.Observer ・GSAP.Draggable 3D ・モデル描画 ・GSAPタイムラインを使用したアニメーション

ツール

React 17、TypeScript、TailwindCSS、GSAP、Three.js、Blender、SVG

担当工程

期間

2022年4月 〜 2022年10月

業務内容

・既存機能の運用保守 ・GraphQLリクエスト設計

ツール

React、Redux、Express、Prisma、GraphQL

担当工程

期間

2021年11月 〜 2022年3月

業務内容

インフラ AWSを使用したサーバレス構成 アプリ ・アカウント登録実装 ・ログイン実装 ・マイページ実装 ・カクテル投稿の作成、閲覧、編集、削除 ・カクテル検索実装 ・表情分析実装 ・課金実装 ・お問い合わせ実装 ・お知らせ実装

ツール

Laravel 8、React 17、TypeScript、TailwindCSS、Docker、AWS、Stripe

担当工程