ウィジェットの配置場所
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
Zoho プロジェクトでのウィジェット配置一覧
配置場所
拡張機能のウィジェットは、プロダクト内の複数の場所に表示できます。このキー（場所）で、ウィジェットを表示する位置を指定します。Zoho プロジェクトでは、ウィジェットを配置できる場所の一覧を提供しています。配置場所のキーは、プラグインマニフェストファイルで指定する必要があります。
タスク詳細タブ
この場所は、タスク詳細ページ下部パネルの最後のタブを指します。タスクをクリックし、画面下部のパネルまでスクロールすると、この場所に移動できます。下部パネルを右方向にスクロールすると、拡張機能名がパネル内の最後のタブとして表示されます。複数の拡張機能がある場合は、三点リーダー（[...]）アイコンが表示されます。三点リーダーをクリックすると、すべての拡張機能が一覧表示されます。
プラグインマニフェストファイルで使用するキー: task_tab
課題詳細タブ
上記のタスク詳細タブと同様に、この場所は課題詳細ページ下部パネルの最後のタブを指します。課題をクリックし、画面下部のパネルまでスクロールすると、この場所に移動できます。下部パネルを右方向にスクロールすると、拡張機能名がパネル内の最後のタブとして表示されます。複数の拡張機能がある場合は、三点リーダー（[...]）アイコンが最後のタブとして表示されます。三点リーダーをクリックすると、すべての拡張機能が一覧表示されます。
プラグインマニフェストファイルで使用するキー: issue_tab
マイルストーン詳細タブ
マイルストーンをクリックすると、この場所に移動できます。拡張機能名は、パネル内の最後のタブとして表示されます。複数の拡張機能がある場合は、三点リーダー（[...]）アイコンが表示されます。三点リーダーをクリックすると、すべての拡張機能が一覧表示されます。
プラグインマニフェストファイルで使用するキー: milestone_tab
拡張機能の設定
この場所は、拡張機能の設定ページ内の最後のタブを指します。[設定] -> [マーケットプレイス] -> [インストール済みアプリ] から移動できます。ユーザーは目的の拡張機能を開くと、ウィジェットが「一般」設定セクションの横に最後のタブとして読み込まれます。このタブには、ポータル所有者または管理者のみがアクセスできます。
プラグインマニフェストファイルで使用するキー: app_settings
下部ナビゲーションバー
下部ナビゲーションバーに表示される拡張機能を作成できます。このコンテキストでは、項目プロパティは特定の値と一致する必要はありませんが、データは拡張機能に紐づけて保存できます。ユーザーがこのアイコン 
を下部ナビゲーションバーからクリックすると、拡張機能が一覧表示されます。
を下部ナビゲーションバーからクリックすると、拡張機能が一覧表示されます。
この場所向けに作成された拡張機能が1つもない場合、このアイコンは表示されません。
プラグインマニフェストファイルで使用するキー: top_band
プロジェクトタブ
拡張機能は、プロジェクト内の上部パネルにある最後のタブとして読み込まれます。以下のスクリーンショットを参照してください。
別の拡張機能が開発者モードでテストされている場合に限り、ユーザーはこの場所から拡張機能にアクセスできません。その場合、この拡張機能にアクセスしようとするとエラーメッセージが表示されます。この拡張機能にアクセスするには、開発者モードを無効にしてください。
プラグインマニフェストファイルで使用するキー: project_tab
プロジェクト詳細 右パネル
この場所は、プロジェクト詳細ページの右パネルを指します。プロジェクトをクリックし、プロジェクト名の横にある表示するをクリックしてプロジェクト詳細を表示します。右パネルにウィジェットアイコンが表示されます。アイコンをクリックすると、ウィジェットが開きます。アイコンの属性と場所は、plugin_manifest.json ファイルに追加する必要があります。
プラグインマニフェストファイルに含める必要がある情報のサンプルは次のとおりです。
{
'名前': 'プロジェクト Extension',
'icon': '/app/img/logo.png',
'場所': 'projectdetails_rightpanel',
'url': '/app/index.html'
}
プラグインマニフェストファイルで使用するキー: projectdetails_rightpanel
添付ファイルピッカー
WorkDrive などのさまざまな拡張機能からファイルをタスク、課題、フォーラム、ステータス、フィードなどに関連付けるには、添付ファイルピッカーを使用します。この場所用のアイコンの属性とパスを plugin_manifest.json ファイルに追加する必要があります。
{
'場所': 'attachment_picker',
'名前': 'Google Drive',
'url': '/app/attachment.html',
'icon' : '/app/img/gdrive.png'
}
plugin manifest ファイルで使用するキー: attachment_picker
タスク詳細 右パネル
この場所は、タスクの詳細ページ右側のパネルを指します。ユーザーはタスクに移動し、その詳細ページを開いてこの場所にアクセスします。
plugin manifest ファイルで使用するキー: taskdetails_rightpanel
課題詳細 右パネル
この場所は、課題の詳細ページ右側のパネルを指します。ユーザーは課題に移動し、その詳細ページを開いてこの場所にアクセスします。
plugin manifest ファイルで使用するキー: issuedetails_rightpanel
Blueprint（遷移中）
この場所は、Blueprint の遷移を指します。
> タスクの自動化 > Blueprint からアクセスできます。ユーザーは Blueprint をクリックし、対象の遷移をクリックして During 設定にアクセスします。ユーザーは During 処理の設定時に、拡張機能または項目 & メッセージを関連付けることができます。これらの拡張機能は、その後タスクの遷移中に実行されます。
> タスクの自動化 > Blueprint からアクセスできます。ユーザーは Blueprint をクリックし、対象の遷移をクリックして During 設定にアクセスします。ユーザーは During 処理の設定時に、拡張機能または項目 & メッセージを関連付けることができます。これらの拡張機能は、その後タスクの遷移中に実行されます。
plugin manifest ファイルで使用するキー: blueprint_during
タスクの遷移（タスク詳細ページ）
この場所はタスクの詳細ページを指します。ユーザーは、遷移ボタンをクリックすることで、Blueprint の During アクションに関連付けられた拡張機能にアクセスできます。タスクの遷移には、上記のBlueprint の場所が必須です。
plugin manifest ファイルで使用するキー: task_transition
クラウドへのエクスポート
このウィジェットを使用して、タスクデータをクラウドアカウントにエクスポートします。このウィジェットはタスクのエクスポートオプションの下に表示されます。プロジェクトのタスクタブに移動し、
をクリックして、タスクのエクスポートを選択します。クラウドにエクスポートチェックボックスをオンにします。エクスポート先のファイルの保存場所を選択し、選択をクリックします。
plugin manifest ファイルで使用するキー: エクスポートする
このウィジェットの場所の詳細については、こちらのヘルプドキュメントを参照してください。
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho Campaigns Resources
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
JS SDKの概要
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 前提条件 次の SDK メソッドを呼び出す前に、コード内に JS https://js.zohocdn.com/projects/js/client_sdk.min.js を含めてください。 Zoho Projects のスタイルを使用するには、コード内に CSS ...