egmalt/house-planner

実寸2D平面図・3D プレビュー・衛星画像・設備配管・見積を備えた家の設計ツール(PHP ホスティング対応)

完成アプリ自由に使える · MIT企画・設計TypeScript難易度
330+35今週0 保存
33フォーク1Issue

中辛 の解説

家の間取り・設備配置・見積を一つのツールで管理する設計支援アプリです。ユーザーが壁・開口部・設備を 2D エディタで描くと、3D モデルが自動生成され、衛星画像との合成表示で敷地への配置を検証できます。電気・給水・下水・床暖房の各ネットワークは専用のレイヤーで編集でき、配管長や回路負荷を計算して見積に反映します。計画ファイルは JSON 形式で自社サーバーに保存され、毎回の変更がバージョン管理されるため復元可能です。Docker で即座に起動するか、ローカル開発環境(Node.js 22・PHP 8.1+)で実行でき、本番環境では npm run build で生成した dist/ フォルダを FTP でアップロードするだけです。

こんなリポジトリです

こんなときに便利です

  • 個人住宅の新築・リノベーション計画を 2D・3D で可視化し、敷地配置と内部レイアウトを検証する
  • 電気・給排水・床暖房の配管ルートを層ごとに編集し、材料費と施工数量を自動計算する見積書を生成する
  • 平面図を JSON で編集し、AI アシスタントと対話して間取り修正や配置提案を受け取る

主な機能

実寸ミリメートル単位の 2D 平面図エディタ(壁厚・開口部・家具カタログ対応)3D 立体表示と衛星画像オーバーレイによる敷地確認電気・給水・下水・床暖房の配管設計レイヤーと自動見積計算

ほかとの違い

単一 JSON ファイルで平面図・配管・見積を一元管理でき、LLM との対話編集に対応する設計支援ツールとしては、PHP 8.1 のみで自社サーバーに設置できる軽量性が利点です。

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • Docker(またはローカル開発環境の場合 Node.js 22・PHP 8.1+)
  • Apache または LiteSpeed(自社サーバー設置時)

すぐに始める

  1. リポジトリをクローンして Docker コンテナを起動します。
git clone https://github.com/egmalt/house-planner.git
cd house-planner
docker compose up -d --build
  1. ブラウザで http://localhost:8080/ を開き、セットアップウィザードでパスワードを設定します。

  2. またはコマンド実行時にパスワードを指定する場合:

HOUSE_PASSWORD='long-password' docker compose up -d --build
  1. 開発環境の場合、Node.js 22 と PHP 8.1+ をインストール後、ターミナル 1 で API サーバーを起動します。
npm i
npm run dev:api
  1. ターミナル 2 で開発サーバーを起動します。
npm run dev
  1. http://localhost:5173/api/setup.php を開いてパスワード設定後、http://localhost:5173/ で編集を開始します。

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try egmalt/house-planner

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

330+35 / 7日

確認日時

使いやすさ · まねしやすいか

サンプル評点 34/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2026 年に作成

「企画・設計」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/egmalt/house-planner.svg)](https://www.gitbap.com/r/egmalt/house-planner)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る