こだわりkintoneプラグイン > 設定マニュアル


目次

はじめに

本マニュアルは、kintoneポータルのTOP画面をカスタマイズするための設定手順を説明します。 プラグインをインストールすると自動的に作成される「【ポータル】デザイン設定」アプリを使用して設定を行います。

<aside> 💡

プラグインのインストール、アンインストール手順については、**インストールマニュアルをご確認ください。**

</aside>

<aside> 💡

初期設定が終わるまで担当者以外には非表示にしたい、という場合は、アクセス制御マニュアルをご覧ください。

</aside>

<aside> ❗

本マニュアルのスクリーンショットは開発時のものです。製品版と異なる場合がございます。

</aside>


注意事項

  1. ポータル画面のカスタマイズ方法
  2. スペース画面のカスタマイズ方法

<aside> ⚠️

重要:カスタマイズ後は必ず「設定保存」をクリックしてください 設定を保存しないと、レイアウトの変更が反映されません。

</aside>

<aside> ⚠️

重要:フィールドコードの変更に関する注意

以下のウィジェットには、アプリのフィールドを選択する設定項目があります。

ウィジェット設定後に選択したフィールドのフィールドコードを変更すると、これらのウィジェットが正常に表示されなくなる可能性があります。

【対応方法】 フィールドコードを変更した場合は、以下の手順で対応してください:

  1. 該当するウィジェットの設定画面を開く
  2. 変更されたフィールドを再選択する
  3. 設定を保存する </aside>

<aside> 💡

推奨画面解像度について

本システムは以下の画面設定で最適な表示・操作が可能です。

・画面解像度:1920×1200 ピクセル ・Windowsの拡大/縮小設定:125% ・ブラウザの表示倍率:100% ※上記以外の設定でも動作は可能ですが、レイアウトが崩れたり、文字が読みにくくなる場合があります。

<aside> 💡

画面解像度の確認・変更方法: 1.デスクトップで右クリック 2.[ディスプレイ設定]を選択 3.[画面の解像度][拡大/縮小]の項目をご確認ください ブラウザの表示倍率の確認方法: Google Chrome/Microsoft Edge:右上の[︙]メニュー → [拡大/縮小]で確認できます

</aside>

</aside>

<aside> 💡

ウィジェットのデータ読み込みについて

ポータル画面を開いた際、グラフやテーブルなどのウィジェットに「表示するデータがありません」と表示されることがあります。

プラグインがkintoneからデータを取得している最中も、このメッセージが一時的に表示され、データの取得が完了すると内容が表示されます。

以下のような場合、読み込みに時間がかかることがあります。

※しばらく待ってもこの表示のままの場合は、対象のアプリにレコードが登録されていない可能性があります。ウィジェットの設定や、アプリのレコード登録状況をご確認ください。

スクリーンショット 2025-10-09 163742.png

</aside>

1.設定画面のレイアウト

レイアウト.png

■上部メニュー: 「こだわりkintoneプラグイン」でカスタマイズできるメニュー(「共通設定」「メニュー編集」「+Widget追加」「画面レイアウト(PC・スマホ)」「設定保存」「閉じる」)を操作することができます。

■サイドメニュー: 最大10画面までのパネル設定したり、外部リンクなどを設定することができます。

■パネル: 様々なウィジェット(テキスト、アプリ、グラフ、iframeなど)を配置することができます。

ウィジェット一覧: ・リッチテキスト ・ショートカットアイコン ・アプリ一覧 ・スペース一覧 ・テーブル ・数値 ・ゲージグラフ ・縦棒グラフ ・横棒グラフ ・折れ線グラフ ・円グラフ ・iframe ※ ・開発者用Editor ※

ショートカットアイコンは100個まで**、その他のウィジェットは合計30個まで**配置が可能です。

<aside> ⚠️

重要:以下の機能については、動作・表示保証の対象外となります。 ・iframeウィジェット内のコンテンツ表示 ・開発者用Editorでのコンテンツ表示

</aside>

2.設定メニューについて

2-1.メニュー編集