CINXE.COM

<!doctype html><html lang=ja><head><script async src="https://www.googletagmanager.com/gtag/js?id=G-VMNBGFDWVD"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-VMNBGFDWVD")</script><meta charset=UTF-8><meta name=viewport content="initial-scale=1"><title>ソフトウェアエンジニア、家を建てる - ここぽんのーと</title> <link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link rel=preload as=style href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap" onload='this.onload=null,this.rel="stylesheet"'><noscript><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap" rel=stylesheet></noscript><link rel=stylesheet href=/assets/css/bundle.css?202502251031><link rel=canonical href=https://cocopon.me/blog/2022/05/myhome/><meta property="fb:app_id" content="175163955957178"><meta name=description content="こんにちは、ソフトウェアエンジニアが家を建てる話が大好き人間です。これまでは他人事として記事を楽しんできたわけですが、とうとう自分も家を建てることになりましたので、同志のために記録を残します。"><meta property="og:description" content="こんにちは、ソフトウェアエンジニアが家を建てる話が大好き人間です。これまでは他人事として記事を楽しんできたわけですが、とうとう自分も家を建てることになりましたので、同志のために記録を残します。"><meta property="og:image" content="https://cocopon.me/data/blog/2022/05/myhome/layout-3d.jpg"><meta property="og:title" content="ソフトウェアエンジニア、家を建てる - ここぽんのーと"><meta property="og:type" content="website"><meta property="og:url" content="https://cocopon.me/blog/2022/05/myhome/"><meta name=twitter:card content="summary_large_image"><meta name=twitter:site content="cocopon"><meta name=twitter:title content="ソフトウェアエンジニア、家を建てる - ここぽんのーと"><meta name=twitter:description content="こんにちは、ソフトウェアエンジニアが家を建てる話が大好き人間です。これまでは他人事として記事を楽しんできたわけですが、とうとう自分も家を建てることになりましたので、同志のために記録を残します。"><meta name=twitter:image content="https://cocopon.me/data/blog/2022/05/myhome/layout-3d.jpg"></head><body><script src=/assets/js/bundle.js?202502251031 defer></script><header class=common-globalHeader><div class=common-globalHeader_body><a class="common-globalHeader_logo bouncy" href=/blog/ aria-label=/blog/><div class=common-logo><div class=common-logo_image><svg><use href="/assets/img/common/logo-global-header.svg#logo"/></svg></div><div class=common-logo_indicator><div class="common-logo_level common-logo_level-active"></div><div class="common-logo_level common-logo_level-active"></div><div class=common-logo_level></div></div></div></a><div class=common-globalHeader_menu><ul class=common-globalHeaderMenu><li class=common-globalHeaderMenuItem><div class=common-globalHeaderMenu_searchContainer></div></li><li class=common-globalHeaderMenuItem><a class="common-globalHeaderMenuItem_anchor bouncy" href=/works/><div class=pxtx>Works</div></a></li><li class=common-globalHeaderMenuItem><a class="common-globalHeaderMenuItem_anchor bouncy" href=/blog/><div class=pxtx>Blog</div></a></li><li class=common-globalHeaderMenuItem><a class="common-globalHeaderMenuItem_anchor bouncy" href=/about/><div class=pxtx>About</div></a></li></ul></div></div></header><section class=common-page><header class=common-page_header><div class=blog-pageHeader><div class=blog-pageHeader_body><div class="blog-pageHeader_background lazy" data-bg=/data/blog/2022/05/myhome/layout-3d.jpg></div><div class=blog-pageHeader_text><h2 class=blog-pageHeader_title>ソフトウェアエンジニア、家を建てる</h2><div class=blog-pageHeader_date><div class=pxtx>2022-05-30</div></div></div></div></div></header><div class=common-page_content><section class=common-page_section><div class="common-page_body common-markdown"><p>こんにちは、ソフトウェアエンジニアが家を建てる話が大好き人間です。</p><p>これまでは他人事として記事を楽しんできたわけですが、とうとう自分も家を建てることになりましたので、同志のために記録を残します。</p><p>ちなみに、ちょうど同じ時期に家を検討することとなったKuniwak氏と協力しながら進めています。<a href=https://blog.kuniwak.com/entry/testman-and-my-home>彼の記事</a>も併せてどうぞ。</p><h1 id=目次>目次</h1><ul><li><a href=#lifeplan>とにもかくにもライフプラン</a></li><li><a href=#simulator>ライフプランシミュレーターを内製する</a><ul><li>重要な指標はグラフで可視化</li><li>家計簿と連携して高速にPDCAを回す</li></ul></li><li><a href=#loan>住宅ローンについて学ぶ</a></li><li><a href=#choices>新築 /中古？マンション／戸建て？建売／注文住宅？</a></li><li><a href=#flow>家づくりの大まかな流れを把握する</a><ul><li>書籍で流れを掴む</li><li>Scrapboxで情報整理</li></ul></li><li><a href=#concept>家のコンセプトを定める</a></li><li><a href=#maker>ハウスメーカーを選定する</a><ul><li>有名なメーカー、隠れたメーカー</li><li>実体験は説得力がある</li></ul></li><li><a href=#land>土地を探す</a><ul><li>土地の災害耐性</li><li>土地の将来性</li><li>土地は自力で探し出す</li><li>Blenderで日照シミュレーション</li><li>よい土地を見つけたら光の速さで</li></ul></li><li><a href=#floorplan>間取りを考える</a><ul><li>間取りの基礎を身につける</li><li>2次元で間取りを考える</li><li>3次元で日照や間取りをシミュレートする</li><li>VRでリアルなサイズ感を把握する</li></ul></li></ul><h1 id=lifeplan>とにもかくにもライフプラン</h1><p>賃貸にせよ持ち家にせよ、<strong>ライフプラン（≒人生とそれに伴うお金の計画）のシミュレーションをやっておくのが本当におすすめ</strong>で、これは早ければ早いほどよいです。うちのケースでは、</p><ul><li>想像以上に老後がきつく、舵取りを間違えるとすぐ破産する</li><li>コストだけをみるならば、70代あたりが賃貸と持ち家の損益分岐点になる（※年齢などの条件により異なるけれども）</li></ul><p>といった知見が得られました。思い込みは怖いですね。</p><p>ライフプランについては、自分の場合はハウスメーカーが紹介してくれたライフプランナーに診断してもらいましたが、そのあとセカンドオピニオンとして、<a href=https://www.suumocounter.jp/>スーモカウンター</a>を利用してオンラインでも診てもらいました（無料<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>）。</p><h1 id=simulator>ライフプランシミュレーターを内製する</h1><p>そして、それらの診断結果をモデルケースとして、ライフプランシミュレーターを内製しました。それほど複雑な計算は必要ないため<a href=https://sheets.google.com/>Google Sheets</a>を利用しています。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/lifeplan-table-0.jpg loading=lazy alt><div class=figure_title>内製のライフプランシミュレーター（数値はダミーですが一応ぼかし）</div></figure><p>ちなみに、時間軸は縦方向にしておくほうが、視点の動きが少なくなって見やすいうえ、各種データとの連携も取りやすくなるのでおすすめです<sup id=fnref:2><a href=#fn:2 class=footnote-ref role=doc-noteref>2</a></sup>。</p><p>支出については、プランの精度を高めるためにカテゴリーで細分化して検証します。既成の家計簿をいくつか眺めてみるとわかりますが、支出の分類方法は先人によって研究され尽くしているのか、それほど差がありません。適当なものを土台に、自身の人生に合ったカスタマイズを加えるとよいでしょう。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/lifeplan-table-1.jpg loading=lazy alt><div class=figure_title>支出のカテゴリー例</div></figure><h2 id=重要な指標はグラフで可視化>重要な指標はグラフで可視化</h2><p>数値が揃えばグラフが作れます。年ごとの収支や貯蓄はライフプランを見る上で重要な指標となるので、ライフプランナーが提示してくれる資料を参考に可視化しました。</p><figure class="figure figure-multiple figure-margin"><div class=figure_items><div class=figure_item><img class=figure_image src=/data//blog/2022/05/myhome/lifeplan-0.jpg loading=lazy alt></div><div class=figure_item><img class=figure_image src=/data//blog/2022/05/myhome/lifeplan-1.jpg loading=lazy alt></div></div><div class=figure_title>重要指標の可視化例（左：収支、右：貯蓄）</div></figure><p>ライフプランナーはプロですが、顧客の人生の責任を負ってくれるわけではありません。提示してくれた結果の数値だけをブラックボックス的に信頼するのは危険です。実際のところ、内製したことで発覚した計算ミスや想定違いがそこそこありました。</p><p>シミュレーターを内製するメリットはたくさん挙げられますが、内製の過程で数値の根拠を理解することになるので、自然と人生設計が自分ごとになったのが一番の収穫だったのかもしれません。</p><h2 id=expenses>家計簿と連携して高速にPDCAを回す</h2><p>ライフプランは作りっぱなしでは意味がありません。計画どおりに進んでいるかどうか、定期的な確認（Check）と見直し（Action）が重要です。</p><p>我が家は家計簿もGoogle Sheetsで管理しています。すべての支出は<a href=https://moneyforward.com/>Money Forward</a>で管理され、月々のデータはCSV形式で家計簿にインポートできるようになっているのですが、この家計簿に手を加え、月毎にライフプランとの比較ができる仕組みを整えました。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/expenses-comparison.jpg loading=lazy alt><div class=figure_title>家計簿とライフプランとの比較（月次）</div></figure><p>さいきんの家計簿サービスは高機能なので、こんな面倒なことなんかせずに収支のすべてをサービス側で管理してもらう…という選択肢もあるとは思います。</p><p>しかしながら、家計簿をつけ続ける数十年という時間の長さを考えると、一企業によって提供される機能特化のサービスにすべてを依存するのは不安です。汎用的な表計算機能の上に本丸を構え、サービスとの境界はCSVで薄く接続するほうが、時代の変化に柔軟に対応していけるのではないかと判断しました<sup id=fnref:3><a href=#fn:3 class=footnote-ref role=doc-noteref>3</a></sup>。</p><h1 id=loan>住宅ローンについて学ぶ</h1><p>ライフプランに欠かせないのが住宅ローン。どこで借りればよい？借りる額の目安は？変動金利と固定金利はどちらを選ぶべきか？元利均等／元金均等って何？…わからないことだらけです。</p><p>これらの疑問を解消するにあたり、千日太郎氏の書籍がたいへん参考になりました。自分はお金の話が大の苦手で、氏の本がなければ何も決断できず、心が折れていたかもしれません…。</p><p>まずは『<a href=http://www.amazon.co.jp/gp/product/4534055595/>家を買うときに「お金で損したくない人」が読む本</a>』を読んで、住宅ローンを中心とした周辺の基礎知識を学びました。</p><div class=amazon><a class=amazon_anchor href=http://www.amazon.co.jp/gp/product/4534055595/ target=_blank><div class=amazon_text><div class=amazon_title>家を買うときに「お金で損したくない人」が読む本</div></div><img class=amazon_image src=https://images-na.ssl-images-amazon.com/images/P/4534055595.09.LZZZZZZZ.jpg alt></a></div><p>それでも住宅ローンを借りる直前になって不安が募ったため、続編である『<a href=http://www.amazon.co.jp/gp/product/4534057539/>住宅ローンで「絶対に損したくない人」が読む本</a>』を読んで仕上げました。</p><h1 id=choices>新築 /中古？マンション／戸建て？建売／注文住宅？</h1><p>さて、ひとことで「家を買う」といってもさまざまな選択肢があります。新築／中古、マンション／戸建て、建売／注文住宅…。その選択に正解はなく、住環境に何を求めるかによって異なりますが、うちの場合は</p><ul><li>実家がマンションだが、管理組合など運命共同体の仕組みが辛そうにみえた</li><li>建売は立地を重視する傾向があり、建物の性能に不安を感じた</li><li>自分の住環境を作るという、一生に一度あるかないかの体験をしてみたい（究極の創作）</li></ul><p>といった理由で、新築の注文住宅を選択しました。</p><h1 id=flow>家づくりの大まかな流れを把握する</h1><p>家の建築はまったくの未経験なので、まずはざっくりと全体の流れを掴むことにしました。</p><h2 id=書籍で流れを掴む>書籍で流れを掴む</h2><p>現代はインターネット経由で無限の情報にアクセスできますが、玉石混交なそれらの質を初学者が見定めるのは困難です。最初のうちは書籍でまとまった情報を得るのが効果的と考えています。</p><p>いくつかのレビューを参考に、こちらの本を選びました：</p><div class=amazon><a class=amazon_anchor href=http://www.amazon.co.jp/gp/product/4478007861/ target=_blank><div class=amazon_text><div class=amazon_title>マンガはじめて家を建てました!―いちばん最初に読む家づくりの入門書</div></div><img class=amazon_image src=https://images-na.ssl-images-amazon.com/images/P/4478007861.09.LZZZZZZZ.jpg alt></a></div><p>全編マンガで内容はざっくりとしていますが、大枠を掴むにはちょうどよい塩梅でした。例えば「<strong>ハウスメーカーを見学したときのアンケート用紙は気軽に書くべきではない</strong>」なんて話は、ハウスメーカー巡りをはじめる前に知っておきたかったですね…。行動をはじめる前に一定レベルの武装をしておくべきでした。</p><h2 id=scrapboxで情報整理>Scrapboxで情報整理</h2><p>学んだことは逐一<a href=https://scrapbox.io/>Scrapbox</a>にメモしていきました。雑にいうとWikiのような使い勝手のメモツールです。</p><figure class="figure figure-single"><img class=figure_image src=/data/blog/2022/05/myhome/scrapbox.jpg loading=lazy alt><div class=figure_title>家づくりの情報が詰まったScrapbox</div></figure><p>多くのメモツールはフォルダー階層で情報を整理していきますが、どう分類すればよいかまだ把握できていない未知の領域には不適です。その点、Scrapboxは整理しないままとにかく書き殴れますし、それでいてあとから自然とネットワーク構造が浮かび上がってくる不思議な使い心地があるので気に入っています。</p><h1 id=concept>家のコンセプトを定める</h1><p>家の建築は、決断すべきことが次から次へと無限に出てきます。迷ったときの指標となるコンセプトをひとことで定めておくと便利です。このあたりはデザイン業務と一緒。</p><p>ちなみにうちのコンセプトは、「フルリモートの共働き夫婦が、うさぎと長く暮らす家」です。少し分解すると、</p><ul><li>フルリモート共働き→作業部屋の充実</li><li>うさぎと暮らす→夏は涼しく冬は暖か</li><li>長く暮らす→災害に強い土地・建物、高い保守性、老後も機能する間取り</li></ul><p>これらが柱となります。そのほか、</p><ul><li>ゆとりある静かな環境が好き→郊外の土地、第一種低層住居専用地域</li><li>対面が当たり前の世界が戻ってくるかもしれない→都内に出られる駅徒歩・通勤時間</li><li>寒い時期は光合成したい→日当たり重視</li><li>…</li></ul><p>といったように、重きを置く要素を抽出しながら整理していきました。</p><h1 id=maker>ハウスメーカーを選定する</h1><p>コンセプトが定まったら、次はハウスメーカーの選定です。</p><p>ハウスメーカーはそれぞれ強みを持っています。木造が得意／鉄骨が得意、断熱性能がよい、耐震性が高い、間取りの自由度が高い、お洒落、コスパがよい、…などなど。カタログを取り寄せ、住宅展示場に赴き、価格帯やコンセプトのマッチ度を見ながら、条件を満たすハウスメーカーを選定していきました。</p><p>価格の面では、目に見えやすい初期コスト以外にも、建物や設備の保守コストがライフプランに大きく効いてきます。構造躯体や外壁、屋根やバルコニーの防水、換気系、太陽光パネルを採用するならバッテリー、パワーコンディショナーなどの電気系などなど…。何年ごとにどのくらい費用がかかるのか、インターネットで事例をあたったり営業さんに問い合わせたりして見積もりました。自信のあるメーカーほど具体的な数値が出てきますが、そうでないところは「まあ大丈夫じゃないですか？」みたいな曖昧な返答が多い印象でした。</p><p>また、重視する項目のひとつに保温性がありましたが、どうやら保温性能を高めるためには窓や断熱材の材質・厚みと気密性が重要らしいことがわかってきました。そして気密性を高めるならば、構造上は木造のほうが有利のようです。</p><h2 id=有名なメーカー隠れたメーカー>有名なメーカー、隠れたメーカー</h2><p>広告で名前を聞くような有名なハウスメーカーはたいてい近場に住宅展示場がありますし、インターネットでの情報も豊富なので雰囲気が掴みやすいです。</p><p>一方で、広報活動をあまりしていないメーカーや、地元密着型の堅実なメーカーも存在します。こういったメーカーに出会うことはなかなか難しいのですが、ここでもスーモカウンターが役に立ちました<sup id=fnref1:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup>。</p><p>こちらの要望をヒアリングした上でマッチ度の高そうなメーカーを紹介してくれるので、シンプルに打率が高いことに加え、対応してくれる営業担当が軒並み所長レベルの猛者ばかりで強いです。（なぜかというと、スーモ経由の流入が大きく、ここを逃すと内部の評価制度において大きな損失となるから気合いを入れているのだ…と話してくれました。なるほどですね）</p><h2 id=実体験は説得力がある>実体験は説得力がある</h2><p>うちは最終的に6社ほど巡りましたが、決め手となったのは実際に住んで暮らしている身内の体験談でした。気になるメーカーの家に住んでいる人が近くにいるなら、お邪魔して話を伺うのがもっとも説得力があってよいですね。</p><p>また、これは余談なのですが、「<strong>80歳を過ぎたあたりで階段の上り下りは四つん這いになるので、老後は1階のみで暮らせるように考慮しておくべき</strong>」といったリアルな声（怖い）も聞くことができ、やはり実体験に勝るものはないなあという気持ちになりました。</p><h1 id=land>土地を探す</h1><p>ハウスメーカーが決まったら土地選びです<sup id=fnref:4><a href=#fn:4 class=footnote-ref role=doc-noteref>4</a></sup>。</p><p>土地を選ぶ際にも、駅やコンビニまでの距離などなど膨大な数の評価軸がありますが、個人的に重視したのは<strong>災害耐性と将来性</strong>です。</p><h2 id=土地の災害耐性>土地の災害耐性</h2><p>国土交通省が公開している<strong>ハザードマップ</strong>を参照すると、過去の洪水履歴や地形分類による災害リスクなどを知ることができます。</p><div class=capturedPage><a class=capturedPage_anchor href=https://disaportal.gsi.go.jp/ target=_blank><div class=capturedPage_title>ハザードマップポータルサイト</div><div class=capturedPage_image><img src=/data/blog/captured-pages/disaportal-gsi-go-jp.png class=lazy alt></div></a></div><figure class="figure figure-single"><img class=figure_image src=/data/blog/2022/05/myhome/disaportal.jpg loading=lazy alt><div class=figure_title>洪水浸水想定区域の例（鎌倉駅付近）</div></figure><p>また、国土地理院の<a href=https://maps.gsi.go.jp/>地理院地図</a>を使うと、土地の高低差を3D表示で確認できます。</p><p><figure class="figure figure-single"><img class=figure_image src=/data/blog/2022/05/myhome/maps-gsi.jpg loading=lazy alt><div class=figure_title>地理院地図3Dに切り替えるメニュー</div></figure><figure class="figure figure-single"><img class=figure_image src=/data/blog/2022/05/myhome/maps-gsi-3d.jpg loading=lazy alt><div class=figure_title>高低差の3D表示の例（鎌倉駅）</div></figure></p><p>この3Dデータはダウンロードできるので、3Dモデリングソフトの<a href=https://www.blender.org/>Blender</a>に取り込んで水面を追加すれば、簡易的な洪水シミュレーションも可能になります。これは周囲の高低差のイメージを把握するのに役立ちました。</p><figure class="figure figure-single"><img class=figure_image src=/data/blog/2022/05/myhome/flood.gif loading=lazy alt><div class=figure_title>簡易的な洪水シミュレーションの例（鎌倉駅）</div></figure><p>災害は命の危険がありますし、金銭的な被害も大きくなり得ます。火災保険で補填されたとしてもほんの一部ですし、基礎がやられて建て直し…なんてことになればライフプランがめちゃくちゃになってしまうので、危険そうなエリアははじめから選択肢から除外しました。</p><h2 id=土地の将来性>土地の将来性</h2><p>将来性を考える上でまず考慮したのが<strong>用途地域</strong>です。土地にはそれぞれ用途が定められており、例えば「第一種低層住居専用地域」は良好な住環境を守るための地域であり、高層の建物や商業施設などが建てられない決まりとなっています。周辺環境を長期的に考えていく上で、どの用途地域の土地を選ぶかは非常に重要な選択となります。</p><p>また、国土交通省が進める都市計画のひとつに、<a href=https://www.mlit.go.jp/en/toshi/city_plan/compactcity_network.html>立地適正化計画</a>なるものがあります。 <code>立地適正化計画（市区名）</code>、 <code>都市計画マスタープラン（市区名）</code> のようなキーワードで検索すると、各地方自治体が都市計画をどのように考えているかをまとめたPDF資料が見つかるでしょう。あくまで計画であり盲信するのは危険ですが、土地の将来性を判断する材料のひとつに加えました。</p><figure class="figure figure-single figure-margin"><a class=figure_anchor href=https://www.city.saitama.jp/001/010/014/002/p002341.html target=_blank><img class=figure_image src=/data/blog/2022/05/myhome/masterplan.jpg loading=lazy alt><div class=figure_title>都市計画マスタープランの例（さいたま市）</div></a></figure><p>日本の人口は減っていくことが確定しており、都市機能は中心から離れたところから順に縮小を迫られるでしょう。未来に思いを馳せながら、少しでも取り残されない土地を選んでいきたいものです。</p><h2 id=土地は自力で探し出す>土地は自力で探し出す</h2><p>土地探しには、賃貸物件を探すときにもお世話になった<a href=https://www.homes.co.jp/>ライフルホームズ</a>や<a href=https://suumo.jp/>スーモ</a>などのサービスを利用しました。エリアや価格帯などの条件を設定し、メール通知で新着をチェックする毎日。</p><p>同じ土地が何度も出てきて日々の確認作業を妨げるので、クライアント側でブロックできるようにChrome拡張を書いて効率化を図りました。詳細ページのURLから土地のIDが抽出できたので、それを利用して土地の同一性を判定しています。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/chromeext.jpg loading=lazy alt><div class=figure_title>不要な土地をブロックするChrome拡張</div></figure><p>土地探しについては、ハウスメーカーの営業担当もそれなりに手伝ってはくれますが（契約して家を建ててほしいので）、最終的には自力で探し出す覚悟をしておくのがよいと思います。彼らは複数の顧客を抱えて常に忙しいですし、アクセスできる情報についてもわれわれ一般人とそれほど差はないように感じました<sup id=fnref:5><a href=#fn:5 class=footnote-ref role=doc-noteref>5</a></sup>。</p><p>それとは別に、地元の不動産屋しか持っていないローカルな情報もあるようです。土地探しの地域を絞っている場合は、現地見学などで生まれたつながりを大事にしておくのがよいと思います。先方に条件を伝えて声かけしてもらえるようお願いしておいたところ、まだインターネットに掲載していない土地をいくつか優先的に紹介してくれました。営業さんも言っていましたが、不動産業界はウェットなコミュニケーションが重視されるようです。</p><h2 id=sunlight>Blenderで日照シミュレーション</h2><p>土地を選ぶにあたり、日当たりは個人的に重要度の高い要素です。しかしながら、現地見学で見られる日照はそのときの天候や時間帯に左右されますし、他の季節の様子はわかりません。測量図などの資料を参考に、<a href=https://www.blender.org/>Blender</a>で土地の日照をシミュレートしてみることにしました。</p><figure class="figure figure-single"><img class=figure_image src=/data/blog/2022/05/myhome/sunlight.jpg loading=lazy alt><div class=figure_title>土地の日照シミュレーションの例</div></figure><p>幸い、Blenderには「<strong>Sun Position</strong>」という標準アドオンがあり、緯度経度と日時を入力することで自動的に光源を設定してくれます。便利！（なお、途中までこれに気づかずPythonのスクリプトで再発明しかけました…）</p><p>Sun Positionはデフォルトで無効になっているので、利用する際は手動で有効化する必要があります。詳細な手順については<a href=https://blog.kuniwak.com/entry/testman-and-my-home#Sun-Position-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%A7%E6%97%A5%E7%85%A7%E3%82%92%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%99%E3%82%8B>Kuniwak氏の記事</a>をどうぞ。</p><h2 id=よい土地を見つけたら光の速さで>よい土地を見つけたら光の速さで</h2><p>条件のよい土地は滅多に出ませんが、出たときは時間の勝負。自分たちと同じように土地を狙っている人たちがたくさんいるので、見つけたらすぐに見学へ行き、数日中（できれば当日）に決めるくらいの覚悟が必要です。</p><p>とはいえ過度な焦りは禁物。土地との出会いはご縁であると割り切り、よさそうな物件をいくつか逃して悟りを開くくらいがちょうどよいのかもしれません。物件を逃すたび、本気で葛藤したあとではじめて見えてくる本音みたいなものが炙り出されていくのを感じました。</p><p>そんなこんなで、本格的に土地を探しはじめてから購入に至るまで半年ほどかかっています。</p><h1 id=floorplan>間取りを考える</h1><p>土地が決まったら、本格的に間取りを検討していきます。</p><p>本来、ここからはハウスメーカーの設計士の仕事になりますが、彼らが設計してくれるのは一般的な生活の間取りであって、それが自分たちの生活様式に適しているかはわかりません。また、<strong>設計士との打ち合わせ回数はどのメーカーでも4, 5回程度が目安となっており、じっくりと検討する時間の余裕がありません</strong><sup id=fnref:6><a href=#fn:6 class=footnote-ref role=doc-noteref>6</a></sup>。</p><p>日々の生活を一番よく理解しているのは自分たちです。あらかじめ脳内で検討を重ねておくことで、設計士と協力しながら間取りを作っていくことができるようになります。</p><h2 id=間取りの基礎を身につける>間取りの基礎を身につける</h2><p>間取りの考えかたの基礎については、『<a href=http://www.amazon.co.jp/gp/product/4767818605/>間取りの方程式</a>』が非常に参考になりました。</p><div class=amazon><a class=amazon_anchor href=http://www.amazon.co.jp/gp/product/4767818605/ target=_blank><div class=amazon_text><div class=amazon_title>間取りの方程式</div></div><img class=amazon_image src=https://images-na.ssl-images-amazon.com/images/P/4767818605.09.LZZZZZZZ.jpg alt></a></div><p>もともと建築学科の講師が生徒や若い設計士に向けて書かれたものらしく、長年培われた方法論が設計者の目線で解説されています。職業柄か性格か、何事も作り手の考えが気になってしまう自分にはぴったりのアプローチでした。</p><p>設計士のタマゴ向けとはいえ、内容は平易にまとめられており、図も豊富で読みやすく（絵が本当に上手い…！）、純粋に読みものとして楽しめる内容でした。我が家の外形や階段の配置、導線設計にしっかりと活かされています。</p><p>そのまま続編の『<a href=http://www.amazon.co.jp/gp/product/4767809185/>住まいの解剖図鑑</a>』も一気読み。トピックごとに掘り下げた解説は引き続き興味深い内容ではあるものの、自宅の間取りを考えるにあたってはひとまず前者のみで十分と感じました。</p><h2 id=2次元で間取りを考える>2次元で間取りを考える</h2><p>ハウスメーカーと一緒に土地選びを進めていたならば、先方が土地に沿った間取りの素案を出してくれていると思います。これを土台として、まずは<a href=https://figma.com/>Figma</a>などのデザインツールを利用して2次元で間取りを考えていきます。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/figma.png loading=lazy alt><div class=figure_title>間取り検討過程の例</div></figure><p>ソフトウェアの世界もそうですが、設計というのは2回3回と壊して作り直すごとに洗練されていくものです。とはいえ、現実世界の家を気軽に壊して建て直しなんてできないので、仮想的に破壊と創造を繰り返して精度を上げていきます。（というか、巨大な物理の建造物を、たった数回の打ち合わせを経てあとは一発勝負なんて怖すぎませんか…？）</p><p>Figmaの場合は「Components」という部品を再利用するための仕組みがあるので、そういったデザインツールの機能を活用すると検討作業が楽になります。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/figma-components.png loading=lazy alt><div class=figure_title>よく使うものを部品化しておくと検討が楽になる</div></figure><p>このFigmaによる素案を設計士さんと共有しながら検討を進め、最終的にはそのうちのひとつが土台として採用されました。</p><h2 id=3次元で日照や間取りをシミュレートする>3次元で日照や間取りをシミュレートする</h2><p>よさそうな間取りができてきたら、再びBlenderを使って立体化してみます。立体化することで、建物も含めた日照や室内外の見えかたをシミュレートできるようになります。</p><figure class="figure figure-single"><img class=figure_image src=/data/blog/2022/05/myhome/layout-3d.jpg loading=lazy alt><div class=figure_title>立体化した間取りの例</div></figure><p>モデリングする際に気をつけておくとよいのが、スケールを実寸に合わせて作成すること。適当なサイズで作成してしまうと、後述する光のシミュレーションやVRでの確認の際に単位が合わず、調整に苦労することになります。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/edge-length.jpg loading=lazy alt><div class=figure_title>スケールは実寸に合わせておく</div></figure><p>Blenderには<a href=https://docs.blender.org/manual/en/2.81/editors/3dview/navigate/walk_fly.html>Walk Mode</a>という視点移動モードが用意されており、PCゲームで馴染みあるWASDキーでの視点移動が可能です。3次元空間を実際に歩いてみることで、部屋同士のつながりや外の見えかたへの理解が深まりました。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/blender-walk.gif loading=lazy alt><div class=figure_title>立体になった家をキーボードで歩く</div></figure><p>それにしてもBlenderは本当に便利ですね。このあと、家づくりの最終局面には照明や外構の検討が控えていますが、この際もしっかり活躍してくれそうです。</p><h2 id=vr>VRでリアルなサイズ感を把握する</h2><p>ここまででも十分ではありますが、サイズ感がいまいち掴めなかったため、家にあるMeta Quest 2（旧Oculus Quest 2）を使ってVRで確認してみることにしました。</p><div class=amazon><a class=amazon_anchor href=http://www.amazon.co.jp/gp/product/B09B9F7439/ target=_blank><div class=amazon_text><div class=amazon_title>Meta Quest 2—完全ワイヤレスのオールインワンVRヘッドセット—128GB</div></div><img class=amazon_image src=https://images-na.ssl-images-amazon.com/images/P/B09B9F7439.09.LZZZZZZZ.jpg alt></a></div><p>Windows機があれば<a href=https://docs.blender.org/manual/en/latest/addons/3d_view/vr_scene_inspection.html>Blender単体で手軽にVRプレビューできる</a>ようなのですが、我が家にはMacしかありません。仕方がないので、<a href=https://threejs.org/>three.js</a>や<a href=https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API>WebXR Device API</a>を利用したWebアプリを作成し、内蔵のブラウザー経由でプレビューできるようにしました。</p><figure class="figure figure-single figure-margin"><img class=figure_image src=/data/blog/2022/05/myhome/vr.png loading=lazy alt><div class=figure_title>VRでサイズ感を確認</div></figure><p>BlenderのモデルはglTF形式でエクスポートしたものを読み込みます。影をベイクすると質感が上がってよりリアリティが増すと思われますが、今回はそこまでは必要なさそうなので省きました。</p><p>WebアプリのコードはGistに置いておきます。検証用なので簡素な作りですが、よろしければ参考にどうぞ。</p><div class=capturedPage><a class=capturedPage_anchor href=https://gist.github.com/cocopon/7bc77ebe94c07eacd5ddaac66e5b4803 target=_blank><div class=capturedPage_title>home-vr.ts · GitHub</div><div class=capturedPage_image><img src=/data/blog/captured-pages/gist-github-com-cocopon-7bc77ebe94c07eacd5ddaac66e5b4803.png class=lazy alt></div></a></div><p>作りとしては普通のWebアプリと変わりありませんが、VRモードに切り替えるボタンを簡単に作成できる <code>VRButton</code> というクラスが、three.jsのexamplesに含まれているのでこれを利用しました。</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-typescript data-lang=typescript><span class=line><span class=cl><span class=kr>import</span> <span class=p>{</span><span class=nx>VRButton</span><span class=p>}</span> <span class=kr>from</span> <span class=s1>'three/examples/jsm/webxr/VRButton'</span><span class=p>;</span> </span></span><span class=line><span class=cl> </span></span><span class=line><span class=cl><span class=p>...</span> </span></span><span class=line><span class=cl> </span></span><span class=line><span class=cl><span class=nb>document</span><span class=p>.</span><span class=nx>body</span><span class=p>.</span><span class=nx>appendChild</span><span class=p>(</span><span class=nx>VRButton</span><span class=p>.</span><span class=nx>createButton</span><span class=p>(</span><span class=nx>renderer</span><span class=p>));</span></span></span></code></pre></div><p>VRモードではカメラの位置や角度がヘッドセットの値で上書きされてしまうので、スティックなどによる移動・回転はカメラの親オブジェクトに反映しています。</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-typescript data-lang=typescript><span class=line><span class=cl><span class=c1>// Dolly for keeping the camera transform </span></span></span><span class=line><span class=cl><span class=c1></span><span class=kr>const</span> <span class=nx>dolly</span> <span class=o>=</span> <span class=p>{</span> </span></span><span class=line><span class=cl> <span class=nx>t</span>: <span class=kt>new</span> <span class=nx>Three</span><span class=p>.</span><span class=nx>Object3D</span><span class=p>(),</span> </span></span><span class=line><span class=cl> <span class=nx>r</span>: <span class=kt>new</span> <span class=nx>Three</span><span class=p>.</span><span class=nx>Object3D</span><span class=p>(),</span> </span></span><span class=line><span class=cl><span class=p>};</span> </span></span><span class=line><span class=cl><span class=nx>dolly</span><span class=p>.</span><span class=nx>t</span><span class=p>.</span><span class=nx>add</span><span class=p>(</span><span class=nx>dolly</span><span class=p>.</span><span class=nx>r</span><span class=p>);</span> </span></span><span class=line><span class=cl> </span></span><span class=line><span class=cl><span class=c1>// Camera </span></span></span><span class=line><span class=cl><span class=c1></span><span class=kr>const</span> <span class=nx>cam</span> <span class=o>=</span> <span class=k>new</span> <span class=nx>Three</span><span class=p>.</span><span class=nx>PerspectiveCamera</span><span class=p>(</span><span class=mi>75</span><span class=p>,</span> <span class=mi>800</span> <span class=o>/</span> <span class=mi>600</span><span class=p>);</span> </span></span><span class=line><span class=cl><span class=p>...</span> </span></span><span class=line><span class=cl><span class=nx>dolly</span><span class=p>.</span><span class=nx>r</span><span class=p>.</span><span class=nx>add</span><span class=p>(</span><span class=nx>cam</span><span class=p>);</span> </span></span><span class=line><span class=cl><span class=nx>scene</span><span class=p>.</span><span class=nx>add</span><span class=p>(</span><span class=nx>dolly</span><span class=p>.</span><span class=nx>t</span><span class=p>);</span></span></span></code></pre></div><p>なお、WebXR関連の機能を利用するにはSSLが必須となっているので、ローカルサーバーを立ち上げる前に適当な証明書を生成しておく必要があります。</p><p>実際にVRで体験してみると、サイズ感がリアルに伝わってきてとてもよいのです。慣れない環境で苦労したけど作ってよかった…。</p><p>以前、仕事でお世話になったプロジェクトのメンバーが、「<strong>VRってリアルなサイズ感が伝わる唯一のデバイスで、そこに価値があると思うんだよね</strong>」と言っていて、とても印象的だったのでよく覚えているのですが、本当にそのとおりだな〜と実感しました。</p><h1 id=tbc>つづく…</h1><p>本記事は<a href=https://blog.kuniwak.com/entry/testman-and-my-home>Kuniwak氏の記事</a>とタイミングを合わせて公開しましたが、こちらはまだ設計士さんとの打ち合わせ段階で、電気周りや外構などの後半戦が残っています。このあとのフェーズも終わりしだい本記事に追記する予定です。</p><p>ああ〜〜〜がんばって労働せねば。Webサイトやモバイルアプリのデザイン・開発、各種印刷物のイラスト・デザインなどなど幅広く承っておりますので、<a href=/about/#contact>お気軽にご相談</a>くださいませ。もうすぐ事例公開できそうなプロジェクトもいくつか控えていますので、またご報告します。</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>スーモカウンター、どうにもステマ臭いですがアフィリエイトなどは一切なく、いちユーザーとしての率直な感想です。事前の印象をよい意味で裏切られました。<br>※追記：「スーモカウンター自体は無料だが、そのぶん見えないところで施主負担になっているのでは？」との指摘がありましたが、ハウスメーカーによっては値引きのルールが曖昧ですし、いくらでも調整可能である点は考慮しておくべきかもしれません。うちはけっきょく他のメーカーを選んだので、実際どうかまでは確かめられないのが残念なところ。 <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a> <a href=#fnref1:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:2><p>家計簿サービスのCSVデータは縦方向に日付が並んでいます。このあと解説しますが、ライフプラン検証のために家計簿との連携をするならば、ここは揃えておいたほうがよいだろう、ということです。 <a href=#fnref:2 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:3><p>現状Money Forwardがあまり気に入っていないというのも理由のひとつです。少なくとも有料会員なら、広告非表示くらい設定させてほしいものです…。（自社広告がオフにできず、アプリを立ち上げるたびに全面広告が出てきてウッとなる） <a href=#fnref:3 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:4><p>先に土地を購入するケースもあるようですが、好みのハウスメーカーを選べなくなる危険性があります。例えば上棟にクレーンを用いる工法では、クレーン車が入れないほど狭い道に面した土地には建てられません。特別な理由がなければ、ハウスメーカーを先に選定するのがよいと思います。 <a href=#fnref:4 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:5><p>あえて挙げるとすれば、<a href=https://system.reins.jp/>REINS</a>という不動産屋限定のシステムにアクセスできる点が異なりますが、出てくる物件にそれほど違いがあるようには感じませんでした。 <a href=#fnref:5 class=footnote-backref role=doc-backlink>↩︎</a></p></li><li id=fn:6><p>希望すれば打ち合わせの回数自体は増やせるはずですが、伸ばすほど土地の決済から竣工までの期間が延び、つなぎ融資や住宅ローン控除などの理由でこちら側が不利になるという圧がかかります。いずれにせよ早く決めねばならないのです…。 <a href=#fnref:6 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></section></div><footer class=common-page_footer><div class=common-page_author><div class=common-page_authorBody><section class=blog-author><div class=blog-author_header><div class=blog-author_image><a href=/about/><img src=/assets/img/common/author.svg alt=cocopon></a></div><h1 class=blog-author_title><a href=/about/><div class=pxtx>cocopon</div></a></h1></div><div class=blog-author_text><div class=blog-author_detail><p>日本で活動する開発者・デザイナー。Webのフロントエンド領域を主体に、UIデザインから開発全般まで手がける。</p></div><div class=blog-author_action><a class=twitter-follow-button href=https://twitter.com/cocopon data-show-count=false data-size=large>Follow @cocopon</a></div></div></section></div></div><div class=common-page_pageNav><div class=common-page_pageNavBody><ul class=posts-list><li class=posts-list_item><div class=blog-listItem><a class="blog-listItem_anchor bouncy" href=/blog/2022/09/art-and-fear/><div class=blog-listItem_thumbnail><div class="blog-listItem_image lazy" data-bg=/data//blog/2022/09/art-and-fear/og.jpg></div><div class=blog-listItem_nav><div class=pxtx>Newer ></div></div><div class=blog-listItem_date><div class=pxtx>2022-09-01</div></div></div><div class=blog-listItem_text><div class=blog-listItem_title>『アーティストのためのハンドブック制作につきまとう不安との付き合い方』</div></div></a></div></li><li class=posts-list_item><div class=blog-listItem><a class="blog-listItem_anchor bouncy" href=/blog/2021/10/nft-genart-params/><div class=blog-listItem_thumbnail><div class="blog-listItem_image lazy" data-bg=/data//blog/2021/10/nft-genart-params/tweakpane.png></div><div class=blog-listItem_nav><div class=pxtx>Older ></div></div><div class=blog-listItem_date><div class=pxtx>2021-10-12</div></div></div><div class=blog-listItem_text><div class=blog-listItem_title>NFTとジェネラティブアートとパラメーター調整</div></div></a></div></li></ul></div></div></footer><div class=common-page_share><div class=common-share><div class=common-share_body><div class=pxtx>Share:</div><div class=common-share_icons><a href=https://b.hatena.ne.jp/entry/https%3A%2F%2Fcocopon.me%2Fblog%2F2022%2F05%2Fmyhome%2F class=common-share_hatena target=_blank><img src=/assets/img/common/social-hatena.svg height=27 alt=Hatena> </a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fcocopon.me%2Fblog%2F2022%2F05%2Fmyhome%2F&text=%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%80%81%E5%AE%B6%E3%82%92%E5%BB%BA%E3%81%A6%E3%82%8B+-+%E3%81%93%E3%81%93%E3%81%BD%E3%82%93%E3%81%AE%E3%83%BC%E3%81%A8" class=common-share_x target=_blank><img src=/assets/img/common/social-x.svg height=27 alt=X/Twitter></a></div></div></div></div></section><footer class=common-globalFooter><div class=common-globalFooter_copyright><div class=pxtx>(c) 2003 cocopon</div></div></footer><script>window.twttr=function(e,t,n){var o,i=e.getElementsByTagName(t)[0],s=window.twttr||{};return e.getElementById(n)?s:(o=e.createElement(t),o.id=n,o.src="https://platform.twitter.com/widgets.js",i.parentNode.insertBefore(o,i),s._e=[],s.ready=function(e){s._e.push(e)},s)}(document,"script","twitter-wjs")</script><div class=cursors></div></body></html>