08. リモートセッション設定ツール
他の場所(別のアプリ、Unityのシーン、Haply Hubのデモなど)で実行中のセッションを、そのデバイスに対してHTTP REST呼び出しを行うことで再構成します。このチュートリアルではWebSocketは開かれません。別のアプリが引き続きハプティックを出力している間、ベース、ワークスペースプリセット、またはマウント変換を変更するために、GET、POST、DELETEリクエストのみが送信されます。
ユースケース
- 実行中のデモをリアルタイムで調整します。 Haply HubでOrbデモを起動し、別のターミナルでこのチュートリアルを実行して、基本順列を入れ替えたり、ワークスペースプリセットを変更したり、マウント変換をわずかに移動させたりしてみてください。デモを停止することなく、Orbシーンの座標系が即座に変化します。
- ユーザーごとのワークスペースのキャリブレーション。 ホストコンピュータ上でハプティックシーンを実行し、同じネットワーク上のオペレーターが
mount-オフセット/回転/拡大縮小を設定し、仮想ワークスペースがユーザーのデスクと一致するようにします。 - デバイス選択機能付きのオプションメニュー。 これらのHTTPヘルパーは、
GET /devices照会する(参照: チュートリアル 00)、デバイスの一覧を表示し、インタラクティブなメニューを構築する(デバイスを選択して、その後再設定を行う)ために、セッションのWebSocketには一切触れないようにします。このチュートリアルでは、次のように尋ねます/sessionsab およびハードコーディング*inverse/0; より大きなものへの移行/devicesただし、制御された選択は局所的な変更である。 - スクリプトによる再構成。録画セッションが開始される前に、事前手順(ベース、プリセット、マウントの設定)を自動化し、各クライアントに設定を組み込む必要をなくします。
前提条件
チュートリアル 08 では、すでに実行中のセッションの設定を変更します。これを行うには、任意のアクティブなハプティックセッション(別のチュートリアル、Unity のシーン、または「Haply Hub」のデモなど)が必要です。
Haply Hubを開き、Orbのデモを起動してから、直接話しかけてみてください:
./08-haply-inverse-http-remote-config --session co.haply.hub::demo-orb
python 08-haply-inverse-http-remote-config.py --session "co.haply.hub::demo-orb"
「Orb」シーンは、デバイスのワークスペース内に球体をレンダリングします。チュートリアル08「基本」やプリセットを切り替えたり、マウントの変形をわずかに移動させたりすると、「Orb」シーンの座標系がリアルタイムで目に見える形で移動します。
使用方法
# Pick a session interactively (lists every session the service knows)
./08-haply-inverse-http-remote-config
python 08-haply-inverse-http-remote-config.py
# Target the Haply Hub Orb demo directly
./08-haply-inverse-http-remote-config --session co.haply.hub::demo-orb
python 08-haply-inverse-http-remote-config.py --session "co.haply.hub::demo-orb"
# Target one directly by selector
./08-haply-inverse-http-remote-config --session :my_profile:0
python 08-haply-inverse-http-remote-config.py --session "#42"
# Or by a wildcard profile pattern (first match) — handy when the exact profile is unknown
./08-haply-inverse-http-remote-config --session "co.haply.hub::*:0"
# Pick a specific device on the session (default is *inverse/0)
./08-haply-inverse-http-remote-config --device 'inverse3/#A12' # by exact id
./08-haply-inverse-http-remote-config --device '*inverse:left/0' # first left-handed inverse
./08-haply-inverse-http-remote-config --device '*inverse:right/0' # first right-handed inverse
./08-haply-inverse-http-remote-config --device '*verse_grip/0' # first grip-family device
このチュートリアルは、起動時にセッションの現在のベース/プリセット/マウントを表示し、その後、キー入力を待機します。キーが押されるたびに、正確に1回のREST呼び出しが送信されます。
プロファイル名のないセッションには、数値IDを介してのみアクセスできます。このIDは実行のたびに変化します。メインアプリケーションでは、最初のメッセージ送信時に session.configure.profile.name 呼び出します。その後、次のような安定したセレクタを --session :my_profile:0 すべての実行にわたって再利用できます。詳しくは セッション — プロフィール名.
キー割り当て
- Python
- C++
| 味 | アクション |
|---|---|
B | 基底の順列を適用する |
P | ワークスペースプリセットを切り替える |
W / E / R | マウント編集モードの選択 — 位置 (mm) / 回転 (°) / 拡大率 (%) |
← / → | 現在のモードで−X / +X ステップ進む |
↑ / ↓ | 現在のモードで +Y / −Y を1ステップ |
Page Up / Page Down | 現在のモードで +Z / −Z を1ステップ |
= / - | 3軸すべてで同時に均一なスケーリング(常に利用可能) |
Delete | DELETE 基本設定 + プリセット + マウント — デバイスのデフォルト設定にリセット |
H | ヘルプを表示 |
Esc | 終了 (Ctrl+C (これも機能します) |
行ベース — コマンドを入力し、Enterキーを押してください。
| コマンド | アクション |
|---|---|
b | 基底の順列を通す |
p | ワークスペースプリセットを切り替える |
w / e / r | マウント編集モードの選択 — 位置 (mm) / 回転 (°) / 拡大率 (%) |
x+[N] … z-[N] | 現在の軸は N 能動態の自然単位内で移動する(x+ ohne Wert = 標準 5) |
sx+[N] … sz-[N] | 1軸での不均一な拡大縮小を行うショートカット(パーセント)、常に利用可能 |
u+[N] / u-[N] | 3軸すべてにおいて、±N%の均一なスケーリングを同時に行う |
reset | DELETE ベース+プリセット+マウント用 |
h | ヘルプを表示 |
終了するには、Ctrl+C を押してください(または Ctrl+D / EOF)。
HTTPメソッド — GET、POST、DELETE
このチュートリアルでは、3つのHTTPメソッドのみを使用しています。各呼び出しでは、標準の JSON-Envelope ({"ok": true, "data": {...}} 成功した場合、 {"ok": false, "error": "..."} (エラーの場合)および、3つのステータスコードのうちの1つ: 200 成功、 400 不正なリクエスト、 404 Selektorは何も見つかりませんでした。
| 方法 | Zweck | 使用されたパス |
|---|---|---|
GET | 現在の状態の読み取り — セッション一覧、特定のセッションの照会、現在の設定値 | /sessions, /sessions/<selector>, /<device_selector>/config/{basis,preset,mount}?session=... |
POST | 設定値を置き換える — リクエストボディはJSON形式 | /<device_selector>/config/{basis,preset,mount}?session=... |
DELETE | 設定値をデバイスのデフォルト値にリセットする | /<device_selector>/config/{basis,preset,mount}?session=... |
HTTPの補助関数
3つのメソッドを包むシンプルなラッパーを用意し、チュートリアルの残りの部分が純粋なアプリケーションロジックのように読めるようにします:
- Python
- C++ (nlohmann)
- C++ (Glaze)
Pythonでは requests.Session() HTTP-Keep-Alive について(リクエストごとのレイテンシを約 50 ms から約 5 ms に短縮):
http = requests.Session()
def api_get(path):
r = http.get(f"{BASE_URL}{path}", timeout=3)
return r.json() if r.status_code == 200 else None
def api_post(path, body):
r = http.post(f"{BASE_URL}{path}", json=body, timeout=3)
return r.json() if r.status_code == 200 else None
def api_delete(path):
r = http.delete(f"{BASE_URL}{path}", timeout=3)
return r.json() if r.status_code == 200 else None
def session_url(endpoint):
return f"{endpoint}?session={session_selector}"
libhv stellt requests::get / requests::post / requests::Delete bereit(大 D — delete (これはC++のキーワードです)。POSTの場合、以下を行うには手動でリクエストを作成する必要があります。 Content-Type: application/json を設定する:
static std::string session_url(const std::string &endpoint) {
return BASE_URL + endpoint + "?session=" + session_selector;
}
static json http_get(const std::string &url) {
auto resp = requests::get(url.c_str());
if (!resp || resp->status_code != 200) return {};
try { return json::parse(resp->body); } catch (...) { return {}; }
}
static bool http_post_json(const std::string &url, const json &body) {
auto req = std::make_shared<HttpRequest>();
req->method = HTTP_POST;
req->url = url;
req->content_type = APPLICATION_JSON;
req->body = body.dump();
auto resp = requests::request(req);
return resp && resp->status_code == 200;
}
static bool http_delete(const std::string &url) {
auto resp = requests::Delete(url.c_str());
return resp && resp->status_code == 200;
}
Response-Bodies は常に {"ok", "data": T}-エンベロープ。1つのテンプレートが、すべての型指定されたGETを囲んでいる。これと同じ HttpRequest-MusterはPOSTリクエストを処理します。 glz::write_json:
template <typename T> struct envelope { bool ok{}; T data{}; };
template <typename Payload>
static std::optional<Payload> http_get_envelope(const std::string &url) {
auto resp = requests::get(url.c_str());
if (!resp || resp->status_code != 200) return std::nullopt;
envelope<Payload> env{};
if (glz::read<glz_settings>(env, resp->body)) return std::nullopt;
return std::move(env.data);
}
template <typename Body>
static bool http_post_json(const std::string &url, const Body &body) {
std::string buf;
if (glz::write_json(body, buf)) return false;
auto req = std::make_shared<HttpRequest>();
req->method = HTTP_POST;
req->url = url;
req->content_type = APPLICATION_JSON;
req->body = std::move(buf);
auto resp = requests::request(req);
return resp && resp->status_code == 200;
}
static bool http_delete(const std::string &url) {
auto resp = requests::Delete(url.c_str());
return resp && resp->status_code == 200;
}
セッションの特定 — GET /sessions
以下に基づいて分岐する --session:
--session SELECTOR指定された → einGET /sessions/<SELECTOR>.200→ 使用する;404→ エラーを表示する。- 旗なし →
GET /sessions(一覧) → プロファイル名付きのセッションを表示 → インデックスを照会 → 最終的なセレクタを作成(推奨:profile:0、利用可能な場合は;そうでない場合は#id).
SELECTOR 以下の条件を満たすあらゆる形式を受け入れます Selektoren — セッションセレクター 次のように定義されている: :profile:instance, #id, :-1, :0、簡単なプロフィール名、または プロフィール名のワイルドカード-次のような co.haply.hub::*:0. このチュートリアルでは、文字列をそのまま渡します。サービス側がそれを解析します。
- Python
- C++ (nlohmann)
- C++ (Glaze)
def discover_session(session_arg):
global session_selector
if session_arg:
# Direct lookup (e.g. ":my_profile:0", "#42", ":-1")
if api_get(f"/sessions/{session_arg}") is None:
return False
session_selector = session_arg
return True
# Otherwise: list and pick
data = api_get("/sessions")
sessions = data.get("data", {}).get("sessions", [])
for i, s in enumerate(sessions):
name = s.get("config", {}).get("profile", {}).get("name", "default")
print(f" [{i}] session #{s['session_id']} profile={name}")
picked = sessions[int(input("Pick session index: "))]
name = picked.get("config", {}).get("profile", {}).get("name", "")
# Prefer the profile selector — it survives restarts; id doesn't
session_selector = (f":{name}:0" if name and name != "default"
else f"#{picked['session_id']}")
return True
static bool discover_session(const std::string &session_arg) {
if (!session_arg.empty()) {
const auto data = http_get(BASE_URL + "/sessions/" + session_arg);
if (data.is_null()) return false;
session_selector = session_arg;
return true;
}
const auto data = http_get(BASE_URL + "/sessions");
const json &list = data["data"]["sessions"];
for (size_t i = 0; i < list.size(); ++i) {
const int sid = list[i].value("session_id", 0);
std::string prof = "default";
if (list[i].contains("config") && list[i]["config"].contains("profile"))
prof = list[i]["config"]["profile"].value("name", std::string{"default"});
printf(" [%zu] session #%d profile=%s\n", i, sid, prof.c_str());
}
std::string line; std::getline(std::cin, line);
const json &picked = list[std::stoi(line)];
std::string prof;
if (picked.contains("config") && picked["config"].contains("profile"))
prof = picked["config"]["profile"].value("name", std::string{});
session_selector = (!prof.empty() && prof != "default")
? ":" + prof + ":0"
: "#" + std::to_string(picked.value("session_id", 0));
return true;
}
回答の構造をStructsとして表現してください。Glazeが自動的にそれを反映します:
struct profile_info { std::string name; };
struct session_config{ std::optional<profile_info> profile; };
struct session_info { int session_id{}; std::optional<session_config> config; };
struct sessions_list { int session_count{}; std::vector<session_info> sessions; };
static bool discover_session(const std::string &session_arg) {
if (!session_arg.empty()) {
auto resp = requests::get((BASE_URL + "/sessions/" + session_arg).c_str());
if (!resp || resp->status_code != 200) return false;
session_selector = session_arg;
return true;
}
auto list = http_get_envelope<sessions_list>(BASE_URL + "/sessions");
if (!list || list->sessions.empty()) return false;
for (size_t i = 0; i < list->sessions.size(); ++i) {
const auto &s = list->sessions[i];
std::string prof = "default";
if (s.config && s.config->profile) prof = s.config->profile->name;
printf(" [%zu] session #%d profile=%s\n", i, s.session_id, prof.c_str());
}
std::string line; std::getline(std::cin, line);
const auto &picked = list->sessions[std::atoi(line.c_str())];
std::string prof;
if (picked.config && picked.config->profile) prof = picked.config->profile->name;
session_selector = (!prof.empty() && prof != "default")
? ":" + prof + ":0"
: "#" + std::to_string(picked.session_id);
return true;
}
デバイス・セレクター — *inverse/0
設定の呼び出しは、1回の呼び出しにつき1つのデバイスに限定されます。このチュートリアルでは、ファミリーワイルドカードとインデックスを組み合わせたセレクタを使用しています:
/*inverse/0/config/<key>
*inverseInverseシリーズのどのデバイスにも適合します(inverse3,inverse3x,minverse) — このチュートリアルは、具体的なモデルに関係なく、そのまま利用できます。0このファミリー内ではインデックスは0から始まる――このチュートリアルでは、常に最初の逆関数についてのみ言及している。
別のデバイスに切り替えるには、文字列を1つ変更するだけで済みます。以下の引数を渡してください。 --device (これに基づいてパスが生成されます):
/verse_grip/0/config/basis?session=... # --device verse_grip/0
/*verse_grip/0/config/basis?session=... # --device '*verse_grip/0' — first grip, any kind
/inverse3/A14/config/mount?session=... # --device 'inverse3/#A14'
/*inverse:left/0/config/basis?session=... # --device '*inverse:left/0' — first left-handed inverse
/*inverse:right/0/config/basis?session=... # --device '*inverse:right/0' — first right-handed inverse
クラス :left / :right wird vor インデックス作成に適用される — *inverse:left/0 は「第0の」を意味する 左利き 「逆関数」、ではなく「0次逆関数、できれば左側」。参照: セレクタ — クラスフィルターはインデックス作成前に解決される.
このチュートリアルは起動時に GET …/config/basis-リクエスト。セッションに
デバイスがない場合、 --device に相当する(例: --device '*inverse:left/0' (
右利き専用構成の場合)、サービスは次のように応答します。 404 no device matches selector '<sel>'; このチュートリアルでは Device '<sel>' not found in session '<sel>'. aus
で始まり、ステータス 1. その際、旧式の標準値を用いたキーボードループは開始されません。
完全な構文については、以下をご覧ください。 セレクター — デバイスセレクター. 固定値の代わりにデバイス選択メニューを作成するには、以下の方法でデバイスの数を数えてください。 GET /devices?session=<selector> auf (チュートリアル 00) を選択し、選択した device_id 設定パスに。
POSTの設定 — 基本設定、プリセット、マウント
リクエストの構成は同じだが、ボディのスキーマが異なる3つのキー。各POSTリクエストは、 200 得られた値を data、あるいは 404、セッションセレクターまたはデバイスセレクターで一致する結果が見つからなかった場合。
基礎
POST /*inverse/0/config/basis?session=:my_profile:0
Content-Type: application/json
{"permutation": "XZY"}
回答: {"ok": true, "data": {"permutation": "XZY"}}
- Python
- C++ (nlohmann)
- C++ (Glaze)
def post_basis():
perm, _ = BASIS_OPTIONS[basis_index]
api_post(session_url("/inverse3/0/config/basis"), {"permutation": perm})
static void post_basis() {
http_post_json(session_url("/inverse3/0/config/basis"),
{{"permutation", BASIS_OPTIONS[basis_index].first}});
}
struct basis_body { std::string permutation; };
static void post_basis() {
http_post_json(session_url("/inverse3/0/config/basis"),
basis_body{BASIS_OPTIONS[basis_index].first});
}
プリセット
POST /*inverse/0/config/preset?session=:my_profile:0
Content-Type: application/json
{"preset": "arm_front_centered"}
回答: {"ok": true, "data": {"preset": "arm_front_centered"}}
- Python
- C++ (nlohmann)
- C++ (Glaze)
def post_preset():
preset = PRESET_OPTIONS[preset_index]
api_post(session_url("/inverse3/0/config/preset"), {"preset": preset})
static void post_preset() {
http_post_json(session_url("/inverse3/0/config/preset"),
{{"preset", PRESET_OPTIONS[preset_index]}});
}
struct preset_body { std::string preset; };
static void post_preset() {
http_post_json(session_url("/inverse3/0/config/preset"),
preset_body{PRESET_OPTIONS[preset_index]});
}
マウント
POST /*inverse/0/config/mount?session=:my_profile:0
Content-Type: application/json
{
"transform": {
"position": {"x": 0.02, "y": 0.0, "z": 0.0},
"rotation": {"w": 0.966, "x": 0.0, "y": 0.259, "z": 0.0},
"scale": {"x": 1.0, "y": 1.0, "z": 1.0}
}
}
回答: {"ok": true, "data": {"transform": { ... }}} — 正規化後の実数変換を返します。
- Python
- C++ (nlohmann)
- C++ (Glaze)
def post_mount():
body = {
"transform": {
"position": {"x": mount_pos[0], "y": mount_pos[1], "z": mount_pos[2]},
"rotation": quat_from_euler_deg(*mount_rot),
"scale": {"x": mount_scale[0], "y": mount_scale[1], "z": mount_scale[2]},
}
}
api_post(session_url("/inverse3/0/config/mount"), body)
static void post_mount() {
http_post_json(session_url("/inverse3/0/config/mount"), {
{"transform", {
{"position", {{"x", mount_pos[0]}, {"y", mount_pos[1]}, {"z", mount_pos[2]}}},
{"rotation", quat_from_euler_deg(mount_rot[0], mount_rot[1], mount_rot[2])},
{"scale", {{"x", mount_scale[0]}, {"y", mount_scale[1]}, {"z", mount_scale[2]}}},
}},
});
}
struct vec3 { float x{}, y{}, z{}; };
struct quat { float w{1.0f}, x{}, y{}, z{}; };
struct transform_t { vec3 position{}; quat rotation{}; vec3 scale{1.0f, 1.0f, 1.0f}; };
struct mount_body { transform_t transform; };
static void post_mount() {
http_post_json(session_url("/inverse3/0/config/mount"), mount_body{
transform_t{
.position = vec3{mount_pos[0], mount_pos[1], mount_pos[2]},
.rotation = quat_from_euler_deg(mount_rot[0], mount_rot[1], mount_rot[2]),
.scale = vec3{mount_scale[0], mount_scale[1], mount_scale[2]},
}});
}
mount und preset 互いに排他的であるいずれかのフィールドに対するPOSTリクエストが送信されると、デバイス上ではもう一方のフィールドが削除されます。このチュートリアルでは、この点については明示的に扱っていません。各POSTリクエストは独立しており、競合はサーバー側で解決されます。WebSocketの観点から見た同様のルールについては、チュートリアル07を参照してください。
DELETE-リセット — 3回の呼び出し
reset 設定キーごとに1つのDELETEを送信します。それぞれが 200 現在標準となっている値で data.
- Python
- C++ (nlohmann)
- C++ (Glaze)
def reset_all():
api_delete(session_url("/inverse3/0/config/basis"))
api_delete(session_url("/inverse3/0/config/preset"))
api_delete(session_url("/inverse3/0/config/mount"))
static void reset_all() {
http_delete(session_url("/inverse3/0/config/basis"));
http_delete(session_url("/inverse3/0/config/preset"));
http_delete(session_url("/inverse3/0/config/mount"));
}
static void reset_all() {
http_delete(session_url("/inverse3/0/config/basis"));
http_delete(session_url("/inverse3/0/config/preset"));
http_delete(session_url("/inverse3/0/config/mount"));
}
マウントの回転の組み立て
transform.rotation istは変換において単位クォータニオンです。このチュートリアルでは、回転をZ-Y-Xの順序(X軸周りのピッチ、Z軸周りのヨー、Y軸周りのロール — すべて度単位)で表されるイントリinsicオイラー3元組として保存し、POSTのたびにクォータニオンを再構築します。
- Python
- C++ (nlohmann)
- C++ (Glaze)
def quat_from_euler_deg(pitch_x, yaw_z, roll_y):
"""Hamilton quaternion for q = q_z * q_y * q_x (apply X, then Y, then Z)."""
hx, hy, hz = (math.radians(a) * 0.5 for a in (pitch_x, roll_y, yaw_z))
cx, sx = math.cos(hx), math.sin(hx)
cy, sy = math.cos(hy), math.sin(hy)
cz, sz = math.cos(hz), math.sin(hz)
return {
"w": cz*cy*cx + sz*sy*sx,
"x": cz*cy*sx - sz*sy*cx,
"y": cz*sy*cx + sz*cy*sx,
"z": sz*cy*cx - cz*sy*sx,
}
static json quat_from_euler_deg(float pitch_x, float yaw_z, float roll_y) {
constexpr float deg_to_rad = 3.14159265358979323846f / 180.0f;
const float hx = pitch_x * 0.5f * deg_to_rad;
const float hy = roll_y * 0.5f * deg_to_rad;
const float hz = yaw_z * 0.5f * deg_to_rad;
const float cx = std::cos(hx), sx = std::sin(hx);
const float cy = std::cos(hy), sy = std::sin(hy);
const float cz = std::cos(hz), sz = std::sin(hz);
return {
{"w", cz * cy * cx + sz * sy * sx},
{"x", cz * cy * sx - sz * sy * cx},
{"y", cz * sy * cx + sz * cy * sx},
{"z", sz * cy * cx - cz * sy * sx},
};
}
static quat quat_from_euler_deg(float pitch_x, float yaw_z, float roll_y) {
constexpr float deg_to_rad = 3.14159265358979323846f / 180.0f;
const float hx = pitch_x * 0.5f * deg_to_rad;
const float hy = roll_y * 0.5f * deg_to_rad;
const float hz = yaw_z * 0.5f * deg_to_rad;
const float cx = std::cos(hx), sx = std::sin(hx);
const float cy = std::cos(hy), sy = std::sin(hy);
const float cz = std::cos(hz), sz = std::sin(hz);
return quat{
.w = cz * cy * cx + sz * sy * sx,
.x = cz * cy * sx - sz * sy * cx,
.y = cz * sy * cx + sz * cy * sx,
.z = sz * cy * cx - cz * sy * sx,
};
}
ハミルトンによる単位クォータニオン、右巻き、スカラー優先(w) — サービスの他の部分と同じ規約です。詳しくは quaternion. 曲の演奏順は Z-Y-X 本質的 (q = q_z * q_y * q_x): まずX軸(ピッチ)周りの回転を適用し、次にY軸(ロール)周りの回転を適用し、最後にZ軸(ヨー)周りの回転を適用してください。
このチュートリアルでは、各ステータス行ごとに、導出されたクォータニオンとオイラー3要素を併せて表示します。これにより、デバイスが回転する前に合成を確認することができます。ローカルのオイラー状態は、 (0, 0, 0)、セッションにすでに何が含まれているかに関係なく――最初の mount POST 既存の値を上書きします。
入力モデル(概要)
HTTPとの連携が主眼であり、キーボード操作は二次的なものです。意図的に省略した点が2つあります:
- Python このパッケージは
keyboard— クロスプラットフォーム対応で、キーを押したままにする際のキーリピートをネイティブに処理します。矢印キー、Page Up/Page Downsowie=/-ボタンを押し続けている間、マウント軸を移動させます;BundP立ち上がりエッジで、ベースとプリセットの間を周期的に切り替わります。 - C++ 使用
std::getline(std::cin, ...)そして、コンパクトなトークン文法(x+20,sx-5,u+10) — 継続的な微調整を行うにはやや不便ですが、その分、プラットフォーム固有の制約がありません#ifdef-コンソールAPI向けの分岐は移植可能。
ソースコード
チュートリアル 08 も SDK とともにローカルにインストールされます。サービスのインストールディレクトリ内の tutorials/08-haply-inverse-http-remote-config/.
関連項目: セッション — リモート制御·セレクタ·デバイス設定·基本順列·マウントとワークスペース·JSONの規約·チュートリアル 00 — デバイス一覧·チュートリアル 07 — 基本とマウント(WebSocket版)