インフラ
ホスティング構成、デプロイ、ストレージ、SSL、ヘルスチェック、混雑時キューなど運用基盤の設計。
Technical Background · AI-assisted
Tb Garage の
技術背景
ガレージで試作した Web SaaS と基板（PCB）の設計方針・スタック・運用の概要です。 設計から実装・UI・回路定義まで、製作の中心は AI アシストです。
AI による製作 — Tb Garage の Web SaaS と基板（PCB）は、要件整理・設計・コーディング・回路定義・UI 文案・ブランド画像まで、
AI アシストを主軸に制作しています。
公開前後に人手でレビューと改善を重ね、小さく素早く届ける体制です。
専門領域
オペレーター（柳澤 孝幸）の強みは、画面作りよりインフラとサーバー側の設計・実装です。 業務要件をどうシステムに落とすか — バックエンドと Middle 層を中心に組み立てます。
業務（ビジネスロジック）
せどり・出品支援など現場の業務フローを要件化し、プラン制限・履歴・相場取得のルールに落とし込む。
バックエンド
PHP API、ファイルストレージ、DB 連携、外部 API（楽天等）、認証・セッションのサーバー側処理。
Middle
テナント判定、Vision キュー、レート制御、匿名セッション、データ変換 — フロントと基盤の間の中間層。
基板（PCB）
tscircuit による回路・フットプリント定義、JLCPCB/LCSC 向け BOM、車載電源・CAN ノード・M5Stack 拡張など — AI アシストで設計。
設計方針
Tb Garage は「完璧な大型リリース」より、AI と人の協業で小さく作り、改善を重ねるスタイルです。
AI アシスト開発
設計・実装・デバッグ・ドキュメントを AI と協業。オペレーターが要件と品質を握り、反復を速くします。
モバイルファースト PWA
店舗・現場で使うツールはスマホ Safari から。ホーム画面追加でアプリに近い体験を目指します。
登録不要で試せる
ポートフォリオ公開では、まず匿名でデモ利用できる構成を優先します（Cookie ベースのセッション履歴）。
コストを意識した運用
画像解析は自前 Vision パイプラインを活用。外部 API は必要な範囲に限定します。
AI 製作の範囲
プロダクト開発
- 要件整理・基本設計のドラフト
- PHP / JS / CSS の実装支援
- バグ調査・リファクタリング
- 利用規約・ヘルプ文案の起草
ビジュアル · ブランド
- ランディング UI の構成案
- プロフィール · ヘッダー画像の生成
- ロゴ · アイコンのラフ案
- ポートフォリオ用コピー
基板 · ハードウェア
- tscircuit 回路定義（
*.circuit.tsx） - 部品選定 · LCSC import · ネット設計
- README · 設計ブリーフの起草
- KiCad / Gerber エクスポート手順の整備
スタック概要
クライアント
- HTML / CSS / 素の JavaScript
- PWA（manifest · service worker）
- カメラ撮影（getUserMedia）
- レスポンシブ UI
サーバー
- PHP 8（共有ホスティング）
- ファイルベースの匿名ストレージ（apex）
- 混雑時の Vision キュー制御
- ヘルスチェック API
AI · データ
- 商品画像の Vision 解析
- 商品名・キーワード・値札価格（推定）
- セッション履歴（ブラウザ紐付け）
- 楽天 Ichiba API による相場一覧
外部連携
- 楽天ウェブサービス（相場・クレジット表記）
- EC 検索ディープリンク（楽天・メルカリ・ヤフオク等）
- Google OAuth（将来のログイン拡張用）
プロダクト別
せどりスキャン
sedori.biz — AI 画像解析 · 楽天相場 · セッション履歴 · Tb Garage 名義で公開中。
compressor.click
ヤフオク向けオークタウン一括出品 ZIP。静的フロント + 管理画面構成。
CAD / tscircuit（基板設計）
車載電源 · CAN センサー · M5Stack Core2 拡張など。ローカル作業用 — 回路からドキュメントまで AI アシストで製作。
ブランド · ビジュアル
Tb Garage のビジュアルは ガレージ × 機械 をモチーフにしています。
スーパーチャージャーのコンプレッサーは「圧縮・加速」のメタファーとして、
compressor.click やポートフォリオ表記に使っています。
- カラー: ダークスレート + アンバー（#f59e0b）
- トーン: 明るめのグレー背景 · 読みやすさ重視
- 用途: X プロフィール · ヘッダー · ポートフォリオ紹介