[{"data":1,"prerenderedAt":117},["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,"pages:design:ja":24,"i-tabler:door":101,"i-tabler:plus":103,"i-tabler:pointer":105,"i-tabler:magnet":107,"i-tabler:ruler-measure":109,"i-tabler:triangle":111,"i-tabler:keyboard":113,"i-tabler:point-filled":115},{"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>",{"intro":25,"blocks":26,"faq":80},"JotJam の設計ツールを使えば、間取り図（平面図）・立面図・断面図・アクソメ図を、ブラウザ上で縮尺どおりに描けます。壁・線・円弧・寸法線はぴたりとスナップし、長さは数値で入力。ドアや家具、人物は[無料の記号ライブラリ](\u002Flibrary)から置くだけです。保存した図面は PNG・SVG なら無料で、縮尺 PDF や CAD 用の DXF でも書き出せます。",[27,42,47,58,73],{"h2":28,"items":29},"使えるツール",[30,33,36,39],{"h3":31,"p":32},"壁","角ごとにタップし、ダブルタップか「完了」で終了。最初の点をもう一度タップすると部屋が閉じます。先に壁の厚さを決めておくと、新しい壁はその厚さで描かれます。",{"h3":34,"p":35},"線・ポリライン・矩形・円","外形線、自分で描く家具、敷地境界線、通り芯などの基本ツールです。",{"h3":37,"p":38},"円弧・曲線","ドアの開き勝手、出窓、曲がった壁、外構に。",{"h3":40,"p":41},"寸法線・文字","寸法線は選んだ単位で長さを表示します。文字は室名、メモ、タイトルに。",{"h2":43,"p":44},"正確な寸法",[45,46],"中身はすべて実寸（cm）で、表示は mm・cm・m から選べます。描いている途中で数値を打って Enter キーを押すと、その長さになります。mm で作業しているなら 3600 で 3.6 m の壁です。矩形は 3600 x 2400 のように 2 辺を入力します。","線はグリッド、ほかの図形の端点・中点・中心、15° 刻みにスナップします。Alt を押している間は自由に描けます。",{"h2":48,"steps":49},"8 ステップで間取り図を描く",[50,51,52,53,54,55,56,57],"[新しい図面](\u002Fdesign\u002Fedit)を開き、単位を設定します。平面図なら mm が一般的です。","「壁」ツールを選び、壁の厚さを決めます。","外壁を描きます。1 辺ごとに長さを入力して Enter キー。","内壁を足します。すでに描いた壁にスナップします。","[平面図の記号](\u002Flibrary\u002Fplan)からドアと窓を置きます。","ベッド、ソファ、キッチン、浴室・トイレの設備を置きます。どれも実寸です。","寸法線と室名を入れます。","保存したら PNG か SVG でダウンロード、印刷用なら縮尺 PDF で書き出します。",{"h2":59,"items":60},"4 種類の図面",[61,64,67,70],{"h3":62,"p":63},"平面図","真上から見た図。[平面図の記号](\u002Flibrary\u002Fplan)：ドア、窓、階段、家具、方位記号、スケールバー。",{"h3":65,"p":66},"立面図","外観や壁を正面から見た図。[立面図の記号](\u002Flibrary\u002Felevation)：人物、樹木、車、ドア、窓。",{"h3":68,"p":69},"断面図","建物を縦に切った図。[断面図の記号](\u002Flibrary\u002Fsection)：コンクリート・レンガ・地盤・断熱材のハッチング、スラブ、基礎。",{"h3":71,"p":72},"アクソメ図","グリッドをアイソメに切り替えると、線が 3 本のアイソメ軸に固定されます。[アクソメのパーツ](\u002Flibrary\u002Faxon)：ボリューム、階段、家具。",{"h2":74,"list":75},"書き出し",[76,77,78,79],"**PNG・SVG**：保存した図面なら無料。SVG は Illustrator、Inkscape、SVG を読み込める CAD で開けます。","**縮尺 PDF**：A4 か A3 で、1:1〜1:1000（平面図なら 1:50 と 1:100 が定番）。100% で印刷すれば三角スケールで測れます。","**DXF**：AutoCAD、LibreCAD、Rhino、SketchUp で開けます。mm 単位の実寸です。","PDF と DXF は、保存したバージョンをもとにサーバーで作るので数クレジットを使います。同じバージョンを同じ設定で書き出し直すのは無料です。",{"title":81,"items":82},"よくある質問",[83,86,89,92,95,98],{"q":84,"a":85},"無料ですか？","描くのは無料で、アカウントもいりません。図面の保存には少しクレジットを使い、ログインした日は毎日無料クレジットがもらえます。保存した図面の PNG・SVG ダウンロードは無料です。",{"q":87,"a":88},"縮尺はいくつで描かれていますか？","中身はすべて実寸で、単位は cm です。表示は mm・cm・m から選べます。記号も実寸なので、ドアは幅 90、ダブルベッドは 160 × 200 です。",{"q":90,"a":91},"CAD や Illustrator で開けますか？","図面を保存して SVG で書き出せば、Illustrator や Inkscape、SVG を読み込める CAD で開けます。AutoCAD などなら DXF を、1:50 や 1:100 で印刷したいなら縮尺 PDF を書き出してください。",{"q":93,"a":94},"iPad やスマホで間取り図を描けますか？","描けます。どのツールもタッチで使えます。角をタップして描き、ピンチでズーム、2本指でドラッグして移動。大きな図面なら画面が大きいほうが楽です。",{"q":96,"a":97},"フィートやインチは使えますか？","今はまだ使えません。単位は mm・cm・m です。",{"q":99,"a":100},"3D 表示はありますか？","ありません。アイソメグリッドでアクソメ（アイソメ）図を描けば立体的に見えますが、あくまで図面で、3D モデルではありません。",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":102},"\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":104},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m-7-7h14\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":106},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":108},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 13V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a8 8 0 0 1-16 0m0-5h5m6 0h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":110},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.875 12c.621 0 1.125.512 1.125 1.143v5.714c0 .631-.504 1.143-1.125 1.143H4a1 1 0 0 1-1-1v-5.857C3 12.512 3.504 12 4.125 12zM9 12v2m-3-2v3m6-3v3m6-3v3m-3-3v2M3 3v4m0-2h18m0-2v4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":112},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":114},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 2v.01m4-.01v.01m4-.01v.01m4-.01v.01M6 14v.01M18 14v.01M10 14l4 .01\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":116},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",1792672097327]