添付ファイルプレビュープラグイン

こんなときに便利です

現場写真や見積書のPDFをレコードに添付していると、「中身を確かめるたびにダウンロードして開く」「どのファイルが何の写真か、開くまで分からない」といった手間がかかります。このプラグインを使うと、レコード詳細画面に画像のサムネイルが並び、押すだけで大きく表示できます。PDFもダウンロードせずに、その場で中身を確認できます。

できること

• 写真をサムネイルで一覧：添付した画像（JPEG・PNG・GIF・WebP など）を、同じ大きさのサムネイルで並べます
• 押すと画面いっぱいに拡大：サムネイルを押すと大きく表示します。［‹］［›］やキーボードの ← → で前後の画像へ、Esc で閉じます。スマートフォンでは左右のスワイプで切り替えられます
• PDFもその場で確認：見積書や図面のPDFを、ダウンロードせずに画面の中で開けます
• ファイル名のまま保存：拡大表示の［ダウンロード］や、画像・PDF以外のファイルのボタンから、元のファイル名で保存できます
• 大きなファイルは無理に開かない：設定した大きさ（5〜50MB）を超える画像・PDFはプレビューせず、通信量と待ち時間を抑えます
• PC・モバイルに対応：モバイル版のkintoneでも、画面の幅に合わせて表示します

設定画面

プレビューする添付ファイルフィールドと、サムネイルを表示する場所を選びます。

項目	設定内容
添付ファイルフィールド	プレビューする添付ファイルフィールドを選びます。［＋ 添付ファイルを追加］で複数のフィールドを設定できます。
表示する場所	サムネイルを並べるスペースを選びます（おすすめ）。「添付ファイル欄の中」を選ぶと、スペースを置かずに添付ファイル欄の中に並べます。
サムネイルの大きさ	小（80px）・中（120px）・大（180px）から選びます。スマートフォンでは画面の幅に合わせて小さくなります。
プレビューするファイルの大きさ	これより大きい画像・PDFはプレビューせず、名前とダウンロードボタンだけを表示します（5MB・10MB・20MB・50MB）。
その他のファイル	オンにすると、画像・PDF以外のファイル（Excel・テキストなど）も名前とダウンロードボタンを並べます。

使い方

導入（ダウンロード・kintoneへの読み込み・アプリへの追加）は、このページの「導入はかんたん 4ステップ」をご覧ください。

STEP1：フォームにスペースを置く

アプリの設定 →「フォーム」で、添付ファイルフィールドのすぐ下などに「スペース」を置きます。スペースの歯車アイコン →［設定］で「要素ID」（例：preview）を入力し、フォームを保存します。スペースの幅は広めにしておくと、サムネイルが横に並びます。「添付ファイル欄の中」に表示する場合、この手順は不要です。

STEP2：設定画面を開く

アプリの設定 →「プラグイン」で、「添付ファイルプレビュー（ベネモ無料版）」の歯車アイコンをクリックします。

STEP3：添付ファイルと表示する場所を選ぶ

添付ファイルフィールドと、STEP1で置いたスペースを選びます。必要に応じて、サムネイルの大きさやプレビューするファイルの大きさを変えます。

STEP4：保存してアプリを更新する

［保存］を押したあと、アプリの設定画面右上の［アプリを更新］を押します。レコードの詳細画面を開くと、サムネイルが表示されます。

設定例

• 工事・点検の報告アプリ：「現場写真」フィールドをスペースに表示し、サムネイルは「大」。施工前・施工後の写真を並べて見比べられます
• 見積・契約の管理アプリ：「見積書」「契約書」のPDFを表示。ダウンロードせずに金額や条件を確認できます
• 備品・設備の台帳アプリ：「写真」フィールドを「添付ファイル欄の中」に表示し、サムネイルは「小」。一覧から開いたレコードで、どの備品かすぐに分かります

注意事項・制限事項

• プレビューするのはレコード詳細画面です。追加・編集画面、一覧画面、印刷画面には表示しません。
• テーブルの中の添付ファイルフィールドには対応していません。
• プレビューできる画像は、JPEG・PNG・GIF・WebP・BMP・SVG・AVIF・ICO です。HEIC（iPhoneの写真の形式の一つ）やTIFFは、ブラウザが表示できないため、名前とダウンロードボタンを表示します。
• PDFの表示には、ブラウザのPDF表示機能を使います。スマートフォンなど、画面の中でPDFを表示できない端末では［新しいタブで開く］か［ダウンロード］を使ってください。
• レコードを開くたびに、画像をkintoneから読み込みます。画像の多いレコードでは、表示に時間がかかることがあります。
• 「添付ファイル欄の中」に表示する方法は、kintoneの画面構造を利用する機能です。kintoneのアップデートで表示が崩れる場合があります。崩れたときは、スペースに表示する方法に切り替えてください。
• 本プラグインは無料・動作保証なしで提供しています。不具合はご連絡いただければ迅速に修正します。

よくある質問

Q. 設定したのにサムネイルが表示されません。

A. プラグイン設定の保存後に、アプリの設定画面で［アプリを更新］を押したか確認してください。また、フォームのスペースを削除したり要素IDを変えたりすると、表示できなくなります。設定画面で表示する場所を選び直してください。

Q. 一部のファイルが「大きいためプレビューしません」と表示されます。

A. 設定画面の「プレビューするファイルの大きさ」を超えるファイルです。上限を大きくするとプレビューできますが、通信量と表示の待ち時間が増えます。ファイル名のボタンから、そのままダウンロードもできます。

Q. 一覧画面でもサムネイルを表示できますか？

A. 無料版はレコード詳細画面だけに対応しています。一覧画面での表示や、Excel・Wordファイルのプレビューなどのご要望は、専用版（セミオーダー）で対応できます。お気軽にご相談ください。