PlugBits
PlugBits kintone向けプラグイン＆ブラウザ拡張機能
← サブテーブルギャラリー化 に戻る

サブテーブルギャラリー化 マニュアル

0. 動作環境・対応版

1. このプラグインでできること

このプラグインは、kintone のレコード詳細画面で進捗用のファイルを手軽に投稿し、一覧で見やすく管理するためのプラグインです。

レコード詳細画面。アップロード欄とギャラリーが表示されている

2. このプラグインの保存イメージ

このプラグインは、サブテーブルに1件ずつ投稿内容を保存します。

1件投稿するごとに、サブテーブルに1行追加されます。

各行には主に次の内容が入ります。

つまり、見た目はギャラリーですが、裏側ではサブテーブルに記録されています。

3. 事前に準備するもの

このプラグインを使う前に、kintone アプリ側で以下を準備してください。

必須

任意

アプリのフォーム設定画面。サブテーブル内に添付ファイル・メモ・作成者・作成日時がある状態

4. 初期設定手順

4-1. プラグインをアップロードする

  1. kintone のアプリ設定を開きます。
  2. プラグインの追加画面を開きます。
  3. 商品ページの zip ファイルを指定してアップロードします。
  4. アプリにこのプラグインを追加します。

※ この画面はスクリーンショットではなく文章で説明します。zip ファイルのアップロードは kintone システム管理（テナント全体の設定・システム管理権限が必要）で行うため、1つのアプリの検証環境だけでは画面を安全に再現できません。手順は次のとおりです。

  1. kintone システム管理を開き、プラグインの登録画面で商品ページの zip ファイルを指定してアップロードします（初回のみ）。
  2. 対象アプリの「アプリの設定」→「プラグイン」→「追加する」を開くと、テナントに登録済みのプラグイン一覧が表示されます。
  3. 一覧から「サブテーブルギャラリー化プラグイン」にチェックを付けて「追加」を押します。

4-2. プラグイン設定を開く

プラグイン一覧から、このプラグインの設定画面を開きます。

設定画面では、まずアプリ内のフィールド情報が読み込まれます。

プラグイン設定画面の全体（ライセンスキーは伏せ字で表示）

4-3. ライセンス(試用と購入)

このプラグインは有料版です。設定画面の上部にある「ライセンス(有料版)」欄でキーを確認・登録します。

5. 設定項目の意味

フィールド設定

サブテーブル

ファイルを保存するサブテーブルを選びます。

添付ファイルフィールド

サブテーブル内の添付ファイルフィールドを選びます。

ここに投稿したファイルが保存されます。

メモフィールド

サブテーブル内のメモ用フィールドを選びます。

投稿ごとの短い説明やコメントを保存する欄です。

作成者フィールド

必要な場合だけ設定します。

設定すると、投稿した人の名前を自動で入れます。

作成日時フィールド

必要な場合だけ設定します。

設定すると、投稿した日時を自動で入れます。

表示スペース

アップロード欄とギャラリーを表示するスペースフィールドを指定します。

フィールド設定エリア

UI・挙動

表示レイアウト

ギャラリーの並び方を選びます。

ギャラリータイトル

ギャラリーの見出しを表示するかどうかを選びます。

画像圧縮

画像のサイズを自動で軽くする設定です。

「最大辺」と「JPEG品質」は、画像を軽くしたい場合に調整します。 通常は初期値のままで問題ありません。

グリッド列数

グリッド表示のときだけ使う設定です。

メモ初期値

新しく投稿したときに、メモ欄へ最初から入れておく文字です。

例: スクショ追加

レコードコメント

ファイル追加時に、レコードコメントへ自動投稿するかを設定します。

例: スクショを追加しました

UI・挙動エリア

保存

設定が終わったら「保存する」を押します。 その後、アプリの更新も忘れずに行ってください。

「保存する」ボタンを押す直前の画面

6. 日常の使い方

6-1. 詳細画面を開く

レコードの詳細画面を開くと、次の2つが表示されます。

アップロード欄は、ギャラリーの一番最初のカードとして表示されます。 アップロード欄とギャラリーは、設定した同じスペース内に表示されます。

詳細画面でアップロード欄とギャラリーが見えている画面

6-2. ファイルを追加する

追加方法は3つあります。

方法1. ファイルを選択する

「ファイルを選択」ボタンから投稿します。

画像、PDF、その他のファイルも追加できます。

方法2. ドラッグ&ドロップする

アップロード欄へファイルをそのままドラッグ&ドロップします。

画像、PDF、その他のファイルも追加できます。

方法3. コピー&貼り付けする

アップロード欄に貼り付けします。

この方法は画像の貼り付け専用です。 文字だけのコピーや、画像以外の貼り付けには対応していません。

ドラッグ&ドロップでファイルをアップロード欄にドロップしようとしている状態

6-3. 追加後の動き

ファイルを追加すると、次の内容が自動で行われます。

追加後は画面が再読み込みされ、ギャラリーに反映されます。

7. ギャラリーの見方

ギャラリーには、1件ごとにカード形式で表示されます。

カードには主に次の情報が表示されます。

画像は縮小表示されます。 PDF やその他ファイルは種類を示す表示になります。

8. ファイルを開く

カードのサムネイルを押すと、プレビュー画面が開きます。

画像の場合

PDF の場合

その他のファイルの場合

画像プレビュー画面（ズーム操作・外部で表示あり）

その他ファイル（画面内プレビュー非対応）を開いた画面。「外部で表示」から開けます

9. メモを編集する

メモ部分をクリックすると、その場で編集できます。

メモが空欄の場合は「メモは未入力」と表示されます。

メモをクリックして編集している状態

10. 不要な投稿を削除する

各カード右上の × ボタンから削除できます。

削除前に確認メッセージが表示されます。 削除すると、該当するサブテーブル行も削除されます。

カード右上の削除（×）ボタン

削除確認ダイアログはブラウザ標準の確認ポップアップ（このファイルを削除しますか？ という文言、OK/キャンセル）のため、スクリーンショットには写りません。× ボタンを押すとこのポップアップが表示され、OK を押すと削除が実行されます。

11. 編集できないときの見え方

レコードの編集権限がない場合は、閲覧専用になります。

その場合は次の操作ができません。

ギャラリーの閲覧だけ可能です。

12. 運用上の注意

コピー&貼り付けは画像のみです

貼り付けで追加できるのは画像だけです。 PDF やその他ファイルは、ファイル選択またはドラッグ&ドロップを使ってください。

画像は自動で軽くなる場合があります

画像圧縮を有効にしている場合、保存時に JPEG へ変換されることがあります。 画質やサイズを厳密に維持したい場合は、圧縮設定を見直してください。

標準のサブテーブルは裏側で使われています

このプラグインはサブテーブルを使って保存していますが、詳細画面では標準のサブテーブル表示を隠して、見やすいギャラリー表示にしています。

13. よくある質問

Q. 投稿したのに見えません

以下を確認してください。

Q. 貼り付けできません

画像のコピーになっているか確認してください。 文字だけのコピーや、画像以外のデータは貼り付けできません。

Q. 投稿者や投稿日時が入りません

プラグイン設定で対象フィールドが設定されているか確認してください。 投稿日時は日時フィールドを指定する必要があります。

Q. コメントが自動投稿されません

レコードコメント設定がオンになっているか確認してください。

14. 管理者向けのおすすめ設定

迷った場合は、まず以下の設定がおすすめです。

15. まとめ

このプラグインは、詳細画面で進捗ファイルをすぐに追加し、そのまま見やすく一覧化するためのものです。

特に次の運用に向いています。

kintoneをひとりで回していませんか？

PlugBits Launcher — 設定画面への移動もフィールドコードのコピーも、Ctrl+/ のコマンドパレットから。ブラウザに追加するだけで使えます。

Chromeに追加（無料） 詳しく見る →