# HTML パネルのプラグインを作成する

![](/files/krZuCC4PkKRtB8ofYpa7)

HTML ページを表示するパネルベースのプラグインには、次の構造を持つ *manifest.json* ファイルがあります。

```
{
    "PluginName": "Hello Block!",
    "PluginType": "Panel",
    "PluginDescription": "Creates a panel with an HTML form that allows dimensional input for a 3D block which will get generated at the world origin.",
    "Scripts": [
        "PLUGINLOCATION/block.js"
    ],
    "Panel": "PLUGINLOCATION/hello_block.html",
    "PanelIcon": "PLUGINLOCATION/hello_block.png"
}               
```

[一般的な JSON プロパティ](/ja/plugins/how-to-develop-plugins/advanced-development/general-plugin-setup-in-the-manifest.md)に加えて、パネルベースのプラグインには、次の特殊な JSON プロパティが含まれています。

* 「Panel」は、このプラグインがパネルであること、およびパネルにロードする必要がある HTML ファイルの場所へのリンクを、FormIt に伝えます。
* HTML ファイルのヘッダには、適切な JavaScript ファイルおよびスタイル設定用の CSS ファイルへのリンクが必要です。
* HTML ファイルは、ブラウザの場合と同様に、FormIt パネルでレンダリングされます。
* [FormIt3D Organization](https://github.com/FormIt3D/) には、HTML インタフェースの例が数多く用意されています。
* 「PanelIcon」は、アプリケーションの右側のタブに表示されるこのプラグインのアイコンを定義します。未定義の場合は、FormIt によってプラグイン名の頭文字を使用したアイコンが自動で作成されます。

HTML、CSS、および JavaScript ファイルを設定したら、[ロードまたはインストール](https://windows.help.formit.autodesk.com/ja/plugins/how-to-develop-plugins/additional-development-options/pages/wjPeBsbp3ZNJPZmkyPtC#load-vs.-install)して、HTML パネルのプラグインのテストを開始できます。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://windows.help.formit.autodesk.com/ja/plugins/how-to-develop-plugins/additional-development-options/creating-an-html-panel-plugin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.