アコーディオンタブ for kintone プラグイン アイコン
無料配布中 v2.0.1

アコーディオンタブ for kintone

アコーディオンタブ for kintone は、縦に長い kintone のレコードフォームを、スペース要素を見出しに自動でセクション分割し、アコーディオンで開閉できる kintone プラグインです。フィールドの割当設定は不要。既定では折りたたんで全体像を把握し、必要な節だけ開いて入力・確認できます。見出しには未入力・入力状況のバッジを表示でき、スティッキー見出しスライド開閉にも対応。外部サーバー不要で kintone 内で完結します。

UPDATE

v2.0.0:セクションごとに「見せる相手」を選べるようになりました

セクション(見出し)ごとに、閲覧できるユーザー・組織・グループを指定できるようになりました。対象外の人には見出しをロック表示(開けない)にするか、セクションごと非表示にできます。あわせて、パスワードを入力すると開くパスワード制御も追加。1 つのアプリの中で、担当ごとに見せたい情報だけを出し分けられます(詳細・新規作成・編集画面で有効)。

アコーディオンタブ v2.0.0 — レコード画面のアコーディオンで、見積・請求情報のセクションにパスワード入力欄が開き、関連情報のセクションが鍵アイコンでロック表示され、閲覧制限とパスワードで開閉を制御している状態

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

ご注意:これは画面上の簡易的な表示・開閉のコントロールであり、kintone 標準のアクセス権のような機密保護ではありません(レコードのデータ自体は API などから取得可能です)。機密情報の保護には kintone 標準の「フィールド/レコードのアクセス権」を併用してください。
すでにご利用中の方は、最新の kw-accordion-tab-v2.0.1.zip を kintone の「システム管理 → プラグイン」から上書きアップロードしてください(設定は引き継がれます)。

こんな課題を解決します

項目数の多いアプリほど、フォームが縦に長くなり、目的の項目を探すだけで時間がかかります。全体像もつかみにくくなります。

📜

フォームが縦に長すぎる

項目数の多いアプリで、入力・確認したい箇所までひたすらスクロール。目的の項目にたどり着くまでに時間がかかる。

🧭

全体像がつかみにくい

どこにどんな項目があるのか、フォームを最後まで見ないと分からない。初めて開く人ほど迷いやすい。

✍️

今使う項目だけを見たい

その場面で入力・確認したいのは一部の項目だけ。関係ない項目まで常に表示されていて集中しづらい。

たたんで見渡し、開いて入力

フォームに置いたスペース要素がそのまま見出しになり、各セクションを折りたたみます。既定ではすべて閉じた状態で全体像を把握でき、必要な節だけ開いて入力・確認できます。画像はクリックで拡大できます。

アコーディオンタブ — 案件情報・スケジュール情報・見積・請求情報・関連情報・管理情報の各セクションがすべて折りたたまれ、見出しだけが並んだレコード画面
① 既定は折りたたみ。見出しだけでフォーム全体を見渡せる
アコーディオンタブ — 見出しをクリックしてセクションを開き、そのセクション内のフィールドが見出しの真下に表示された状態
② 見出しをクリックすると、その節だけが開いて入力できる

入力の抜け漏れを、見出しで見える化

見出しに「未入力の必須項目数」や「入力状況(入力済み/全項目)」のバッジを表示できます。折りたたんだままでも、どの節がまだ埋まっていないか一目で分かり、入力・確認の抜け漏れを防ぎます。

アコーディオンタブ — 各見出しに「入力状況(例 3/15)」と「未入力(例 未入力 1)」のバッジが表示され、折りたたんだ状態でも各セクションの入力状況が分かる画面
見出しに未入力件数・入力状況のバッジを表示(両方同時に表示可)

セクションごとに、見せる相手を選べるv2.0.0

セクション(見出し)ごとに、閲覧できるユーザー・組織・グループを指定したり、パスワードで開くように設定できます。対象外の人には見出しをロック表示(開けない)にするか、セクションごと非表示に。担当や役割ごとに、同じアプリでも見せる情報を出し分けられます。各画像はクリックで拡大できます。

アコーディオンタブ 設定画面 — セクションごとに閲覧できるユーザー・組織・グループを指定する画面。ユーザーを選んで追加し、権限がない人にはロック表示または非表示にできる
① 閲覧できる相手を指定

セクションごとに閲覧できるユーザー・組織・グループを追加します。対象外の人には「見出しはロック表示(開けない)」か「セクションごと非表示」を選べます。

アコーディオンタブ 設定画面 — セクションごとにパスワードを設定する画面。正しいパスワードを入力すると、そのセクションが開く
② パスワードで開く

セクションごとにパスワードを設定。レコード画面では正しいパスワードを入力するとその節が開きます。開いた状態はそのレコードを表示している間だけ保持されます。

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

この表示制御は画面上の簡易的なコントロールで、kintone 標準のアクセス権のような機密保護ではありません(データ自体は API 等から取得可能)。機密情報は kintone 標準のアクセス権を併用してください。制限したセクション内に必須項目があると、閲覧できない人は新規・編集で保存できない場合があるため、設定時に確認メッセージを表示します。

主な機能

設定はかんたん

見出しにするスペース・開閉の動作・見た目をフォームから設定するだけ。プログラミング知識は不要です。各画像はクリックで拡大できます。

アコーディオンタブ 設定画面 — セクション定義。フォームのスペース要素を選び、見出しラベルと初期状態(開く/閉じる)を設定
① セクション定義

見出しにするスペース要素を選び、見出しラベルと初期状態(開く/閉じる)を設定します。フォームに置いたスペースが自動で候補に並びます。

アコーディオンタブ 設定画面 — 開閉の動作。シングル/複数モード、スティッキー、アニメーション、開閉状態の記憶、すべて開くボタン、未入力・入力状況バッジの設定
② 開閉の動作・バッジ

1つだけ開くモード/複数開けるモード、スティッキー見出し、スライドアニメ、開閉状態の記憶、すべて開くボタン、未入力・入力状況バッジの表示を選べます。

アコーディオンタブ 設定画面 — デザイン。見出しの形16種類・配色プリセット・セクション間隔をライブプレビュー付きで設定
③ デザイン

見出しの形(16種類)・配色プリセット・セクション間隔を設定。プレビューで見た目を確認しながら調整できます。

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

インストール手順

レコードのフォームにスペース要素を見出しとして配置したアプリでご利用いただけます。

  1. 「プランについて」セクションのダウンロードボタンから kw-accordion-tab-v2.0.1.zip をダウンロード
  2. kintone のシステム管理 → プラグインを開き、「読み込む」ボタンから ZIP をアップロード
  3. 使用するアプリのフォーム設定で、セクションの区切りにしたい位置にスペース要素を配置(幅の広いスペースを推奨)
  4. アプリのアプリ設定 → プラグインで「アコーディオンタブ for kintone」を追加し、設定画面で見出しにするスペース開閉の動作デザインを設定して「保存」
  5. kintone 右上の「アプリを更新」(デプロイ)をクリックすると、レコード画面がアコーディオン表示になります

プランについて

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

基本プラン

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

注意事項

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

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

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

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

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

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

    • 見出しバッジ算出のためのフォーム情報取得(自ドメイン内・読み取りのみ):見出しの「未入力の必須項目数」「入力状況」バッジを算出するために、ご利用中の kintone ドメイン内のフォーム情報API(/k/v1/app/form/fields・/k/v1/app/form/layout)を読み取ります。呼び出しはすべて自ドメイン内で完結し、外部の第三者へは送信しません。各セクションの入力状況の判定に使うレコード値は画面上の値(kintone.app.record.get)から取得し、送信は行いません。対象アプリのフォーム定義・レコードデータを変更することはありません。
  • 実行時に外部ライブラリ(CDN)を読み込みません

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

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

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

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

よくある質問

このプラグインは無料で使えますか?
はい、すべての機能を完全無料でご利用いただけます。利用期限もなく、ずっとお使いいただけます。設定画面に控えめな広告エリアが表示される「基本無料・広告表示モデル」を採用しており、対象プラグインの広告は年間サポーターライセンス(年額 ¥3,300 税込)にお申込みいただくことで非表示にできます。
同一 kintone 環境内の複数アプリで利用できますか?
はい、ZIP ファイル 1 つを kintone にアップロードしていただければ、同一 kintone 環境内のすべてのアプリでご利用いただけます。アプリごとに個別の設定値を保存できる設計です。
kintone のどのコースで使えますか?プラグイン読み込み機能は必要ですか?
kintone のプラグイン読み込み機能を利用するため、スタンダードコース以上が必要です。ライトコースではプラグイン機能自体が利用できないため、本プラグインも動作しません。
JavaScript やプログラミングの知識は必要ですか?
いいえ、不要です。プラグイン管理画面のフォームから設定するだけで利用できるノーコード設計になっています。カラーピッカーやドロップダウンで直感的に操作でき、コードを書く必要はありません。
対応している kintone バージョン・ブラウザは?
kintone のデスクトップ版(最新のクラウド版)と、kintone が公式サポートしている最新ブラウザ(Google Chrome / Microsoft Edge / Mozilla Firefox / Apple Safari)でご利用いただけます。Internet Explorer はサポート対象外です。
kintone のIPアドレス制限(アクセス制限)を使っていても利用できますか?許可リストに追加するIPはありますか?
はい、IPアドレス制限を設定されていてもご利用いただけます。許可リストに当社のIPアドレスを追加していただく必要はありません。本プラグインはすべて利用者のブラウザ内で動作し、kintone へのアクセスは操作している利用者ご自身のブラウザ・接続元IPから行われます。当社や第三者のサーバーが貴社の kintone へ接続(インバウンド通信)することは一切ないため、通常 kintone をご利用になる端末・拠点のIPを許可していれば、本プラグインも問題なく動作します。
不具合や改善要望はどこに連絡すればいいですか?
KIZUNA Works のお問い合わせフォーム(/contact/)または info@kizuna-works.jp までご連絡ください。年間サポーターの方は、プラグイン作成リクエストや既存プラグインへの改善要望もお送りいただけます。

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

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

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

ご質問・ご要望

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

お問い合わせ