0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

kintoneで「ラベル目次」を生成するシンプルテンプレート

Last updated at Posted at 2025-11-11

フォームラベルの文字を完全一致で指定し、
右下に「目次」パネルを自動生成するテンプレートを公開しました。

装飾判定や複雑な条件はなく、
構成を把握したいときの軽量スニペットとして使えます。

スクリーンショット 2025-11-11 101053.png

🚀 機能概要

  • 完全一致でラベル指定
  • パネルの高さ/初期表示状態を設定可能
  • 初期開閉指定

🧰 使用方法

  • 下記コードをカスタマイズJSに登録
  • CONFIG.items に表示したいラベル名と階層レベルを設定
  • フォーム画面にラベルを配置して保存
const CONFIG = {
  openOnInit: true,
  panelHeight: '40vh',
  items: [
    { text: '基本情報', level: 0 },
    { text: '顧客情報', level: 1 },
    { text: '案件情報', level: 1 },
    { text: '詳細メモ', level: 0 }
  ]
};

💡 活用例

  • 長いフォームの目次化
  • セクション間のナビゲーション
  • 開発・運用チームのUI改善

🔗 関連

Toolkitを使えば、お使いのkintoneアプリからテンプレートを直接適用することができます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?