Geometry Attribute Colorizer v1.0.0

はじめに

DXFの輪郭データを読み込むと、幅・高さ・面積・傾きなどの属性を自動で計算し、 値に応じて色分け表示するブラウザアプリです。 結果はCSV・GLB・SVGとして書き出せます。

AutoCAD・QGIS・Illustratorなど、一般的なCAD/GISツールが書き出すDXFをそのまま読み込めます。 石材・部材・区画など、閉じた輪郭で表せるものであれば対象を問いません。

クイックスタート

まず何ができるか触ってみたい場合の最短手順です。所要2〜3分。

マウス・タッチ操作

パソコン（マウス）

iPad・タッチ画面

ビュー右上のボタン

性質ごとに3つのまとまりに分かれています。左から視点（正面・上面・全体）、 見え方（投影方式・背景色）、道具（現在地・選択）です。 画面が狭いときは2行に折り返します。

• 正面 — 立面図SVGと同じ向き（壁の正面）から見ます。書き出し前の構図確認に便利です。
• 上面 — モデルの真上から見下ろします。段の並び方や平面的な配置を確認するのに便利です。
• 全体 — モデル全体が画面に収まるように表示します。
• 平行投影 / 透視投影 — 3Dビューの投影方式を切り替えます。平行投影は遠近感（パース） がなく、奥行きによる見かけの大きさの違いが出ないため、寸法の比較や実測図的な見え方の確認に向いています。 今見ている向き・ズームを保ったまま切り替わります。
• ☀ / 🌙 — 背景色を切り替えます。投影や印刷、スクリーンショット向け。
• 現在地 — いま立っている場所の目安を俯瞰図に表示します (現在地を確認するを参照)。
• 選択 — なぞって複数のオブジェクトを選ぶ選択モードに切り替えます (まとめて選ぶを参照)。

文字が小さいとき

ビュー右上の「文字」を押すと、 標準 → 大 → 特大と切り替わります。 文字に合わせてパネルの幅も広がります。次に開いたときも覚えています。

ブラウザのピンチで拡大しないでください。 画面が拡大されたままビューを操作すると、 「画面は大きいのにビューだけ縮む」という分かりにくい状態になります。 拡大してしまったときは、2本指で縮めると戻ります。

左パネルを閉じる

3D表示の左端にある色の付いたつまみ（‹）を押すと、左のパネルを閉じて 3D表示を広げられます。もう一度押すと戻ります。読み込みと色分けが済んだ後の現場作業では、 使うのは3D表示・属性パネル・ミニマップ・上のボタンだけなので、閉じたほうが見やすくなります。

• iPad（縦）で 468px → 768px、横で 724px → 1024px まで広がります
• スマホなど縦に並ぶ画面では、つまみは上端に出ます
• アプリからの知らせは、パネルで読めないとき（閉じているとき、スクロールで上に流れているとき）画面左上にも表示されます
• 閉じたかどうかは次に開いたときも引き継がれます

右下の軸ギズモ・投影方式インジケータ

ビュー右下の円い表示は、読み込んだデータのX/Y/Z軸が現在の視点でどちらを 向いているかを常時示す軸ギズモです(X=赤、Y=緑、Z=青。Zは鉛直方向)。 視点を回転させると連動して回転します。

平行投影に切り替えている間は、軸ギズモの下に「平行投影」という ラベルが表示されます(既定の透視投影のときは非表示)。今どちらの投影方式かを 見た目だけで判断しづらいための工夫です。

ステップ別ガイド

左パネルは上から順に番号のついたステップになっています。 各ステップのタイトルをクリックすると開閉できます。 閉じていても、タイトル右側に現在の設定状態（例: Width(幅)）が薄く表示されます。

1. モデルを読み込む

解析したい3Dデータを読み込みます。ボタンから選ぶか、ビューポート（右の3D表示領域）へ ファイルをドラッグ＆ドロップしても読み込めます。

• GLB / DXF — メインのジオメトリ。DXFは読み込むと同時に属性が自動計算されます。
• フォトグラメトリモデル（背景） — OBJ+MTL+テクスチャ画像を重ねて表示できます。 位置合わせの参考にする背景用です。ファイルをまとめて選択するか、フォルダごと選択します。 重ねている間は輪郭モデルが常に写真より手前に描かれ、 輪郭モデルの不透明度（初期値65%）を下げるほど下の写真が透けて見えます。 写真だけを見たいときは背景モデルの不透明度ではなくこちらを下げてください。
• データ名 — このデータの名前。ファイル名が自動で入りますが、 変更できます（例: 本丸東面_2026調査）。この名前は書き出すCSVに記録され、 書き出すファイルの名前の先頭にも付きます （例: 本丸東面_2026調査_elevation.svg）。 複数の壁面を扱うときにダウンロードフォルダで区別できます （書き出しの使い分けを参照）。

2. 属性データを読み込む（任意・GLB利用時）

GLBモデルに外部のCSVで属性を紐づける場合に使います。 CSVのID列とモデルのオブジェクト名を対応させて属性を読み込みます。 DXFの場合は属性が自動計算されるため、このステップは基本的に不要です。

3. 色分けする

属性の値に応じてオブジェクトに色をつけます。

• 数値属性（幅・傾きなど）— グラデーションで表示。 配色プリセット（赤→青など）、色の反転、範囲の手動指定ができます。
• テキスト属性（石材種別など）— カテゴリごとに色分け。 種類が多い場合は「上位7カテゴリのみ色分け」で主要なものだけを目立たせ、 残りをグレーの「その他」にまとめられます。

属性を選ぶとその定義の説明も表示されるので、はじめての属性はそこで確認できます。 凡例とヒストグラム（値の分布）は画面下に表示されます。

• 色分けを実行 — 色を付けます。DXFとサンプルは読み込んだ時点で 自動的に実行されるので、押す必要があるのはGLB＋CSVの場合です。 一度実行したあとは、属性・配色・範囲を変えるとその場で反映されます （もう押す必要はありません）。
• 色をリセット — 色分けをやめて元の見た目に戻します。 形だけを見たいときや、傾きラインの線画だけを確かめたいときに使います。 フィルタは有効なままです。

範囲を手動で指定すると、色のグラデーションの最小値・最大値を固定できます。 外れ値で色が潰れるときや、複数のモデルで色の基準を揃えたいときに使います。 指定した範囲は属性ごとに覚えますので、属性を切り替えて戻ってきても 前の設定がそのまま残ります（別のモデルを読み込むとリセットされます）。

よく使う属性には初期値が入っています。毎回同じ基準で色を描けるので、 別の壁面と見比べるときに色の意味が揃います。値は自由に変更でき、 欄を空にすればその属性は自動（データの最小・最大）に戻ります。

この「範囲を手動で指定」は最初からオンになっています。 誰が開いても同じ配色になるため、書き出した図を並べて比較できます。 データに合わせた配色にしたい場合はチェックを外してください。

4. 傾きラインを描画する（任意） 石垣分析

各オブジェクトの外接矩形の水平軸に沿った中心線を描き、その傾きを線の色で表します。 石の水平方向の連続性が一目で分かります。

• 色 — 傾きに応じたグラデーション（初期設定は 0°＝青、±45°＝赤）。 中央色・両端色は自由に変更できます。
• 太さ — 20〜100mm（実寸）で調整（初期値75mm）。ズームしても実際の寸法として表示されます。

5. フィルタで絞り込む（任意）

数値属性ごとに残す範囲を決めて、そこから外れたオブジェクトを 半透明または非表示にします。「面積が0.05以上」のように条件を複数組み合わせられます （すべてを満たすものだけが残ります）。輪郭が壊れたオブジェクトも、自己交差を条件に加えれば除けます （「おすすめ設定を適用」に含まれています）。

「おすすめ設定を適用」を押すと、調査でよく使う3条件がまとめて入ります。 小さすぎる破片・極端に細長い形・水平に近い面を除く組み合わせです。 既にある条件は置き換えられます。

6. ラベルを表示する（任意）

各オブジェクトにID・属性値などを文字で表示します。表示する内容と文字サイズを選べます。 オブジェクトが多い場合、遠くのラベルは自動的に間引かれます（動作を軽く保つため）。

7. 書き出す

結果を複数の形式で書き出せます。用途別の詳しい説明は 書き出しの使い分けを参照してください。

• 属性をCSVで保存 — 全属性を表形式で。BIツールやPythonでの分析用。
• ID付きGLBで保存 — 3Dモデルとして。他のツールでの再利用用。
• 立面図をSVGで保存 — 報告書用のベクター図。含める要素（凡例・スケールバー・ ラベル・傾きライン）や輪郭線の太さを選べ、塗りなしの線画モードもあります。
• 現在のビューをSVGで保存 — 今画面に見えている構図のまま、 パースあり（遠近感つき）のベクター図として保存します。角度をつけた説明図の作成に便利です。
• まとめてZIPで保存 — 属性ごとの立面図をまとめて1つのZIPに。 報告書用の図を一度に揃えられます。

メモを書く 開発中

オブジェクトをタップすると右上に属性が出ます。ここにメモ欄があり、 点検の所見などを書き留められます。 メモは計算し直せない唯一のデータです。 幅や面積は何度でも計算し直せますが、現場で見て書いたことは戻せません。 そのため、失わないための仕組みを重ねてあります。

属性パネルは「属性」と「調査」に分かれています

オブジェクトを選ぶと出る右上のパネルは、2つのタブに分かれています。

• 属性 — 幅・高さ・面積などの一覧です
• 調査 — 調査日・調査者、分類、これまでの記述、メモ欄です。 現場で使うのはこちらです

最後に開いていたほうを次も開きます。 現場では「調査」、机の上では「属性」というように、使い分けがそのまま残ります。

書いたメモを残す

確実な保存手段は「属性をCSVで保存」です。メモは Note 列として 書き出され、そのCSVを読み込み直せば戻ります。

保存し忘れを防ぐ

未保存のメモがあるあいだは、3か所で知らせます。

• ビューの左上に「メモ○件 未保存」のバッジ
• 「7. 書き出す」の見出しにも件数（ステップを畳んでいても見えます）
• 「属性をCSVで保存」ボタンが目立つ色に変わる

保存すればすべて消えます。保存せずに閉じようとすると確認も出ます。

うっかり閉じてしまったら

書いたメモはブラウザにも自動で控えられます。 同じデータを読み込み直すと「復元しますか？」と聞かれます。

記入済みの箇所を図で見る

メモを書くと「メモの有無」という属性が自動で作られます （書き出すCSVに入ります。色分けで見るときは「履歴:記録の状況」を使います）。 これで色分けすると記入済みが赤、未記入がグレーで塗り分けられ、 どこまで見終えたかが一目で分かります。立面図SVGにも出せます。

メモ本文はラベルにも出せます（長いものは先頭だけ表示され、全文はインスペクタで読めます）。

まとめて選ぶ（ブラシ）

「孕み出している一角」「積み直しの範囲」のように、形や大きさでは絞り込めないまとまりを なぞって選び、まとめてメモを書くための機能です。 数値で表せる集まりはフィルタで絞り込めますが、現場で目で見て決めるまとまりは 手で選ぶしかありません。

選択モードに切り替える

ビュー右上の「選択」を押します。ボタンが点灯し、画面左上に状態が出ます。 解除はもう一度押すか Esc です。

なぞって選ぶ

筆の大きさは画面上の円で示されます。円の中心に来たオブジェクトと、 円の中に重心が入ったオブジェクトが選ばれます。 壁が曲がっている場合、裏側を向いている面は選ばれません（画面に見えていないものが混ざらないようにするためです）。 フィルタで除いたものも選ばれません。

選んだものは色がそのままで、選んでいないものが薄くなります。 どこまで選んだかが範囲として見えます。

まとめてメモを書く

2つ以上選ぶと、右上のパネルが一括入力に切り替わります。文章を書いて 「まとめて書く」を押すと、選んだすべてに同じメモが入ります。

選び間違えたとき

• 直前を取り消す — 1回のなぞりを単位として戻せます（20回分まで）。
• 選択を解除 — すべての選択を外します。
• 選択モード中は、何もない所をタップしても解除されません。 時間をかけて選んだものが押し間違いで消えないようにしているためです。

分類を付ける（石種・エリア）

石種やエリアのように計算では出せない分類を、手で付けるための機能です。 ブラシで選んで、値をタップするだけで付きます。

分類の列を作る

「2. 属性データを読み込む」の分類の列（手入力）で、名前を入れて 「列を作る」を押します（例: 石種、エリア）。

値を付ける

オブジェクトを選ぶ（ブラシで複数、またはクリックで1つ）と、 右上のパネルに分類が出ます。列を選び、値をタップすると 選んだすべてに付きます。

選択肢は事前に決めません。 その列で既に使われている値が候補として並び、 新しい値は入力欄に書いて「追加」を押せばその場で候補に加わります。 現場で新しい石種が出てきても手が止まりません。

付けた分類を色で見る

作った列は「3. 色分けする」の属性としてすぐ選べます。 値ごとの色は、使い始めた順に決まって以降変わりません。 新しい石種を足しても、既に色が付いている石種の色はそのままです。 まだ付けていないものは灰色になり、凡例に「未入力（○個）」として出るので、 塗り残しが一目で分かります。書き出したSVGの凡例にも同じ行が入ります。

表記ゆれを直す

「花崗岩」と「花コウ岩」のような書き分けは必ず起きます。前後の空白や全角・半角は 自動で揃えますが、漢字の違いは機械では判断できません。

ステップ2の分類の列を開くと、値ごとの件数が並びます。名前を書き換えて 「変更」を押すと全部に反映され、既にある値に変えれば統合されます。 あとからいくらでも直せます。

保存を忘れずに

前回の記録を見ながら書く 開発中

前回の調査で書き出したCSVを「2. 属性データ」の 前回までの記録（参考）から読み込むと、 「前回:」の付いた列が増えます。

• 石を選ぶと、メモ欄の上に前回の記述が出ます。 灰色の枠で表示され、書き換えることはできません
• 「履歴:記録の状況」で色分けすると、前回メモの付いた石が赤くなります。 残りは灰色です。今回追うべき石が、図の上で一目で分かります
• 「前回:石種」のように、前回付けた分類でも色分け・フィルタができます
• 前回のメモ本文はラベルにも出せます

点検データ（ZIP）で持ち運ぶ

「7. 書き出す」の点検データをZIPで保存で、モデル・属性・これまでの記録を1つにまとめられます。 次の点検はそのZIPを開くだけで始められます（3つのファイルを開く必要がありません）。

• 同じ日に開き直しても、書いた内容は消えません。 昼休みに保存して午後に再開する、という使い方ができます
• 日付が変われば、前の回は自動的に「前回」になります。 操作は要りません
• 複数人で点検したときは、それぞれのZIPから記録CSVを取り出して 1つのZIPに入れてください。開くと全部読み込まれ、統合されます。 同じ石に2人が書いていれば、両方とも残ります
• 記録に入るのは何か書いた石だけです。触っていない石の行は作りません

調査日と調査者はビュー右上の属性パネル、調査タブの先頭にあります。 調査日は今日が入っていますので、翌日に入力する場合などは打ち直してください。 調査者は次に開いたときも覚えています。

前回の指摘を、どこまで見たかを追う

「3. 色分けする」の履歴:記録の状況が、点検中にいちばん 役に立つ見方です。前回の記録が無い初回の点検でも使えます （そのときは「今回のみ」と「記録なし」の2つになります）。

• 前回のみ（赤） — 前回に記録があり、今回まだ何も 書いていない石です。回り残しがここに残ります
• 前回と今回（青） — 前回の記録があり、今回も書いた石です。 赤から青に変わります
• 今回のみ（橙） — 今回あらたに書いた石です
• 記録なし（グレー） — どちらにも記録がありません

書いた瞬間に赤から青へ変わります。 赤が無くなれば、前回の指摘はひととおり回り終えたことになります。

「前回のみ」を「未確認」とは呼んでいません。見たうえで書かない判断もあり、 書いていないことを「見ていない」と決めつけないためです。

誰がどこを見たかを確かめる

複数人の記録を持ち寄って統合したあと、「3. 色分けする」の 履歴:調査者で、分担どおりに回れたかを 図で確かめられます。

• その石に記録を残した人が全員並びます（例「佐藤・山田」）
• 記録なしはグレーです
• 元になるのは保存された記録です。 今回の書きかけは、点検データを保存すると入ります

何度も指摘されている石を見つける

記録がたまってくると、「3. 色分けする」に履歴:記録回数と 履歴:最終記録日が出てきます。

• 履歴:記録回数 — その石が何回の調査で記録されたかです。 一度も記録が無い石はグレーになり、 記録のある石だけが色付きで浮かび上がります。 何度も指摘されている石が一目で分かります
• 履歴:最終記録日 — 最後に記録された調査日です。 しばらく触れていない石を拾うときに使えます

同じ日に2人が書いた石は、2回ではなく1回と数えます。 2回指摘されたのではなく、1回の調査で挙がったものだからです。

使うための前提

前回と今回でオブジェクトのIDが変わっていないことが必要です。 DXFを読み込み直すとIDは振り直されるため、 一度だけ「ID付きGLB」を書き出し、以後はそれを読み込む運用にしてください。 GLBにはIDが焼き込まれるので、振り直されることがありません。

GLBは幾何属性（幅・高さなど）を持ちません。GLBと属性CSVは2つセットでお使いください。 重なった数は読み込んだときに表示されます。0個だった場合はIDの付き方が違っています。

現在地を確認する

ビュー右上の「現在地」を押すと位置情報モードに入り、 いま立っている場所の目安が俯瞰図（上から見た図）に表示されます。 ONの間は歩くとマーカーが追いかけます。もう一度押すと切れ、測位も止まります。 石垣のどのあたりにいるかを確かめ、その区画を画面で開くための機能です。

俯瞰図では、いま画面に映っている石が光ります。 「自分が立っている場所」と「いま編集しようとしている場所」がずれていないかを、 ご自分の目で確かめられます。誤差が大きいと隣の区画を掴んでいることがあり、 それに気づかないまま分類やメモを書き込むのがいちばん困るためです。

使える条件

• 実際の測量座標が入ったDXF（平面直角座標系）を読み込んでいること。 座標系は自動で判定します
• インターネット経由で開いていること。 オフライン版（ファイルを直接開く形）では、 ブラウザが位置情報を許可しないため使えません
• ブラウザの位置情報の許可

条件を満たさないときや、現在地がデータから遠すぎて座標系を判定できないときは、 何も表示せずに理由を出します。当てずっぽうの位置は出しません。

俯瞰図の見かた

俯瞰図は3D表示の右下（軸ギズモの上）に出ます。画面が狭いときは左下に出ます。

• 細かい点 — 石を上から見た位置。壁は上から見ると細長い線になります。 フィルタで除外した石は俯瞰図からも消えます（画面と同じものが載ります）
• オレンジの点 — 現在地の推定位置
• オレンジの円 — 測位の誤差。枠からはみ出すこともあります
• 中抜きのオレンジの丸 — 現在地が図の外にあるとき。枠際に寄せて描いています。 実際の距離は図の下に出ます
• 色の濃い点 — いま3D画面に映っている石
• 右上の矢印が北、左下が距離の目盛りです

「近くの区画を見る」を押すと、現在地に最も近いオブジェクトを中心に、 壁の正面から見る向きで3Dビューが動きます（裏側に回り込みません）。拡大の度合いはそのままです。 動くのはこのボタンを押したときだけです。 追いかけるのは俯瞰図のマーカーだけで、3Dビューが勝手に動くことはありません （GPSは数秒ごとに数十m跳ねるため、作業中に画面が飛ばないようにしています）。

データの準備

DXF（推奨）

オブジェクトの輪郭を表す閉じたポリラインで構成されたDXFファイル。読み込むと属性が自動計算されます。 以下の形式に対応しています。

• LWPOLYLINE — AutoCAD・QGIS・Illustratorなど、一般的なCAD/GISツールが 既定で書き出す形式です。標高（elevation）はZ座標として読み込まれます
• 閉じた3Dポリライン（クラスタリングソフトの出力形式）
• 2Dポリライン（Rhinoなどの出力形式）— 傾いた座標系（OCS）は自動でワールド座標に変換されます

レイヤー名の末尾の数字がIDとして使われます（例: Stone_123 → 123）。

GLB + CSV

Rhino/Grasshopperなどから書き出した3Dモデル（GLB）に、 別途用意したCSVの属性を紐づける方式。CSVにはID列と属性列が必要です。

OBJ（背景モデル）

フォトグラメトリで作成したテクスチャ付きモデルを背景として重ねられます。 OBJ本体・MTL・テクスチャ画像をまとめて選択するか、 フォルダごと選択してください。テクスチャは自動で適切なサイズに縮小されます。

輪郭モデルは平らな板なので、写真の凸凹した表面と同じ場所を占めます。 そのままでは手前・奥がピクセルごとに入れ替わり、色がまだらに散ってしまうため、 輪郭モデルを常に手前に描くようにしています。 写真との位置関係は、輪郭モデルの不透明度を下げて透かして確認してください。

書き出しの使い分け

iPad・スマホでは「送る」になります

指で操作する端末では、書き出しのボタンが「〜で送る」という表示になり、 押すと共有シートが開きます。メール・LINE・Slack・AirDropに その場で渡せるので、ファイルAppを開いて探す必要がありません。 シートには「ファイルに保存」も並ぶので、端末に残したいときもここから選べます。

• キャンセルしても大丈夫です。 送らずにシートを閉じた場合、 メモや分類の「未保存」の表示は消えません。送れていないのに 保存済みに見えることがないようにしています
• まとめてZIPだけは2回押します。 1回目で図を作り （属性ごとに色分けし直すため数秒かかります）、 ボタンが「まとめた図を送る (N枚)」に変わったら2回目で送ります。 作るのに時間がかかると、そのままでは共有シートを開けないためです
• パソコンではこれまでどおり「保存」（ダウンロード）です。 ダウンロードしてからメールに添付するほうが速いためです

CSV — データ分析用

計算した全属性を表形式で書き出します（Excel・BIツール・Pythonで開けます）。 文字コードはExcelでも文字化けしないUTF-8（BOM付き）です。

ステップ1でデータ名を設定しておくと、CSVの全行に Dataset 列として その名前が入ります。複数の調査データを横断的に分析するときの「どのデータ由来か」の 識別に使えます。たとえばPythonの pandas では次のように結合できます。

import pandas as pd, glob
df = pd.concat([pd.read_csv(f) for f in glob.glob("*.csv")])
df.groupby("Dataset")["Width"].describe()   # データ別に幅を集計

GLB — 3Dモデルとして再利用

オブジェクト名（ID）を保持したGLBを書き出します。Blender・Rhinoなど他のツールで 開いて再利用できます（DXF→GLBの変換としても使えます）。法線の向きは自動的に揃えられます。

SVG — 報告書用のベクター図

拡大しても劣化しないベクター画像（SVG）で書き出します。Illustratorなどで後から編集できます。 投影方法の異なる2つのモードがあります。

• 立面図をSVGで保存 — モデルの正面（壁面の向き）から見た正射投影。 遠近感による歪みがないため、実寸のスケールバーを入れられます。測量図・実測図向け。
• 現在のビューをSVGで保存 — 今の画面と同じ構図でそのまま書き出します。 3Dビューが透視投影ならパースあり、平行投影に切り替えていればパースなしで 書き出されます。距離で見かけの縮尺が変わりうるため、どちらのモードでもスケールバーは出力されません。 角度をつけた説明図・プレゼン資料向け。

両モードとも、書き出し時に以下を選べます。

• 含める要素 — 凡例・ラベル・傾きラインを個別にオン/オフ （スケールバーは立面図モードのみ選べます）。3D表示のオン/オフとは独立しているので、 「画面には出さないがSVGには入れる」もできます。
• 輪郭線の太さ — mm実寸で指定（0にすると輪郭線なし）。
• 塗りつぶしなし（線画）モード — オブジェクトを塗らず輪郭線だけの図に。実測図・トレース図風の出力に。

まとめてZIPで保存

報告書には「幅で色分けした図」「面積で色分けした図」…と何枚も必要になります。 1枚ずつ属性を切り替えて保存するのは手間なので、 チェックした属性ごとの立面図を一度に書き出し、ZIPファイル1つにまとめて保存できます。

• すべて同じ向き・同じ縮尺の立面図なので、並べて見比べられます
• 傾きラインの線画も一緒に入れられます。色分けをせず輪郭線と傾きラインだけを描いた図で、 石の積み方（布積み・乱積みなど）を読み取るのに向いています
• 色や線の太さ、含める要素は「SVGの詳細設定」の内容がそのまま使われます
• 書き出しが終わると、画面は元の状態（属性・範囲・色分け）に戻ります

属性を追加して読み込み直す（GLB + CSV の往復）

調査で得た独自の情報（石材種別、加工痕の有無、劣化度など）をオブジェクトごとに付けて 色分けしたい場合は、次の往復ワークフローが使えます。

1. DXFを読み込み、ID付きGLBとCSVを書き出します。 この時点でIDが自動採番され、GLBとCSVは同じIDで対応が取れています。
2. 書き出したCSVをExcelなどで開き、任意の属性列を追加します （例: StoneType 列に「切込接」「打込接」などを記入）。 ID列と行の対応は崩さないようにしてください。
3. アプリで手順1のGLBを読み込み、続いて編集したCSVを読み込みます。 GLBのオブジェクト名（ID）とCSVのID列が突き合わされ、追加した属性が反映されます。
4. 「3. 色分けする」で追加した属性を選べば、独自情報で色分けできます。 テキスト属性ならカテゴリ色、数値属性ならグラデーションになります。

設定は覚えられる？

見た目の設定は、次に開いたときも引き継がれます。 背景モデルと輪郭モデルの不透明度、傾きラインの色と太さ、 ラベルの文字サイズ、SVG書き出しで含める要素、ライト/ダーク、投影方式、 左パネルを閉じているかどうか、などです。 毎回チェックを入れ直す手間がなくなります。

一方で色分けの設定（配色・範囲・反転）は引き継ぎません。 誰が開いても同じ配色になるようにするためです。 前回の設定が残っていると、本人には「前回の続き」に見えたまま 他の人と色の意味がずれてしまい、ずれていること自体に気づけません。

困ったときは

ファイルを読み込めない・表示されない

• DXFは閉じたポリライン（LWPOLYLINE または POLYLINE）である必要があります。 線分（LINE）・スプライン（SPLINE）・円だけのファイルは読み込めません。 CAD側でポリラインに変換してから書き出してください。
• GLBは .glb 形式（バイナリ)にしてください。外部バッファを参照する .gltf は未対応です。
• 読み込み中に別のファイルを読もうとすると「完了までお待ちください」と出ます。少し待ってから操作してください。

傾きラインや色分けが反映されない

• 傾きラインは、DXF・内蔵サンプル・このアプリが書き出したGLB（点検データのZIPを含む）で利用できます。
• フィルタで除外したオブジェクトには傾きラインも引かれません（意図した連動です）。

全体表示で余白が大きい／モデルが小さい

ビュー右上の「全体」ボタンを押すと、余白5%でちょうど収まる大きさに調整されます。 斜めから見ている場合も、モデルが画面の中央に来るように配置されます。

操作しても反応がないとき（上級者向け）

ブラウザの開発者ツール（F12）を開き、Console（コンソール）タブに 赤いエラーが出ていないか確認すると原因の手がかりになります。 不具合を報告する際は、そのエラー文と、使っている版（画面のバージョン表記）を添えると解決が早まります。

データの安全性について

読み込んだデータはブラウザの中だけで処理され、どこにも送信されません。 ページを閉じるとデータは消えます（自動保存はされません）。必要な結果は書き出して保存してください。