添付ファイルアイコン表示プラグイン アイコン
無料配布中 v1.0.0

添付ファイルアイコン表示プラグイン

kintone レコード一覧画面で、添付ファイルの有無・種別・件数を拡張子別アイコンと件数バッジで可視化。レコード詳細を開かずに、ファイルの中身までひと目で把握できる kintone プラグインです。

こんな課題を解決します

「添付があるか分からない」「中身を確認するのに毎回詳細を開く」「ファイルの種別が分からない」を解消

🔍

添付ファイルの有無が一覧で分からない

「契約書はどのレコードに入っていたか」を探すたびに、毎回詳細画面を開いて確認する必要がある

📂

中身がPDFか画像かが見えない

添付ファイル名さえ表示できない一覧画面では、契約書(PDF)と参考写真(PNG)のどちらが付いているのか開かないと分からない

🔢

複数ファイル時の件数が分からない

「あのレコード、ファイル何件付いてたっけ?」を毎回詳細画面で数える必要があり、レコードを横断的に把握しづらい

主な機能

導入前と導入後

同じレコード一覧でも、添付ファイルの「見える化」で業務効率が大きく変わります

導入前

添付ファイルアイコン表示プラグイン 導入前 — kintone標準のレコード一覧画面では添付ファイルの有無や種別がまったく見えない状態

標準の一覧画面では添付ファイルの有無・種別・件数のいずれも見えません。確認するには毎回レコード詳細を開くしかなく、横断的な把握が困難です。

導入後

添付ファイルアイコン表示プラグイン 導入後 — レコードごとに拡張子別アイコンと件数バッジが表示され、添付の有無・種別・件数がひと目で分かる状態

添付があるレコードに種別アイコンと件数バッジが表示されます。詳細を開かずに「どのレコードにどんなファイルが何件付いているか」が一覧でひと目で分かります。

動作画面イメージ

レコード一覧画面で実際にどう見えるか

添付ファイルアイコン表示プラグイン — 一覧画面の各レコードに拡張子別アイコンと件数バッジが並列表示されている
① 拡張子別アイコン+件数バッジ

レコードごとに添付ファイルの種別アイコン(📕 PDF、📊 Excel、📝 Word など)と件数バッジが表示されます。複数種別がある場合は種別ごと並列表示されるので、内訳までひと目で分かります。

添付ファイルアイコン表示プラグイン — アイコンに hover するとファイル名一覧と件数のツールチップが即時表示される
② hover ツールチップでファイル名表示

アイコンに hover すると「種別(件数)+ファイル名一覧」のツールチップが即時表示。ブラウザ標準の遅延(約 1 秒)を排除した独自実装で、サクサク確認できます。

設定画面イメージ

プログラミング知識不要・ノーコードで完結

添付ファイルアイコン表示プラグイン 設定画面 — 対象添付ファイルフィールドの複数選択・表示位置フィールド・アイコン位置(左/右)・種別判定/件数バッジのON/OFFが設定できる基本設定セクション
① 基本設定

対象とする添付ファイルフィールド(複数選択可)・アイコン表示位置の基準フィールド・位置(左/右)・種別判定 ON/OFF・件数バッジ ON/OFF をシンプルなフォームで設定できます。

添付ファイルアイコン表示プラグイン 設定画面 — ツールチップの背景色と文字色をカラーピッカーで指定でき、右側にライブプレビューが表示される
② ツールチップ配色

hover ツールチップの背景色・文字色をカラーピッカーで自由に指定。右側のライブプレビューで実際の見た目を確認しながら調整できます。

添付ファイルアイコン表示プラグイン 設定画面 — PDF/Word/Excel/CSV/PowerPoint/写真など28種類の拡張子と表示アイコンの対応表を編集できるアイコンマッピング設定
③ アイコンマッピング設定

拡張子と表示するアイコンの対応関係を一覧で編集。28 種類のプリセットを自由に変更でき、行追加・削除・「既定値に戻す」もワンクリックで操作できます。

インストール手順

5 ステップで導入完了。プログラミング知識は不要です。

  1. 「プランについて」セクションのダウンロードボタンから plugin.zip をダウンロード
  2. kintone のシステム管理 → プラグインを開く
  3. 「読み込む」ボタンから plugin.zip をアップロード
  4. 使用するアプリのアプリ設定 → プラグインで「添付ファイルアイコン表示」を追加し、設定画面で「対象添付ファイルフィールド」「表示位置フィールド」を選択して保存
  5. アプリを更新(デプロイ)してから一覧画面をリロード

プランについて

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

基本プラン

¥0 / 完全無料
  • ✅ 全機能(拡張子別アイコン・件数バッジ・ツールチップ・配色カスタマイズ)が利用可能
  • ✅ 利用期限なし・いつまでも無料
  • ✅ 一覧画面に控えめな広告バナーが表示
無料でダウンロード

よくある質問

はい、拡張子別アイコン・件数バッジ・hover ツールチップ・配色カスタマイズなど、すべての機能を無料でご利用いただけます。利用期限もなく、ずっとお使いいただけます。一覧画面に控えめな広告バナーが表示されますが、プラグインの動作には影響しません。
KIZUNA Works のプラグイン開発を応援していただける方向けの年間ライセンス(年額 ¥3,300・税込)です。広告バナーの非表示、プラグイン作成リクエスト・改善要望の送付、サポーターの声を優先反映などの特典があります。詳しくは サポーターライセンスのご案内 をご覧ください。
はい。設定画面の「アイコンマッピング設定」で、拡張子ごとのアイコンを自由に変更できます。絵文字(📕📊🖼️ など)や任意の文字を入力可能で、業務に合わせたアイコンに差し替えられます。28 種類のプリセットからのスタートで、不要な種別を削除したり新しい拡張子を追加したりも自由です。
はい。設定画面で対象とする添付ファイルフィールドを複数選択可能です。「契約書」「見積書」など複数フィールドに添付されているレコードでは、それぞれの件数が合算され、種別ごと並列表示されます(例:📕1 📊2)。
はい。設定画面の「アイコン位置」で「左」または「右」を選択できます。「左」を選ぶと指定フィールドの値の手前にアイコンが、「右」を選ぶと値の後ろにアイコンが表示されます。
はい。設定画面の「ツールチップ配色」で背景色・文字色をカラーピッカーで自由に指定できます。設定中は右側にライブプレビューが表示されるので、見た目を確認しながら調整可能です。デフォルトはブランドカラーのネイビー(#1B3A6B)+白文字です。
以下を確認してください:(1)「対象添付ファイルフィールド」と「アイコン表示位置フィールド」の両方が設定されているか、(2)対象レコードに実際に添付ファイルが登録されているか(0 件のレコードには表示されません)、(3)一覧画面の表示形式が「カスタマイズビュー」「カレンダー」になっていないか(一覧形式のみ対応)。
ブラウザ・OS によっては絵文字がモノクロで表示されることがあります。プラグインでは Apple Color Emoji / Segoe UI Emoji / Noto Color Emoji などのカラー絵文字フォントを優先指定していますが、フォント環境によってはモノクロになる場合があります。Chrome 最新版 + Windows 10/11 / Mac で動作確認しています。
v1.0.0 ではデスクトップ版のみ対応しています。モバイル版(kintone.mobile.*)への対応は今後のバージョンで検討中です。
レコード件数が数百件規模の場合、初期描画にやや時間がかかる場合があります。1 ページあたりの表示件数を減らす、ビューを絞り込みなどで対応すると快適にご利用いただけます。
kintone のデスクトップ版で利用可能です。スタンダードコース・ワイドコースの kintone 環境であれば、ドメインを問わずご利用いただけます。

注意事項

  • 本プラグインは KIZUNA Works が独自に開発したものであり、サイボウズ株式会社が提供・保証するものではありません。
  • kintone はサイボウズ株式会社の登録商標です。
  • 動作は Google Chrome 最新版での確認を推奨します。
  • 本プラグインの使用により生じたいかなる損害についても、KIZUNA Works は責任を負いません。
  • ppk(秘密鍵)ファイルは配布物に含まれていません。
  • カレンダー / カスタマイズビューでは動作しません(LIST 形式の一覧画面のみ対応)。
  • 拡張子のないファイルは既定アイコン(📎)で表示されます。
  • 絵文字の表示は OS のフォント機能に依存するため、Windows / Mac で見た目が異なる場合があります。

関連プラグイン

同じく無料で配布中の kintone プラグイン

関連ブログ記事

kintone とプラグインの活用情報をブログで発信中

ご質問・ご要望

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

お問い合わせ

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

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

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