プラグインスターターテンプレート

公式スターターテンプレートには、Zensoウィジェットを開発・プレビュー・ビルドするために必要なすべてが揃っています。

ソースコードとリポジトリ

公式テンプレートおよびサンプルリポジトリはMITライセンスで提供されています。

GitHubで zenso-plugin-examples を見る →

テンプレートの構成と同梱内容

リポジトリ構成：

• manifest.json：schemas.zenso.ink 仕様に準拠した事前設定済み契約。
• index.liquid：カスタムスタイリングしやすいセマンティックなHTMLテンプレート。
• style.css：電子ペーパーの視認性に最適化されたスタイルシート。
• mock/plugin.json：ネットワーク通信なしでローカル検証できるモックデータ。
• Viteシミュレーター：実機の画面比率とパレット色を忠実にシミュレートする開発環境。

3ステップで始めるウィジェット開発

# 1. リポジトリをクローン
git clone https://github.com/zensoink/zenso-plugin-examples.git my-plugin
cd my-plugin

# 2. 依存関係のインストールとシミュレーター起動
pnpm install
pnpm dev

# 3. 配布用 plugin.zip のビルド
pnpm build

パッケージングとパネルへの登録

pnpm build を実行すると、マニフェストとテンプレートがまとめられた dist/plugin.zip が生成されます。Zenso Webパネルの プラグイン -> アップロード から登録すれば、すぐに画面に配置できます。

次のステップ

ウィジェット開発の全手順については、Widget SDKクイックスタート および マニフェストとスキーマ を参照してください。