日あたりを、ブラウザで確かめる
公開日：
「この部屋、冬は日が入るのかな」。引っ越しのときも、お店を出すときも、いちど気になると確かめたくなります。けれど日あたりを知るには、その場に立って一日を待つか、図面とにらめっこするしかありませんでした。
時刻のつまみを動かすと、神保町のビルの影が路地を這っていく。そんなサンプルを作りました。建物をえらぶと、その南がわに日が当たる時間も文で読めます。町のかたちは、国土交通省が無償で公開している3D都市モデル（Project PLATEAU）をそのまま使っています。日あたりが見える町から、お試しいただけます。
地図では分からないことが、町のかたちなら分かる
日あたりは、平らな地図では答えが出ません。南向きかどうかだけでは決まらず、となりのビルの高さと、太陽の高さの兼ね合いで決まるからです。夏は屋根の上を通っていく光が、冬は低く差してきて、向かいのビルにさえぎられる。この「立体の事情」は、上から見た図には写りません。
だから町のかたちを立体で持ってきて、時刻を動かせるようにしました。朝の光がさす通りが、お昼に明るくなり、夕方には影に沈んでいく。見ているうちに、自分の店や自分の部屋のことを考えはじめます。
午前9時の神保町。建物の影が、通りの西がわへ長く伸びている
午前9時。影は通りの西がわへ伸びる
午後4時の同じ場所。影の向きが変わり、さっきまで日なただった通りが日かげに入っている
午後4時。同じ場所でも、日かげになる通りが入れかわる
建物をえらぶと、その1軒の答えが出る
町全体を眺めるだけでは、まだ人ごとです。そこで建物をえらべるようにしました。ひとつタップすると小さなカードが出て、「南がわの目の高さでは、午前7時35分から午後2時35分まで日が当たります」と文で読めます。
色分けだけで伝えないようにしています。日なた・半分・日かげの3段は色でも示しますが、同じことを凡例の文字と、えらんだ建物のカードの文にも持たせました。色の見え方は人によってちがうので、色だけに頼る画面は作りません。
町のかたちは、無償で手に入る
建物のかたちは、こちらで作ったものではありません。国土交通省が公開している3D都市モデル、Project PLATEAUのデータをそのまま使っています。誰でも無償で手に入り、商用の仕事にも使えます。神保町の交差点のまわり600メートル四方を切り出して、923棟をそのまま置きました。
この「素材がすでにある」ことが、思っている以上に大きいところです。撮影も、モデリングも、許諾の交渉もいりません。しかも日あたりを出すのに、建物のほかに必要なデータがありません。太陽の位置は、場所と日時から計算で出るからです。
動かすものは、つまみ1本だけ
3Dの画面でいちばん多い失敗は、自由に動かせすぎて迷子になることです。ぐるぐる回しているうちに、自分がどこを見ているのか分からなくなる。そうならないように、動かすものを時刻のつまみ1本だけにしました。
見る向きは、うえから・ななめから・目の高さの3つのボタンで決め打ちです。自由に回したい方には「もっと自由に動かす」を用意しましたが、押した人にだけ開きます。時刻の目盛りには朝・お昼・夕方と暮らしの言葉を並べ、日の出・南中・日の入りに印を打ちました。午前10時20分という数字も、消さずに残しています。
マウスがなくても使えます。画面に焦点を当てると照準が出て、十字キーで動かし、Enterで建物をえらべます。使えるかどうかを機械で検査したところ、見つかった問題はありませんでした。
デモの画面全体。上に3Dの町、下に時刻のつまみと、時間帯・季節・見る向きの選びかたが並ぶ
操作は下の帯にまとめた。つまみ1本と、3つずつの選びかただけ
太陽の位置は、計算で出せる
太陽がいつ、どの高さにいるか。これは場所と日時が決まれば計算で出ます。だから外の部品を借りず、計算そのものを書きました。部品を増やすほど、あとで動かなくなる場所が増えるからです。
合っているかどうかは、確かめました。夏至と冬至にいちばん高くなる角度が、教科書どおりの値と一致すること。東京の日の出と日の入りが、暦と分の単位まで合うこと。9つの確認を機械で回して、すべて通っています。空には太陽の通り道を光の帯で3本描いていますが、これも計算にもとづく本物の軌跡です。絵としては派手でも、嘘はありません。
町ひとつぶんで、写真1枚より軽い
重いページは、開く前に閉じられます。そこで、いちばん最初に軽さの目標を決めてから作りました。
結果は、923棟の町ひとつぶんが、写真1枚よりも軽くなりました。スマートフォンでも待たされません。影を計算しなおすのも、太陽が動いたときだけです。開いたまま置いておいて、電池を食いつづけることはありません。
軽さは、あとから絞るより先に決めるほうがうまくいきます。目標を超えたら範囲を狭める、と決めておくと、部品を足して重くする方向に逃げなくなります。
見当をつけるための絵です
このサンプルの建物は、箱のかたちです。屋根の傾きやベランダの出っぱりまでは写していません。日あたりのだいたいの見当はつきますが、建築基準法の日影規制を判断する用途には向きません。
そのことは、出典と並べて画面にずっと出しています。どこまで分かる絵なのかが最初から見えていれば、読んだ方が自分で判断できます。そのほうが、結局は安心して使えます。
神保町から、ほかの町へ
観測する場所は、データのなかに書いてあります。つまり別の町に広げるときは、材料を差しかえるだけで計算がついてきます。不動産の物件案内、お店のテラスや看板の見え方、太陽光パネルの置き場所、商店街のにぎわいづくり。日あたりが気になる場面は、どこにでもあります。
スクロールに合わせて場面が移りかわる映画のように動くホームページも、同じ神保町の町並みで作りました。見せ方の引き出しとして、あわせてご覧いただけます。
まずは、さわってみてください
説明を読むより、つまみを動かしてもらうのが早いと思います。日あたりが見える町は、スマートフォンでもそのまま開きます。朝から夕方へ動かして、影が伸びていくところを見てみてください。
自社の町で作ってみたい、うちの商品説明にこの見せ方を使えないか。そんなご相談があれば、お気軽にご相談ください。どこから手をつけると小さく試せるか、一緒に考えます。