「あなたの最初のウィジェットを作ろう」

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

このヘルプページはCreator 6のユーザー向けです。もし古いバージョン（Creator 5）のユーザーであれば、こちらをクリックしてください。Creatorのバージョンを確認することができます。

ウィジェットを作成する前に、コマンドラインインターフェイスをインストールする必要があります。詳細を学ぶ

注：内部ホスティングの場合、ウィジェット ZIP ファイルの最大サイズは 10 MB であり、ウィジェット ZIP ファイル内のファイル数は 255 を超えてはなりません。

ウィジェットを作成するには：

ターミナルを開きます。
新しいプロジェクトを作成するには、次のコマンドを実行します：

$ zet init
Zohoサービスの一覧が表示されます。
選択してください Zoho Creator を必要なサービスとして。
プロジェクト名を入力してください。サンプルプロジェクトは、それぞれのフォルダディレクトリに作成されます。
次のコマンドを実行して、プロジェクトフォルダを開きます。

$ cd {Project_name}
プロジェクトフォルダ内のappフォルダを開きます。フォルダ内にWidget.htmlファイルを探してください。
コードをWidget.htmlファイルに入力します。Widget.htmlファイルには、ウィジェットの構造、デザイン、コンポーネントが含まれています。Zoho Creator APIをウィジェットで使用するには、 JS SDKライブラリで提供されているAPIヘルパーを使用できます。
アプリケーションを検証するには、次のコマンドを実行します。

$ zet validate
これにより、アプリパッケージの検証が行われ、違反があるかどうかが特定されます。開発者コンソールでzipを更新する前に、これらを修正する必要があります。
プロジェクトをパックするには、次のコマンドを実行します。

$ zet pack
プロジェクトディレクトリのdistフォルダにアプリケーションのzipファイルが作成されます。
アプリ内にウィジェットを埋め込む必要がある場合、設定ページにアクセスして、ウィジェットを選択してください。
クリックして作成ボタンを押してください。
新しいウィジェットのパネルが表示されます。
あなたのウィジェットに名前を入力してください。
「ホスティング」のドロップダウンリストから「内部」オプションを選択してください。
「dist」フォルダから圧縮されたzipファイルを、「ウィジェットファイル」フィールドにアップロードしてください。
「/widget.html」をインデックスファイルフィールドに入力します。/widget.htmlファイルはインデックスファイルであり、このファイルはページ内のウィジェットとして組み込まれます。
注:

デフォルトでは、ウィジェットZIPフォルダには、Appフォルダ内にwidget.htmlファイルが含まれています。
Appフォルダ内に別のフォルダを作成し、widget.htmlファイルをその新しいフォルダに移動した場合は、次の形式でインデックスファイル名を指定する必要があります。
/<folder-name>/<filename>.html