「ウィジェットを理解する」
ウィジェットの機能
ウィジェットを使用することで、次のことが可能になります：
- アプリ固有の機能を作成してカスタマイズします
- アプリケーションが顧客とどのように対話するかを再定義します
- フロントエンドデザインの完全な制御を取ります
- Creatorアプリを提供するサードパーティアプリを統合します
機能の作成とカスタマイズ
Zoho Creatorには、アプリケーションを統合するのに役立つ多くの機能があります。しかし、要件に対する正確な解決策を見つけることができない場合があります。ウィジェットは、このような小さな欠陥を解決するのに役立ちます。機能を作成し、ウィジェットとして構成し、ページに追加することで、求めているユーザビリティを達成できます。
假設您是一個汽車經銷商，並且擁有一個與月度銷售相關數據的應用程序儀表板。此儀表板包含了已售出車輛的數量、上個月銷售的比較、售出車型的排名、銷售團隊個人表現分數以及客戶反饋表格等等。您需要顯示一個反饋矩陣類型的表格。您可以將此表格作為小部件在頁面上進行配置。使用JavaScript、CSS和HTML，您可以創建此表格，將其上傳到Creator，並將其作為小部件引入所需的頁面。您可以使用Creator API來添加、更新、編輯和刪除此報告中的記錄。
アプリインターフェースを再定義する
ウィジェットを使用することで、アプリケーションのフロントエンドのデザインをより詳細にコントロールできます。要件に合わせてアプリを完全に再設計でき、ブランドの独自性を反映できます。これにより、アプリが顧客とどのように対話するかを変更する機構が提供されます。
仮に、ページを使用してアプリケーションのランディングページをデザインしたとしましょう。しかし、インターフェースをデザインするためのより多くのオプションを探している場合は、ウィジェットがそれを支援することができます。アプリケーション内に長いフォームがある場合は、ユーザーに単一のページでそれを提示するのは非常に難しいかもしれません。JavaScript、CSS、およびHTMLを使用して、フォームフィールドをセクションにグループ化し、それらを続けて線形の方法で表示するプログレッシブフォームを作成することができます。その後、それをCreatorにウィジェットとしてアップロードし、それをページにドラッグアンドドロップします。カスタムページがアプリケーション内で利用可能になります。
サードパーティーアプリを統合する
Creatorアプリケーションの要件を満たすサードパーティアプリケーションをページに組み込むことができます。オンラインコースを提供するアプリケーションを仮定します。このアプリケーションには登録情報、連絡先情報、コース情報、およびウェビナースケジュールがあります。ページにはコース情報、登録フォーム、および近日開催のウェビナーが含まれています。登録済みのユーザーがログインしている場合は、関連するウェビナーの開始をカウントダウンするタイマーを表示する必要があります。このタイマーはサードパーティサービスまたはサードパーティのJavaScriptプラグインからCreatorアプリケーションにウィジェットとして組み込むことができます。
覚えておくべきポイント
- JS APIを使用したウィジェットは、公開されたページでは動作しません。
- ウィジェットのZIPフォルダには、デフォルトでAppフォルダ内にwidget.htmlファイルが含まれています。これは、ウィジェットとしてページに組み込まれるインデックスファイルです。
- Appフォルダ内に別のフォルダを作成し、widget.htmlファイルを新しいフォルダに移動した場合は、次の形式でインデックスファイル名を指定する必要があります：
/<フォルダ名>/<ファイル名>.html
制限
- Zohoアカウント内で最大50個のウィジェットを作成することができます。
- 内部ホスティングの場合、
- ウィジェットZIPファイルの最大サイズは10 MBを超えてはなりません。
- ウィジェットZIPファイル内のファイル数は250を超えてはなりません。
- ウィジェットZIPファイル内のファイルの最大サイズは5 MBを超えてはなりません。
- ウィジェットZIPファイル名は100文字を超えてはなり、英数字（A-Z、a-z、0-9）、_、\、$、.、-を含めることができます。
- ウィジェットZIPファイル内のファイル名は50文字を超えてはなり、英数字（A-Z、a-z、0-9）、_、.、$、-を含めることができます。
- ウィジェットZIPファイル内のフォルダ名には英数字（A-Z、a-z、0-9）、_、$、-を含めることができます。
- サポートされるファイルタイプには、.txt、.md、.XML、.dre、.jpg、.jpeg、.png、.gif、.css、.js、.HTML、.json、.mp3、.svg、.woff、.ttf、.eot、.otf、.woff2、.webm、.mp4があります。
関連トピック
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho コミュニティ オンラインフォーラム
フォーラムをフォローして、Zoho ユーザーによる活用のノウハウやアドバイスを入手。サービスのアップデート情報やユーザー向けイベントの告知について通知を受け取りましょう。
Related Articles
「ページにウィジェットを追加する」
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このヘルプページは、Creator 6のユーザー向けです。古いバージョン（Creator 5）の場合は、 こちらをクリックしてください。Creatorのバージョンを知るには こちらを参照してください。 ページにウィジェットを追加するには： ...「URLのホワイトリスト化」
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このヘルプページはCreator 6ユーザー向けです。もし古いバージョン（Creator 5）をお使いの場合は、こちらをクリックしてください。Creatorのバージョンを 確認することもできます。 ...「サンプルウィジェット」を活用する方法
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このヘルプページはCreator 6のユーザー向けです。古いバージョン（Creator 5）の場合は、 こちらをクリックしてください。Creatorの バージョンを確認してください。 サンプルウィジェット：遊び場 ...「コマンドラインインターフェースのインストール」
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このヘルプページはCreator 6ユーザー向けです。古いバージョン（Creator 5）をお使いの場合は、こちらをクリックしてください。Creatorのバージョンをご確認ください。 Zetは、Zoho ...「あなたの最初のウィジェットを作ろう」
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このヘルプページはCreator 6のユーザー向けです。もし古いバージョン（Creator 5）のユーザーであれば、こちらをクリックしてください。Creatorのバージョンを確認することができます。 ...