コンテンツにスキップ

Widget SDKクイックスタート

わずか5分でホットリロード対応のウィジェット開発環境を立ち上げることができます。

1. スターターテンプレートのクローン

Section titled “1. スターターテンプレートのクローン”

公式テンプレートリポジトリを取得します:

ターミナルウィンドウ
git clone https://github.com/zensoink/zenso-plugin-template.git my-widget
cd my-widget
pnpm install

@zenso/vite-plugin を使用した開発サーバーを立ち上げます:

ターミナルウィンドウ
pnpm dev

ブラウザで http://localhost:5173 を開くと、電子ペーパー画面を模したライブプレビューが表示されます。

3. モックデータによる動作検証

Section titled “3. モックデータによる動作検証”

mock/plugin.json を編集することで、予定が多い場合や写真がない場合のレイアウト崩れを事前に検証できます。