[{"data":1,"prerenderedAt":93},["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:draw:ja":24,"i-tabler:plus":81,"i-tabler:hand-stop":83,"i-tabler:ballpen":85,"i-tabler:keyboard":87,"i-tabler:download":89,"i-tabler:point-filled":91},{"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":60},"JotJam のスケッチパッドは、ブラウザで使える無料のオンラインお絵かきパッドです。指でもマウスでもスタイラスでも描けて、Apple Pencil の筆圧にも対応。2本指でズームでき、残したいスケッチはアカウントに保存できます。インストールは不要で、描くだけならアカウントもいりません。",[27,42,49,56],{"h2":28,"items":29},"ツール",[30,33,36,39],{"h3":31,"p":32},"鉛筆・ペン・マーカー","ラフな線、きれいな線、太いストロークのための 3 種類のブラシ。それぞれ太さ・不透明度・色を設定できます。",{"h3":34,"p":35},"消しゴム","なぞった部分だけを消します。線を丸ごと消すことはありません。",{"h3":37,"p":38},"手のひら","ページを動かします。マウスならスペースキーを押しながらドラッグ、タッチ画面なら2本指でドラッグ。",{"h3":40,"p":41},"用紙","無地・ドット・方眼。ドットは図解に、方眼はバランスを取りながら描くのに便利です。",{"h2":43,"steps":44},"オンラインでスケッチする手順",[45,46,47,48],"[新しいスケッチ](\u002Fdraw\u002Fedit)を開きます。登録は不要です。","ブラシと色を選び、用紙を無地・ドット・方眼から選びます。","描きます。ピンチでズーム、2本指でドラッグして移動。Ctrl\u002F⌘ + Z で直前の線を取り消せます。","「保存」を押すとアカウントに残ります。保存したスケッチは、描いた部分だけを切り抜いた PNG でダウンロードできます。",{"h2":50,"list":51},"こんなときに便利",[52,53,54,55],"設計を始める前のサムネイルスケッチに","通話中にアイデアを説明するとき（画面共有して描くだけ）","タブレットで図解やメモを書くときに","待ち時間にスマホで落書き",{"h2":57,"p":58},"直線や正確な寸法が必要なら",[59],"このパッドは手描き用です。壁や正確な長さ、寸法線、ドアや家具の記号を使いたいなら[設計ツール](\u002Fdesign)へ。[間取り図をオンラインで描く方法](\u002Fguides\u002Fhow-to-draw-a-floor-plan-online)も参考にしてください。ほかのコツは[スマホやタブレットでスケッチする](\u002Fguides\u002Fsketch-on-a-phone-or-tablet)にまとめています。",{"title":61,"items":62},"よくある質問",[63,66,69,72,75,78],{"q":64,"a":65},"無料ですか？","描くのは無料で、アカウントもいりません。スケッチの保存には少しクレジットを使います。ログインした日は毎日無料クレジットがもらえます。",{"q":67,"a":68},"スケッチはどこに保存されますか？","「保存」を押すと JotJam アカウントに保存され、スマホ・タブレット・パソコンのどれでも開けます。それまでは、最新の変更がこのブラウザにだけ下書きとして残ります。",{"q":70,"a":71},"Apple Pencil で使えますか？","使えます。ほかの筆圧対応スタイラスも同じで、強く押すほど線が太くなります。一度ペンで描くと、指はページの移動とズームだけになるので、手のひらを置いても線は付きません。",{"q":73,"a":74},"スマホでも描けますか？","描けます。キャンバスが画面いっぱいに広がります。細かいところはピンチで拡大し、2本指でドラッグして移動してください。",{"q":76,"a":77},"スケッチをダウンロードするには？","保存してから PNG でダウンロードします。画像は描いた部分を少し余白付きで切り抜いたものになります。",{"q":79,"a":80},"直線を引いたり、ドアや家具を置いたりできますか？","このパッドではできません。ここは手描き用です。[設計](\u002Fdesign)なら線・円・壁のツール、正確な寸法入力、[記号ライブラリ](\u002Flibrary)が使えます。",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":82},"\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":84},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M8 13V5.5a1.5 1.5 0 0 1 3 0V12m0-6.5v-2a1.5 1.5 0 1 1 3 0V12m0-6.5a1.5 1.5 0 0 1 3 0V12\"\u002F>\u003Cpath d=\"M17 7.5a1.5 1.5 0 0 1 3 0V16a6 6 0 0 1-6 6h-2h.208a6 6 0 0 1-5.012-2.7L7 19q-.468-.718-3.286-5.728a1.5 1.5 0 0 1 .536-2.022a1.87 1.87 0 0 1 2.28.28L8 13\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":86},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m14 6l7 7l-4 4\"\u002F>\u003Cpath d=\"M5.828 18.172a2.83 2.83 0 0 0 4 0L20.414 7.586a2 2 0 0 0 0-2.829l-1.171-1.171a2 2 0 0 0-2.829 0L5.828 14.172a2.83 2.83 0 0 0 0 4M4 20l1.768-1.768\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":88},"\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":90},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":92},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",1792672096186]