クイック目次 for kintone プラグイン アイコン
無料配布中 v1.0.1

クイック目次 for kintone

クイック目次 for kintone は、レコード詳細・編集・新規作成画面の左側にセクション単位の「目次サイドメニュー」を常時表示する kintone プラグインです。項目をクリックすると該当セクションへワンクリックでジャンプ。縦に長いレコードでも、目的の場所へ一瞬でたどり着けます。ステータスバッジで状態を色分け表示、配色テーマも自由。長いレコードも、ワンクリックで目的の場所へ。

こんな課題を解決します

項目数の多いアプリほど、レコード画面のスクロールと目的のセクション探しに時間がかかっていませんか?

📜

縦に長くてスクロールが大変

案件・申込・カルテなど項目数の多いレコードは、上から下までスクロールが長く、目的のセクションにたどり着くのに時間がかかる。

🧭

目的の項目がどこにあるか分かりにくい

「あの情報はどのあたり?」と毎回スクロールして探すのが地味なストレス。全体像を俯瞰して素早く移動したい。

✏️

編集・新規画面でも入力箇所を探す

編集や新規作成のときも、入力したいセクションまでスクロールが必要。どの画面でも素早く移動したい。

長いレコードに、左の目次を

縦に長いレコードも、左の目次でセクションを俯瞰。詳細・編集・新規のどの画面でも常時表示されます。クリックで拡大表示できます。

クイック目次 導入前の kintone レコード画面 — 基本情報・詳細情報・追加情報・補足情報などの項目が上から下まで長く並び、スクロールが必要な状態
導入前:項目が縦に長く並ぶ
クイック目次 導入後の kintone レコード編集画面 — 左側に目次サイドメニュー(基本情報・詳細情報・追加情報・補足情報・備考)が常時表示された状態
導入後:左の目次で俯瞰・編集/新規でも表示

クリックで、目的のセクションへ一瞬で移動

目次の項目をクリックすると、該当セクションの先頭までスムーズにスクロール。詳細はもちろん、編集・新規作成画面でもジャンプできます。

クイック目次で「補足情報」をクリックしてジャンプした kintone 編集画面 — 補足情報セクションが画面上部に表示されている
目次クリックで該当セクションへジャンプ(編集画面でも有効)

状態を、目次の上に色分け表示

目次の最上部に、ステータスを色分けバッジで表示できます。プロセス管理ステータスだけでなく、ドロップダウンやラジオボタンの選択肢にも対応します。

クイック目次の最上部にプロセス管理ステータス「完了」を青色バッジで表示した kintone レコード詳細画面
プロセス管理ステータスを色分け表示
クイック目次の最上部にドロップダウンフィールドの選択肢「sample3」をバッジで表示した kintone レコード画面
ドロップダウン/ラジオの選択肢もバッジに

主な機能

  • セクション単位の目次サイドメニュー — レコード詳細・編集・新規作成画面の左側に、設定したセクションの目次を常時表示します。画面ごとに表示の ON/OFF を切り替えられます。
  • ワンクリックジャンプ — 目次項目をクリックすると、該当セクションの先頭までスムーズにスクロール。getFieldElement が使えない編集・新規画面でも、ラベル一致でジャンプできるよう設計しています。
  • 4種別でセクションを定義 — 「ラベル」「フィールド」「グループ」「サブテーブル」から選んでジャンプ先を指定。ラベルはフォーム上のラベルをドロップダウンから選べます。ジャンプ先を選ぶと表示名が自動で入り、自由に書き換えもできます。
  • ステータスバッジ — 目次の最上部に、単一選択フィールド(ドロップダウン/ラジオボタン/プロセス管理ステータス)の値を選択肢ごとの色で表示。背景の明るさに応じて文字色を自動調整します。
  • 配色テーマ3モード — 「kintone標準同期」(アプリのテーマ色を自動採用)/「プリセット10色」/「カスタム7箇所」から選べます。設定画面のライブプレビューで確認できます。
  • ヘッダー追従で隠れない — 目次はレコード上部に表示され、スクロールするとツールバー(編集・新規では保存ボタン行)の直下で止まります。常に見える位置に留まります。
  • 幅は自動拡張・本文は自動で押し出し — 項目テキストが長い場合は目次が自動で広がり、本文の左余白も実際の幅に合わせて自動調整。目次と本文が被りません。
  • kintone 完結・外部 API 不使用 — GAS・データベース・SaaS 連携は一切不要。プラグインアップロードのみで導入できます。

設定はかんたん

基本設定・配色・ステータスバッジ・セクション定義をフォームから設定するだけ。プログラミング知識は不要です。各画像はクリックで拡大できます。

クイック目次 設定画面① — メニュータイトル・メニュー幅・ジャンプ時の上余白・表示する画面(詳細/編集/新規作成)の基本設定
① 基本設定

メニュータイトル・幅・ジャンプ時の上余白と、目次を表示する画面(詳細/編集/新規作成)を設定します。

クイック目次 設定画面② — 配色テーマ(kintone標準同期/プリセット/カスタム+プレビュー)とステータスバッジ(対象フィールド・選択肢ごとの色)の設定
② 配色テーマ・ステータスバッジ

配色モードを選び、プレビューで確認。ステータスバッジの対象フィールドと選択肢ごとの色を設定します。

クイック目次 設定画面③ — セクション定義テーブル。種別→ジャンプ先→表示名(自動反映)の行を上から順に並べ、並び替え・削除ができる
③ セクション定義

目次に並べる項目を上から順に定義。種別→ジャンプ先を選ぶと表示名が自動で入り、並べ替え・削除もできます。

画像をクリックすると拡大表示します

インストール手順

レコード詳細・編集・新規作成画面(PC 版)でご利用いただけます。

  1. 「プランについて」セクションのダウンロードボタンから kw-quick-toc-v1.0.1.zip をダウンロード
  2. kintone のシステム管理 → プラグインを開き、「読み込む」ボタンから ZIP をアップロード
  3. 使用するアプリのアプリ設定 → プラグインで「クイック目次 for kintone」を追加
  4. プラグイン設定画面でセクション(目次に並べる項目)を定義し、必要に応じて配色・ステータスバッジを設定して「保存」
  5. kintone 右上の「アプリを更新」(デプロイ)をクリックすると、レコード画面に目次が表示されます

ヒント:見出しに kintone の「ラベル」パーツを置くと、目次のジャンプ先としてドロップダウンから選べます。フォーム設定でラベルに要素IDを付けておくと、より確実にジャンプします。

プランについて

基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。

基本プラン

¥0 / 完全無料
  • ✅ 全機能が利用可能
  • ✅ 利用期限なし・いつまでも無料
  • ✅ 設定画面・レコード画面に控えめな広告エリア表示あり
無料でダウンロード

注意事項

  • 本プラグインは KIZUNA Works が独自に開発したものであり、サイボウズ株式会社が提供・保証するものではありません。
  • kintone はサイボウズ株式会社の登録商標です。
  • 動作は Google Chrome/Microsoft Edge の最新版での確認を推奨します。
  • 本プラグインはレコードの詳細・編集・新規作成画面(PC 版)でのみ動作します。一覧・カレンダー・カスタマイズビューでは動作しません。
  • 「ラベル」パーツのジャンプは、フォーム設定で要素IDを付与すると確実です。要素ID未設定の場合は表示テキストで検索するため、同名ラベルが複数あると先頭にヒットすることがあります。
  • 編集・新規作成画面では、存在しないセクションを定義すると、クリックしても反応しない項目が残ります(仕様上、編集・新規では自動間引きを行いません)。
  • ステータスバッジは単一選択(ドロップダウン/ラジオボタン/プロセス管理ステータス)のみ対応です。チェックボックス・複数選択は対象外です。
  • モバイル版 kintone では動作しません。PC 版でのみ動作します。
  • 本プラグインの使用により生じたいかなる損害についても、KIZUNA Works は責任を負いません。
  • ppk(秘密鍵)ファイルは配布物に含まれていません。

セキュリティ・データの取り扱い

KIZUNA Works のプラグインは、お客様のデータを社外に持ち出さない設計です。気になる方はブラウザの開発者ツール(F12)で通信内容をご確認いただけます。

  • レコード等の業務データを外部に送信しません

    プラグインが扱うレコードやフィールドの値が、当社や第三者のサーバーへ送られることはありません。

  • 外部通信はライセンス認証のみ

    ライセンスの確認のため、プラグイン ID と利用ドメイン名だけを当社サーバー(Google Apps Script)へ送信します。通信は kintone のプロキシ経由で行われます。

  • 実行時に外部ライブラリ(CDN)を読み込みません

    第三者製ライブラリは使用していません。改ざんリスクのある外部 CDN への依存はありません。

  • 設定情報は kintone の暗号化領域に保存

    API キー等の秘匿情報をコードに直書きせず、設定は kintone 標準の暗号化された設定領域に保存します。

セキュリティ・データの取り扱いについて詳しく見る

よくある質問

目次に並べる項目はどうやって決めますか?
プラグイン設定の「セクション定義」で、目次に並べたい項目を上から順に登録します。種別(ラベル/フィールド/グループ/サブテーブル)を選び、ジャンプ先を指定すると表示名が自動で入ります(表示名は自由に書き換えできます)。並べ替え・削除も可能です。
見出し(ラベル)へ確実にジャンプさせるには?
kintone の「ラベル」パーツを見出しとして置き、種別「ラベル」でフォーム上のラベルをドロップダウンから選んでください。フォーム設定でラベルに「要素ID」を付けておくと、より確実にジャンプします。要素IDが無い場合は表示テキストで検索するため、同名のラベルが複数あると先頭にヒットすることがあります。
編集画面や新規作成画面でもジャンプできますか?
はい。詳細画面だけでなく、編集・新規作成画面でも目次の表示とジャンプに対応しています。kintone の仕様で編集・新規ではフィールド取得APIが使えないため、ラベル名の一致でジャンプ先を解決する仕組みにしています。表示する画面(詳細/編集/新規)は設定でそれぞれ ON/OFF できます。
ステータスバッジにはどんなフィールドを使えますか?
単一選択のフィールド、具体的にはドロップダウン・ラジオボタン・プロセス管理ステータスに対応しています。選択肢ごとに色を設定でき、未設定の値には既定色が使われます。チェックボックスや複数選択フィールドは対象外です。
目次の色は変えられますか?
「kintone標準同期」(アプリのテーマ色を自動採用)、「プリセット10色」、「カスタム(タイトル背景・文字色など7箇所を個別指定)」の3モードから選べます。設定画面のプレビューで見た目を確認できます。
スクロールすると目次が消えたり、ボタンに被ったりしませんか?
目次はレコード上部に合わせて表示され、スクロールするとツールバー(編集・新規作成画面では保存/キャンセルのボタン行)の直下で止まるよう自動調整します。常に見える位置に留まり、kintone のヘッダーやボタン、プロセス管理の操作パネルには被りません。
モバイルや一覧画面でも使えますか?
レコードの詳細・編集・新規作成画面(PC 版)専用です。一覧・カレンダー・カスタマイズビュー、およびモバイル版 kintone では動作しません。
このプラグインは無料で使えますか?
はい、すべての機能を完全無料でご利用いただけます。利用期限もなく、ずっとお使いいただけます。設定画面に控えめな広告エリアが表示される「基本無料・広告表示モデル」を採用しており、対象プラグインの広告は年間サポーターライセンス(年額 ¥3,300 税込)にお申込みいただくことで非表示にできます。
同一 kintone 環境内の複数アプリで利用できますか?
はい、ZIP ファイル 1 つを kintone にアップロードしていただければ、同一 kintone 環境内のすべてのアプリでご利用いただけます。アプリごとに個別の設定値を保存できる設計です。
kintone のどのコースで使えますか?プラグイン読み込み機能は必要ですか?
kintone のプラグイン読み込み機能を利用するため、スタンダードコース以上が必要です。ライトコースではプラグイン機能自体が利用できないため、本プラグインも動作しません。
JavaScript やプログラミングの知識は必要ですか?
いいえ、不要です。プラグイン管理画面のフォームから設定するだけで利用できるノーコード設計になっています。カラーピッカーやドロップダウンで直感的に操作でき、コードを書く必要はありません。
対応している kintone バージョン・ブラウザは?
kintone のデスクトップ版(最新のクラウド版)と、kintone が公式サポートしている最新ブラウザ(Google Chrome / Microsoft Edge / Mozilla Firefox / Apple Safari)でご利用いただけます。Internet Explorer はサポート対象外です。
不具合や改善要望はどこに連絡すればいいですか?
KIZUNA Works のお問い合わせフォーム(/contact/)または info@kizuna-works.jp までご連絡ください。年間サポーターの方は、プラグイン作成リクエストや既存プラグインへの改善要望もお送りいただけます。

プラグインを気に入っていただけましたか?

基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。

サポーターライセンスの詳細・お申し込みへ

関連プラグイン

レコード画面・フォームをさらに使いやすくする kintone プラグイン

ご質問・ご要望

プラグインのご質問や改善要望など、お気軽にお問い合わせください。

お問い合わせ