WEB版間取り図作成ソフト
操作マニュアル日本スキルズ株式会社●本マニュアルはWEB版間取図ソフト「SUPERLinksWeb」用のものです●インストール版「SUPERLinks」とは異なります（操作性は類似しておりますがデータの互換性はございませんのでご注意ください）目次

TOPページ・・・・・・・・・・・ ３

建具部品の配置①②③・・・・・・ 19～21

メニュー画面・・・・・・・・・・ ４

設備部品の配置①②・・・・・・・ 22～23

作成画面の説明・・・・・・・・・ ５

文字部品の配置・・・・・・・・・ 24

作成画面の各機能・・・・・・・・ ６

文字部品の修正・・・・・・・・・ 25

作成画面と各機能の補足説明・・・ ７間取図のコピー・・・・・・・・・ 26

右クリックメニューの説明・・・・ ８間取図の反転・・・・・・・・・・ 27

間取図の作成手順・・・・・・・・ ９

保存機能・・・・・・・・・・・・ 28

部屋部品の配置①②③④⑤・・・・ 10～14

文字部品の作成①②③・・・・・・ 29～31

色の設定変更・・・・・・・・・・ 15

応用編①②・・・・・・・・・・・ 32～33

塗りつぶし（模様設定）①②・・・ 16～17

研修用サンプル間取図・・・・・・ 34

角の丸い部屋の作り方・・・・・・ 17

会社概要・・・・・・・・・・・・ 35

部屋【手書き】多角部屋機能・・・ 18※タッチパネルは非対応です。ご利用はパソコンにてお願いします（大きめの画面がおすすめです）

2

TOPページお知らせのページへジャンプします「ログアウト」と表示されている場合は現在ログイン中です

お問合せ入
力ページへジャンプします

間取図作成へ進みます（メニュー画面へ）※ブラウザの機能にID/PWを保存することで毎回入力せずに使える場合もあります※IDPWについては社内ルールを設け問題の起きないよう管理してください

間取図の代行作成依頼のページへ進みます3メニュー画面
ログイン中はログアウトと表示されます

オリジナル部品の作成＆登録ができる画面へ進みます「新規作成」ボタンをクリックで間取作成用のキャンバスページへ＜体験版は1日1回１件までファイル保存可能＞（ライトプランは30件・ビジネスプランは無制限）
・「編集」は上書き保存ができます・「コピー」は別シートとして保存できます※「編集」の場合、保存名を変えても上書き保存となります※作成済の間取図をコピーして作り直すと、部品を使いまわして作成できるので効率が良くなることがあります4作成画面の説明
作業用のスペース（方眼紙）のサイズの変更はブラウザの設定で表示サイズを変更してください
インターネットを見ている画面の右上の方に設定機能があります

トップページまたはメニュー画面へ進みたい方はこちらをクリック

画像ダウンロード＊フリープラン＝体験版ではご利用いただけません

ご利用中のパソコン画面のサイズ及び画面やブラウザの表示設定によって表示状態がkとなる場合がございます。
各種設定にてご変更ください

他のパソコンでログインし直すときは必ずログアウトの作業を行ってください。
ログアウトをされない場合画面だけを終了してもログイン中となります。

ログインすると最初にこちらのキャンバス画面が表示される場合があります（ブラウザの保存した状態によります）

5

作成画面の各機能

⑭
⑮
⑯
⑰
⑱

①

②

間取図を保存します

間取図を画像保存します④③
下絵画像を取り込みます

グリッド
設定を変更します⑦⑤
文字フォン
トの設定をします

⑥

色の変更

文字サイ
ズの設定をします

文字入力をします（クリックで開きます）

部屋部品選択画面を表示します
建具部品選択画面を表示します

⑨⑩

⑪

⑫

⑬

四角い図
形を作成
します

直線入力をします

折線入力をします

円を入力をします

円弧を入力をします⑧

キャンバスを拡大表示します⑳

キャンバスを縮小表示します㉑

１操作元に戻します

壁を作成します㉒

１操作やり直します

壁を白塗りします㉓

選択した部品のコピー行います㉔

選択した部品を削除します⑭-1

四角い部屋を作成します⑭-2

多角部屋を作成します⑭-3

土地区画を作成します

⑭-4
⑭-5

設備部品選択画面を表示します⑲

文字部品選択画面を表示します

㉕

㉗㉙㉛㉝㉟

㊲

色の設定
(塗り)

塗り
つぶし

グループ
化

最前面に移動

90度
右回転

180度
回転

縦方向に反転

色の設定
(線)

線の設定

グループ
化解除

最背面に移動90度
左回転

横方向に反転角の丸め設定

㉖

㉘㉚㉜㉞㊱

㊳6

作成画面と各機能の補足説明＜画面上部機能＞＜画面下部機能＞＜画面左右機能＞①

名前を付けて保存（無料3件まで）⑭-1

四角部屋、キャンバス内ドラッグで表示後右クリック等で各設定可能㉕

文字や部品の色を選択、対象部品選択後、カラーパレットより選択(⑦と同じ)②

画像に変換して保存（無料無制限）
カラー/グレースケール、サイズ設定可⑭-2

多角部屋、ボタンクリック後部屋の角となる位置をクリックしダブルクリックで終了㉖

線や壁の色を選択、対象部品選択後、カラーパレットより選択③

間取原稿を下絵で取込（100KB以下）
選択後、読み込みボタンで取込⑭-3

土地区画、キャンバス内ドラッグで表示後右クリック等で各設定可能㉗

模様を選択、対象部品選択後、塗りつぶし設定画面から選択④

グリッドの設定(フリーグリッド可)
キャンバスサイズの拡大可能⑭-4

壁の単体入力、キャンバス内をドラッグ
右クリックで厚さ設定可、㉘

線の太さや種類を選択、対象部品選択後
線の設定画面から選択⑤

文字のタイプ（フォント）を選択
キャンバス上でテキストボックスを選択後⑭-5

白い壁の単体入力、黒い壁の一部に重ねて壁を抜きとったような表示とする㉙

複数部品をドラッグで選択後にグループ化ボタンをクリック⑥

文字のサイズを選択、テキストボックスを選択後⑮

部屋部品、クリックで表示される選択画面
から部品選択しキャンバスへドラッグ挿入㉚

グループ化された対象を選択後にグループ化解除ボタンをクリック⑦

文字や部品の色を選択、対象部品選択後、カラーパレットより選択⑯

建具部品、クリックで表示される選択画面
から部品選択しキャンバスへドラッグ挿入㉛

対象部品選択後に最前面ボタンをクリック
で最前面に配置⑧

文字入力、ボタンクリック後キャンバス内クリックで入力画面が表示（キャンセルまたは設定ボタン終了）⑰

設備部品、クリックで表示される選択画面
から部品選択しキャンバスへドラッグ挿入㉜

対象部品選択後に最背面ボタンをクリック
で最背面に配置⑨

四角入力、ボタンクリック後キャンバス内ドラッグ、（色・塗りつぶし設定可能）⑱

文字部品、クリックで表示される選択画面
から部品選択しキャンバスへドラッグ挿入㉝

部品選択後に右90度回転ボタンをクリック（複数の部品選択可能＝間取全体）⑩

直線入力、ボタンクリック後キャンバス内ドラッグ（色・太さ設定可能）⑲

方眼紙の拡大（クリック）㉞

部品選択後に左90度回転ボタンをクリック（複数の部品選択可能＝間取全体）⑪

折線入力、ボタンクリック後キャンバス内を複数回クリックしダブルクリックで終了⑳

方眼紙の縮小（クリック）㉟

部品選択後に180度回転ボタンをクリック（複数の部品選択可能＝間取全体）⑫

円形入力、ボタンクリック後キャンバス内ドラッグ（色・塗りつぶし設定可能）㉑

前の作業に戻る（クリック）㊱

部品選択後に左右反転ボタンをクリック（複数部品反転可能＝間取全体可）⑬

円弧入力、ボタンクリック後キャンバス内ドラッグ（色・塗りつぶし設定可能）㉒

作業を戻り直す（クリック）㊲

部品選択後に上下反転ボタンをクリック（複数部品反転可能＝間取全体可）㉓

部品を選択してコピー（クリック）（ctrlボタン+ｃボタンでも可）㊳

四角図形または四角部屋の部品選択後にクリック、設定画面で角ごとに丸さを設定㉔

部品選択して削除（クリック）※上記操作にはマウス機能をご利用ください。タッチパネルでの操作は非対応となっております。

7

右クリックメニューの説明
クリックで文字入力画面が表示、入力後は設定/キャンセルで終了再度テキストボックス選択にて変更可能
部品選択後クリック（コピー2回目以降はお同じ位置に重なって表示されます）

右クリック

部品選択後クリック（ドラッグにて複数部品を選択し手の削除も可能です）
選択した部品に合わせて「文字の色」「背景の色」「線の色」を選択してカラーパレットより設定選択した部品に塗りつぶし模様を設定、色や模様を未設定にする場合
は「塗りつぶし無し」を選択
選択した線の太さを設定、設定は1本づつの変更のみ
四角図形または四角部屋の部品選択後にクリック、設定画面で角ごとに丸さを設定
複数部品のグループ化は「グループ化」を選択、グループ化済の設定
解除は「グルーピ化解除」を選択「最前面」と「最背面」の設定をする機能、部品を選択し重なりの順
序を変更、複数部品での作業も可能
回転の方向を選択「右に90度」「左に90度」「180度」「左右反転(ヨコ)」「上下反転(タテ)」間取図全体の反転や回転も可能※マークの付いた機能は右クリックメニューのみにて利用できる機能、ほかは画面内に同機能のボタンあり※

部品を動かないように設定する場合は「固定する」、固定の設定を解除するときは「固定しない」、各部品個別に設定及び解除が可能※

壁の厚さを選択して設定、部屋部品の壁および単体での壁いずれも厚さ変更可能※

四角部屋部品に表示される広さ（帖数）の文字を表示・非表示に設定できます

8間取図の作成手順

１．部屋部品の配置（手書き機能含む）
２．建具部品の配置
３．設備部品の配置

４．文字部品の配置
５．微調整＆保存

9

＜間取図の作成＞部屋部品の配置①

選択
クリック

ドラッグ＆ドロップ部屋の位置の調節は部屋部品の内側をドラッグします10＜間取図の作成＞部屋部品の配置②部屋のサイズ調節は赤のハンドルマークをドラッグします11

＜間取図の作成＞部屋部品の配置③
部品選択画面から部品をキャンバスへドラッグ

浴槽付1.5帖

トイレ0.75帖0212

＜間取図の作成＞部屋部品の配置④

部品の回転は右クリックメニューの「回転」で方向選択
または下のタスクバーのボタンで90度左回転※右クリックメニュ―内の機能は画面内のボタンにも同機能のものがあります13

＜間取図の作成＞部屋部品の配置⑤
部屋【手書き】の「四角部屋」で大きさに合わせた部屋が作成できます
クリック
ドラッグ

※右クリックメニューで帖数を非表示にも変更できます14

＜間取図の作成手順＞色の設定変更
右クリックまたは「色の設定」ボタンでカラーパレットを使用

15

＜間取図の作成手順＞

塗りつぶし（模様設定）①

部屋の部品は色の変更だけでなく右クリック「塗りつぶし」機能で多数の塗りつぶし模様からんで設定できます

画面下列左から3番目も同時機能（塗りつぶし設定）

部品選択画面と重なる時は少し右に移動（ドラッグ）して利用する

16

＜間取図の作成手順＞

塗りつぶし（模様設定）②

部屋のタイプやお好みに合わせて選択できます＜角の丸い部屋＞の作りかた①四角部屋で部屋を作成する②右クリックで「かどの丸め」を選択

右クリック
メニュー

③丸みを設定したい角に数値入力④設定ボタンで変更できます

右クリック

17

＜間取図の作成手順＞部屋【手書き】多角部屋機能③②①ボタンをクリック

⑧

⑥

⑦

⑤
①多角部屋ボタンをクリック（押して離す）②から⑦まではクリックで部屋の形を描く⑧一周して始点でダブルクリックで終了※途中で角の位置がずれた時は右クリックで角を解除※多角部屋完成後の修正不可（多角部屋を再作成）④
ダブルクリックすると部屋の形に合わせて壁が表示されます（多角部屋内の色は最初透明ですが変更可能です）

18

＜間取図の作成手順＞建具部品の配置①

選択
ドラッグ＆ドロップ19

＜間取図の作成手順＞建具部品の配置②＜建具の回転方法＞
建具部品から1本線で出ているハンドルマー
クをドラッグ
または画面下部の回転ボタン及び右クリッ
ク（90度ごとの回転は右クリックのほうが設定しや）＜建具の大きさ調節方法＞
建具部品から2か所対象にあるハンドルマー
クをドラッグする＜建具の位置の調節方法＞
建具部品と重なっている赤い直線部分をドラッグ（2か所のハンドルマークの間）＜建具部品例＞

20

＜間取図の作成手順＞建具部品の配置③

各部品を並べていきます
ドラッグ＆ドロップで配置していきます（向き、位置、大きさ）※部品はキャンバスに呼び出した順に手前に重なるようになっています。部屋より背面隠れる時は最前面に配置してください

21

＜間取図の作成手順＞設備部品の配置①

設備部品を選択してドラッグ＆ドロップで配置していきます22

＜間取図の作成手順＞設備部品の配置②＜サイズ変更＞

大きさの調節は各ハンドルマークに合わせてドラッグ＜反転＞

反転機能を使う部品は反転に配置できます

23

＜間取図の作成手順＞文字部品の配置

文字部品機能を利用すると文字入力の作業が省けます24

＜間取図の作成手順＞文字部品の修正①文字部品をクリックすると赤枠が表示②赤枠をダブルクリックすると文字の設定画面が表示

文字の入力

横書き・縦書き字体(フォント)

サイズ

25

＜間取図の作成手順＞間取図のコピー①間取図全体を範囲選択（ドラッグ）②部品が全て赤く表示
されたら範囲内で右ク
リック→コピー③コピーされて表示された間取図をドラッグしてとなりに移動します

部品の内側でドラッグ（赤い枠内）※部品をまとめてコピーなどするときは先にグループ化をすると作業がスムースになる場合があります26

＜間取図の作成手順＞間取図の反転①反転させる間取図のみを範囲選択（ドラッグ）②横方向に反転ボタンをクリック

横方向に反転ボタン③反転間取図完成※反転後に限らず位置やサイズの細かい調整が必要な場合はグリッドをオフにしてサイズや位置の微調整を行ってください（チェックを外す）

27

＜間取図の作成手順＞保存機能■保存機能は２つあります１．「名前を付けて保存」

２．「画像保存」(ダウンロード)①②③

編集、コピー、削除（入替）ができます

ライトプラン・ビジネスプランは無制限です＊フリープラン＝体験版ではご利用いただけません① JPGがネット登録には一般的

フリープラン（体験版）は1日1回1件まで
ライトプランは30件まで
ビジネスプランは無制限です② 間取図の縦横比などに合わせてサイズは調整してください③ 通常はカラーで保存されます（チェックを付けるとグレースケール）

28

＜間取図の作成手順＞文字部品の作成①①ログイン後の画面で「間取り部品」を選択して②新規作成ボタンをクリックします

グリッドの設定画面が出てきたら「設定」をクリックするとキャンバスが表示されます

29

＜間取図の作成手順＞文字部品の作成②②①①文字部品として追加したいテキストを入力して②「ファイル」をクリック③部品のタイプを選ぶ④部品の名称を入力⑤保存ボタンクリック⑤30

＜間取図の作成手順＞文字部品の作成③保存されると部品のリスト表示されます（無料の機能として無制限に保存できます）

31

＜間取図の作成手順＞応用編①①最初に部屋の全体枠を配置します②各部品を重ねながら作成していきます※作成済の間取図を作り直すときもこのような作り方や予めよく使う部品を配置しておくのも便利な作り方です32

＜間取図の作成手順＞応用編②③×
作業開始時のデータを残すときはファイル保存はしない

完成後は画像でダウンロードします（不要な部品を削除）①よく使う部品を配置したまま保存しておきます②このスペースで間取作成の作業をおこなう

ファイルから保存し直さなければ、部品を配置したままのデータを開いて作業を始めることができます33

＜間取図の作成手順＞

練習用サンプル間取図＜下絵画像原稿イメージ＞※グリッドイメージ

一間半間一坪※原稿にグリッド線を記入すると間取作成が簡単になります【2017年9月20日版】

34

会社概要設 立：１９９９年１１月

資本金：１０００万円

本社所在地：東京都中央区日本橋富沢町11-6

事業内容：不動産ソフトウェア開発「SUPERLinks」（図面作成ソフト）、不動産業務用の研修会等の提案開催
システム開発、ホームページ制作、間取り作成サービス、データ入力代行

オフショア開発サポート、Webコンサルティング、その他事業『SUPERLinksWEB』のコンセプト「街の不動産業を営んでいる方の手間を軽減できないだろうか」という思いから産まれた「SUPER Links」間取り図作成ソフト。 誰でも簡単にパズルを組立てるような感覚で手軽に間取り図を作成することが可能。ブラウザー上で動作するため、インストールが不要。異なるPCからの操作も 可能なため、ロケーションフリー作業を実現。サーバーにデータを保存するた
め、万が一、作業 パソコンが故障してもデータ損失のリスクを回避。フリーソフトの他にデータ保管無制限、企業 間デー
タ共有可能なビジネスアカウントの発行も可能。手にしたその日からあなたの頼もしいパートナーに！

日本スキルズ株式会社【2024年４月1日版】

35