LLore
ログイン
LLore

ゲーム攻略を、攻略する
ゲーマーのためのナレッジアーカイブ

プロダクト

  • Loreについて
  • |使い方ガイド

法務

  • 利用規約
  • |プライバシーポリシー
  • |コンテンツポリシー
  • |特定商取引法表記

サポート

  • お問い合わせ
  • |不正報告
© 2026 Lore. All rights reserved.
使い方ガイド/

埋め込みツールガイド

記事にインタラクティブな計算ツールを埋め込んで、読者が実際に試せる攻略情報を提供しましょう。

埋め込みツールとは?

埋め込みツールは、記事内にインタラクティブな計算機やシミュレーターを配置できる機能です。 ダメージ計算機・装備比較・ステータスシミュレーターなど、 読者がパラメータを入力してリアルタイムに結果を確認できます。

ツールは JSON で定義し、入力フィールド・計算式・出力を指定するだけで動作します。 プログラミングの知識がなくても、基本的な数式で計算ツールを作成できます。

実際のツール例

スライダーやトグルを操作してリアルタイムに結果が変わります。「コードを見る」タブで定義を確認できます。

🔧 インタラクティブツール

総合ダメージシミュレーター

キャラのレベル・装備・スキル・バフを組み合わせて最終ダメージを算出します

敵の防御力を40%ダウン
会心ダメージ+80%
総攻撃力798.00
最終ダメージ1286.00
DPS(1.2秒周期)1071.00 /s
HP 50,000 を倒す攻撃回数39.00 回
※ table(skill, v1, v2, v3, v4) はスキル番号に応じた倍率を参照しています

このツールは JSON の定義だけで動いています。 スライダー・ドロップダウン・トグルなどの入力と、table 関数によるルックアップ、 複数の計算式を組み合わせて複雑なシミュレーションも表現できます。

AIでかんたん生成

JSONを自分で書く必要はありません。エディタに搭載された AI プロンプト機能を使えば、 ほしいツールを自然言語で伝えるだけで生成できます。

01

「AI用プロンプト」をコピー

ツールブロックの操作バーにあるAI用プロンプト ボタンをクリックすると、 ツール生成用のプロンプトがクリップボードにコピーされます。
02

AIにツールの内容を伝える

ChatGPT や Claude などのAIチャットにプロンプトを貼り付け、 「攻撃力と防御力からダメージを計算するツールを作って」のように伝えます。
03

生成されたJSONを貼り付け

AIが出力した JSON をコピーし、エディタの「JSON編集」モードに貼り付けて保存するだけで完成です。
💡
ヒント: 「スライダーで攻撃力を調整できるようにして」「属性をドロップダウンで選べるようにして」など、 具体的にUIを指定するとより良いツールが生成されます。

ツールの埋め込み方

マークダウン記法とリッチエディタの2つの方法で埋め込めます。

マークダウン記法

基本構文
:::tool
{
  "title": "ダメージ計算機",
  "inputs": [
    { "id": "atk", "type": "number", "label": "攻撃力", "default": 100 },
    { "id": "def", "type": "number", "label": "防御力", "default": 50 }
  ],
  "outputs": [
    { "id": "dmg", "label": "ダメージ", "expr": "atk - def * 0.5" }
  ]
}
:::

:::tool と ::: で囲んだ JSON でツールを定義します。 JSON には title(タイトル)、inputs(入力フィールド)、outputs(出力フィールド)を指定します。

リッチエディタでの挿入

01

ツールブロックを追加

エディタのフローティングメニューから「ツール」を選択すると、 ツールブロックが挿入されます。
02

ツールを設定

ビジュアルエディタでタイトル・入力フィールド・計算式・出力を設定します。 JSON モードで直接編集することもできます。
03

プレビューで確認

プレビュータブで実際の動作を確認できます。 入力値を変えて計算結果が正しいか検証しましょう。

エディタの操作画面

Mini Map
Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
ライブプレビュー
🔧 インタラクティブツール

ダメージ計算機

ダメージ650.00

ビジュアルモードではノードグラフでツールの構造を視覚的に編集できます。 操作バーの「AI用プロンプト」からAI生成のワークフローにも移行できます。

ツールの種類と活用

入力タイプ

number — 数値入力(スライダー付き)。攻撃力、レベルなどに。

select — ドロップダウン選択。属性、武器種などの選択肢に。

checkbox — ON/OFF の切り替え。バフの有無などに。

計算式(expr)

四則演算(+ - * /)、 比較演算子、三項演算子が使えます。 入力フィールドの id を変数名として参照します。

組み込み関数: floor ceil round max min abs pow sqrt clamp など。 安全性のため、任意のコード実行やネットワーク通信は行えません。

ツールグラフの読み方

ツールの構造は「ツールグラフ」としてフロー図で可視化されます。 グラフでは計算の流れを視覚的に確認できます。

ノードの種類

入力ノード — 読者が値を入力するフィールド。青系の色で表示されます。

計算ノード — 入力値を計算する処理。緑系の色で表示されます。

出力ノード — 計算結果を表示するフィールド。紫系の色で表示されます。

条件ノード — 条件分岐を表す処理。オレンジ系の色で表示されます。

エッジ(矢印)

ノード間の矢印はデータの流れを示します。 入力ノードから計算ノード、計算ノードから出力ノードへとデータが流れます。

効果的な使い方のコツ

解説と合わせて使う

ツールだけを貼るのではなく、計算の仕組みやゲーム内の計算式を解説した上で ツールを配置すると、読者の理解が深まります。

適切なデフォルト値を設定する

入力フィールドには、一般的なプレイヤーが参考にしやすいデフォルト値を設定しましょう。 読者がすぐに結果を確認でき、自分の値に変更する導線が自然になります。

読者に「比較」させる構成にする

ツールが最も活きるのは、読者が「AとBどっちが強い?」を自分で試せるときです。 武器の選択肢をドロップダウンにする、バフのON/OFFをトグルにするなど、 切り替えて比較できる設計にすると、記事の説得力がぐっと上がります。

← 使い方ガイドに戻る