¶ KeybordStudio V1 へようこそ!!
¶ ブラウザひとつで、自作キーボードのすべてを設計する。
KeybordStudio は、ブラウザ上で動作する自作キーボードのトータル設計スタジオです。
Keycap Generator の正統進化版として、キーキャップ単体の設計に加え、ケース本体（Body）・2D配列（Layout）・PCB設計・キーマップまで、5つのスタジオを統合しました。
アイデアからスライサーへ送れる 3MF / STL ファイルまで、ブラウザを閉じることなく一気通貫で完成させられます。
¶ 💡 インストール不要・サーバーレス
クライアントサイド JavaScript のみで構築されています。
| 項目 | 内容 |
|---|---|
| Serverless | 全ての3D形状生成・CSG演算・メッシュ修復がブラウザ上で完結 |
| Cross-Platform | Windows / Mac / Linux、ブラウザがあれば即座に設計・エクスポート可能 |
| Local-First | フォント・SVG・ギャラリー・AMS設定・プロジェクトはブラウザ内 (IndexedDB / localStorage) に保存 |
| 3MF直書き出し | スライサーへ送る 3MF にAMSスロット・色情報・部品名を埋め込み |
¶ 🏗️ 5つの統合スタジオ
KeybordStudio V1 は単一のSPAの中で、5つのスタジオを切り替えながら設計を進めます。
作業順は Layout → Body → Keycap → PCB → Export が推奨ワークフローです。
¶ 📐 Layout Studio
2Dパラメトリックでキースイッチを並べる、すべての始まり。
- 1U〜7U、ロータリーエンコーダ、スタビライザー、ネジ穴の配置
- KLE Raw Data の直接インポート
- 直線・矩形・円・多角形・ベジェ曲線によるケース外形の編集
- レイヤーシステム、フィレット、Gumball変形
- DXF エクスポート (PCB/プレートCNC加工用)
¶ 🧱 Body Generator
Layout の配列をもとに、3Dケースを自動生成。
- レイアウトプリセット: 60% / 65% / 75% / TKL / Full / 40% / Alice / Macro / 1800
- マウント方式: トレイマウント / ガスケットマウント
- ベゼル幅・コーナーR・面取り・壁厚・プロファイル (High/Low) の数値調整
- エルゴノミクス: 傾斜角・ネガティブティルト・コンフォートエッジ・段階式フィート
- USB-C / Mini USB のポジション、エンコーダー、OLED、三脚マウント
- 上面・側面・底面への文字 / SVG 刻印
- AMS マルチカラー: トップ・ボトム・プレート・ラバーパッド・フィートに別エクストルーダー
- PCB 3D モデル import + 衝突チェック / 任意位置の断面表示
¶ 🎹 Keycap Studio
Keycap Generator V68.1 の全機能をそのまま継承。
- プロファイル: Cherry / OEM / SA / XDA / DSA / Custom
- 多様な軸: Cherry MX / Alps / Kailh Choc / Topre
- ダブルショット, Engrave, Lithophane, Emboss
- ISO Enter, 多角形, 星型, 円形
- フローティング HUD・ガムボール・ビューキューブ・ギャラリー
- スプルキット (Standard / CSK)・公差テストキット
- 24色 AMS 完全連携・スライサーブリッジ・FontEngine3D
¶ 🔌 PCB Studio
Layout から QMK/ZMK 互換の PCB 設計データを生成。
- スイッチ配置に追従した PCB 外形
- ダイオード・MCU フットプリント
- マトリクス自動配線
- KiCad / Gerber 互換出力 (実験的)
¶ ⌨️ Keymap Studio
ファームウェアに読み込めるキーマップを編集・書き出し。
- QMK / VIA / ZMK 互換
- レイヤー管理 (Default / FN / Macro)
- マクロ編集
- JSON エクスポート
¶ 🌍 共通機能
| 機能 | 内容 |
|---|---|
| 多言語UI | 日本語 / English のリアルタイム切替 |
| 動画付ヒント | 各パラメータにツールチップ動画を内蔵 (videos/) |
| MeshFixLib | 独自WASMライブラリで非多様体エッジを多段修復 (標準→強化→ボクセル再構築まで) |
| Slicer Bridge | BambuStudio / OrcaSlicer へワンクリック転送、フィラメント自動検出 |
| 24色AMS対応 | AMS 16色 + AMS HT 8色 の合計24色までサポート |
| 3D Font Engine | TTF / OTF / CFF / CFF2 / WOFF をブラウザで直接パース |
| Wiki Capture | アプリ内のUI要素を直接キャプチャ → ZIPダウンロード |
| プロジェクトファイル | .kbsproj で全スタジオの状態を1ファイルにバックアップ |
| クロスセクション | Body の任意位置を断面表示、組立検証に有効 |
¶ 🗺️ ワークフロー (推奨)
① Layout Studio
配列を決める ──→ KLE import / 手動配置
↓
② Body Generator
ケース外形・マウントを設計
↓
③ Keycap Studio
キーキャップを単体 or 配列ビューで設計
↓
④ PCB Studio
PCB データを生成
↓
⑤ Export
3MF / STL / OBJ / DXF / Gerber を出力
↓
Slicer Bridge で BambuStudio / OrcaSlicer に直接転送
¶ 📺 デモ動画
(準備中)
¶ 📖 次のステップ
- クイックスタートガイド — はじめての設計
- 機能リファレンス — 全パラメータの解説
- 応用テクニック — 複合機能を使った設計例
- 推奨プリンター・出力サービス — 何で印刷するか
- 関連ツール — Slicer Bridge など
- 更新履歴 — バージョンごとの変更内容