Bygga：イケアの紙の説明書を対話型3Dアニメーションに変えるオープンソースツール

Bygga は、わかりにくいイケアの紙の組み立て説明書を、ブラウザ上で 360 度回転・確認できる対話型 3D アニメーションへ変換するオープンソースの Web アプリです。作業中に「次へ」と声で指示してページをめくることもできます。

イケアの家具を組み立てたことがある人なら、白黒の平面図と格闘し、板の裏表やネジ穴の位置を見誤って最初からやり直した経験が一度はあるはずです。Bygga は、製品名や箱に記載された商品番号を入力するだけで、公式説明書の線画スタイルそのままの 3D ガイドを画面上に再現してくれます。

何ができるのか

現在、本棚や収納キャビネット、テーブル、ベッド、チェア、ソファなど、英米ラインナップの 1,171 製品、2,180 サイズに対応しています。Three.js による線画エンジンとパラメトリック設計により、主要な製品データはブラウザ側でオフライン生成されます。Service Worker にも対応しているため、電波の届きにくい部屋でも問題なく動作します。

さらに便利なのがハンズフリー操作です。Kokoro で事前録音された 1,476 本の音声クリップが手順を読み上げてくれるほか、エコーキャンセラー付きのマイクで利用者の音声を認識します。ネジ締めや板の固定で両手が塞がっていても、「next」と発声するだけで自動的に次の手順へと進みます。

未収録の製品については、ユーザー自身の Together AI API キーを設定することで、紙の説明書の撮影画像から AI がガイドの下書きを解析・生成します。組み立てに迷った際は、該当する板や金具、作業ステップを AI が描画して教えてくれるヘルプチャットも利用可能です。

動かし方

開発者の Nutlope 氏によって公開され、MIT ライセンスで提供されています。Next.js 16、React 19、TypeScript、Three.js を採用したモダンで無駄のない構成です。

ローカルで試す場合は、リポジトリをクローンして npm install を実行し、npm run dev で立ち上げるだけです。特定ステップへの直接アクセスや A4 印刷用レイアウト、組み立てた家具を実寸大で並べて見渡せる画面も備わっています。また、環境構築なしですぐに使えるオンライン版（usebygga.com）も用意されています。

現時点の制限として、三角形状の変形シェルフや一部の PAX シリーズなど特殊なパーツ構成は自動生成から除外されています。また音声機能は英語のみの対応となっており、説明書スキャナー機能の精度向上も進行中です。

なぜ重要か

Bygga は、日常の具体的な不便を優れた設計で解消した実用的なプロジェクトです。過度な AI のギミックに頼るのではなく、オフラインで動く軽量な 3D 描画と音声認識を組み合わせることで、家具の組み立てという泥臭い作業を快適にしています。

新生活や模様替えで家具を組み立てる予定があるなら、迷わずブックマークしておく価値があります。図面の読み間違いによる手戻りを減らし、作業ストレスを確実に軽減してくれるはずです。