[{"data":1,"prerenderedAt":142},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"guides:how-to-draw-a-floor-plan-online:ja":24,"guides-list:ja":105,"i-tabler:chevron-right":132,"i-tabler:point-filled":134,"i-tabler:door":136,"i-tabler:armchair":138,"i-tabler:texture":140},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":87},"間取り図をオンラインで描く方法（手順つき）","間取り図の書き方｜無料でオンライン作成する手順","ブラウザで間取り図を縮尺どおりに作成。部屋を採寸し、壁を正確な長さで描き、ドア・窓・家具を置いて寸法を入れ、PNG・縮尺 PDF・DXF で書き出すまで。","部屋ごとに採寸して、実寸で描ける作図ツールを開き、測った長さで外壁を描きます。続けて内壁、ドアと窓、家具、寸法線、室名を入れ、1:50 や 1:100 などの縮尺で書き出せば完成です。このガイドでは、無料でブラウザで使える [JotJam の設計ツール](\u002Fdesign)を使って手順を説明します。",[30,40,44,50,57,61,65,69,75,79],{"h2":31,"p":32,"list":34},"1. 描く前に採寸する",[33],"間取り図の正確さは数字で決まります。メジャーかレーザー距離計を持って、部屋ごとに次のものを書きとめましょう。",[35,36,37,38,39],"すべての壁の長さ（角から角まで）","壁の厚さ（ドアの開口部で測ると簡単）","ドアと窓の幅、いちばん近い角からの距離","動かせないもの：暖房器具、キッチン、浴槽、階段","四角いと思う部屋の対角線 2 本（同じ長さなら本当に直角）",{"h2":41,"p":42},"2. まずはラフスケッチ",[43],"紙か[スケッチパッド](\u002Fdraw)に手描きで間取りを描き、測った数字を書き込んでいきます。清書はこのスケッチを見ながら描くので、きれいでなくて構いません。抜けがないことが大事です。",{"h2":45,"steps":46},"3. 図面の準備",[47,48,49],"[新しい図面](\u002Fdesign\u002Fedit)を開きます。描くだけならアカウントは不要です。","「グリッドとスナップ」のパネルで単位を設定します。平面図はほとんどの国で mm が標準ですが、cm でも大丈夫です。","壁の厚さを設定します。住宅の外壁は 250〜350 mm、間仕切り壁は 75〜150 mm くらいが多いですが、測った値を使ってください。",{"h2":51,"steps":52},"4. 外壁を描く",[53,54,55,56],"「壁」ツール（W）を選び、最初の角の位置をタップします。","壁の方向に線を向けて長さを入力し（mm なら 4.2 m は 4200）、Enter キーを押します。","角ごとに建物をぐるりと一周します。線は 15° 刻みにスナップするので、直角も簡単です。","最初の点をもう一度タップすると、外形が閉じます。",{"h2":58,"p":59},"5. 内壁を足す",[60],"内壁は、すでに描いた壁から描き始めます。点はこれまでに描いた線の端点や中点にスナップするので、壁同士がきれいにつながります。長さは同じように入力します。スナップさせずに点を置きたいときは Alt を押しながら。",{"h2":62,"p":63},"6. ドア・窓・階段を置く",[64],"記号パネルを開いて、[片開きドア](\u002Flibrary\u002Fplan\u002Fsingle-door)、[両開きドア](\u002Flibrary\u002Fplan\u002Fdouble-door)、[引違い戸](\u002Flibrary\u002Fplan\u002Fsliding-door)、[窓](\u002Flibrary\u002Fplan\u002Fwindow)、[直階段](\u002Flibrary\u002Fplan\u002Fstraight-stair)を置きます。どれも実寸なので、90 cm のドアは 90 cm の開口にそのまま収まります。それぞれを壁までドラッグし、「90° 回転」で向きを合わせます。ドアの開き勝手は 1 つずつ確認しましょう。家具やほかのドアにぶつからないように。各記号の意味は[平面図の記号ガイド](\u002Fguides\u002Ffloor-plan-symbols)で解説しています。",{"h2":66,"p":67},"7. 家具を置く",[68],"[ベッド](\u002Flibrary\u002Fplan\u002Fdouble-bed)、[ソファ](\u002Flibrary\u002Fplan\u002Fsofa)、[ダイニングテーブル](\u002Flibrary\u002Fplan\u002Fdining-table)、[キッチンカウンター](\u002Flibrary\u002Fplan\u002Fkitchen-counter)、[浴槽](\u002Flibrary\u002Fplan\u002Fbathtub)、[便器](\u002Flibrary\u002Fplan\u002Ftoilet)を置きます。実寸なので、ダブルベッドを置いてもまわりを歩けるかどうかがすぐわかります。ほかの家具は、[間取り図に使う家具の寸法](\u002Fguides\u002Ffurniture-sizes-for-floor-plans)のサイズで矩形を描けば OK です。",{"h2":70,"list":71},"8. 寸法と室名を入れる",[72,73,74],"**寸法（D）**：2 点をタップしてから、寸法線の位置を決めます。建物の全体寸法、各部屋の寸法、開口部の位置を入れましょう。","**文字（T）**：室名と、必要なら面積。","**方位記号とスケールバー**：平面図の記号から。小さく印刷されても、向きと大きさが伝わります。",{"h2":76,"p":77},"9. 保存して書き出す",[78],"図面をアカウントに保存したら、PNG か SVG でダウンロードできます。正しい縮尺で印刷するなら、A4 か A3 の縮尺 PDF を書き出して（住戸全体なら 1:100、家具を配置した部屋なら 1:50）、100% で印刷します。AutoCAD、Rhino、SketchUp で使うなら DXF を書き出してください。",{"h2":80,"list":81},"よくある失敗",[82,83,84,85,86],"外壁と内壁で厚さが違うのに、すべて同じ厚さで描いてしまう。","ドアの開き勝手を忘れて、あとでドアがベッドにぶつかると気づく。","家具を実寸ではなく目分量で描いてしまう。","方位記号も、スケールバーも、全体寸法もない。","cm で測った数字を、mm の図面にそのまま入力してしまう。",{"title":88,"items":89},"よくある質問",[90,93,96,99,102],{"q":91,"a":92},"間取り図を無料でオンライン作成できますか？","できます。JotJam の設計ツールはアカウントなしで無料で使えます。保存には少しクレジットを使いますが、ログインした日は毎日無料クレジットがもらえます。",{"q":94,"a":95},"間取り図の縮尺はいくつにすればいいですか？","住宅や住戸全体なら 1:100、1 部屋や家具の配置図なら 1:50、キッチンや浴室などの詳細なら 1:20 が一般的です。",{"q":97,"a":98},"iPad やスマホで間取り図を描けますか？","描けます。角をタップして壁を描き、ピンチでズーム、2本指でドラッグして移動します。家 1 軒分なら画面が大きいほうが楽です。",{"q":100,"a":101},"間取り図を AutoCAD で開けますか？","保存した図面から DXF を書き出してください。mm 単位の実寸で出力されます。",{"q":103,"a":104},"壁は内側と外側、どちらで測ればいいですか？","部屋ごとに内側で、壁の面から面まで測り、壁の厚さは別に測ります。それを足し合わせて全体寸法を出し、外から測った寸法と照らし合わせてください。",[106,108,112,116,120,124,128],{"slug":107,"title":25,"description":27},"how-to-draw-a-floor-plan-online",{"slug":109,"title":110,"description":111},"floor-plan-symbols","平面図・間取り図の記号とその意味","間取り図の線は何を表している？ドアの開き勝手、引戸、窓、階段、家具、方位記号、スケールバー、断面記号の読み方を解説。無料の SVG 記号もダウンロードできます。",{"slug":113,"title":114,"description":115},"furniture-sizes-for-floor-plans","間取り図に使う家具の寸法","ベッド、ソファ、ダイニングテーブル、デスク、収納、キッチン・浴室設備の一般的なサイズと、まわりに必要なスペースを cm でまとめました。",{"slug":117,"title":118,"description":119},"section-hatch-patterns","断面図のハッチング：それぞれの意味","建築の断面図のハッチングの意味。コンクリート、レンガ、地盤、断熱材、木材、砂利の使い分けと、見やすく描くコツ。無料の SVG もあります。",{"slug":121,"title":122,"description":123},"sketch-on-a-phone-or-tablet","アプリなしでスマホやタブレットでスケッチする方法","iPad、Android タブレット、スマホのブラウザでお絵かき。Apple Pencil の筆圧、ピンチでズーム、PNG 書き出し。無料でアプリ不要。",{"slug":125,"title":126,"description":127},"play-piano-on-a-computer-keyboard","パソコンのキーボードでピアノを弾く方法","どのキーがどの音か、オクターブの切り替え方、サスティンペダルの使い方。ノートパソコンのキーボードとオンラインピアノで弾ける簡単な曲とコードも紹介します。",{"slug":129,"title":130,"description":131},"easy-guitar-chords-for-beginners","初心者向けの簡単なギターコード","最初に覚えたいギターコード 10 個の押さえ方をフレット番号で。覚える順番と練習用のコード進行も。無料のオンラインギターで音も確認できます。",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":133},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":135},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":137},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":139},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":141},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3L3 6m18 12l-3 3M11 3l-8 8m13-8L3 16M21 3L3 21M21 8L8 21m13-8l-8 8\"\u002F>",1792672097635]