FormDeco kintone プラグイン
kintoneレコード詳細画面の罫線(区切り線)と、スペースフィールドの背景・テキスト・画像をノーコードでカスタマイズ。フォームの見た目を整えて業務アプリの視認性をぐっと向上させます。基本機能は完全無料でご利用いただけます。
こんな課題を解決します
標準のkintoneだと届かない「ちょっとした見た目の調整」を補完します
罫線が地味で見づらい
セクションの区切りが曖昧で、項目の塊がパッと把握できない
スペースを活かせていない
フォームに余白だけ確保しても、ただの空きスペースになっている
JavaScriptは書きたくない
CSS・JSを書ける人がいない/メンテが続かない
主な機能
- 罫線スタイル変更 — 線種(実線・点線・破線・二重線)/太さ(1〜10px)/色をカラーピッカーで自由に設定。レコード詳細画面の罫線が一括で変わります。
- スペースの背景色 — 区切りやハイライトとして使える色付きエリアを簡単に作成できます。
- スペースにテキスト表示 — 見出し・案内文・注意書きを設置可能。フォント・サイズ・色・太字・水平/垂直揃えまで細かく調整できます。
- スペースに画像表示 — ロゴ・アイコン・バナー画像を配置可能。アップロード時に自動で40KB以下に圧縮されるので、サイズを気にせずファイルを選ぶだけ。
- スペース要素ID候補を自動表示 — フォームに設定済みのスペースの要素IDを自動取得して入力候補に。手入力との併用も可能です。
設定画面イメージ
罫線・スペースの装飾はすべて設定画面でノーコード設定できます
線の種類(実線・点線・破線・二重線)、太さ、色をカラーピッカーで自由に指定できます。
背景色とテキストを設定。フォント・サイズ・色・太字・水平/垂直揃えまで細かく調整できます。
ファイルを選ぶだけでアップロード。最大40KB・最大幅1200pxに自動圧縮するのでサイズを気にせず配置できます。
導入後の表示イメージ
赤い点線の罫線でセクションを明確に区切り、目立たせたいスペースに案内テキストを表示できます。
緑の二重線の罫線とともに、スペースにロゴやアイコン画像を配置可能。社内アプリのブランディングにも活用できます。
インストール手順
5ステップで導入完了。プログラミング知識は不要です。
- 「プランについて」セクションのダウンロードボタンから
plugin.zipをダウンロード - kintone のシステム管理 → プラグインを開く
- 「読み込む」ボタンから
plugin.zipをアップロード - 使用するアプリのアプリ設定 → プラグインでプラグインを追加
- プラグインの設定画面から罫線・スペースの装飾を設定して保存
プランについて
基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。
年間サポーター
- ✅ 全機能(罫線スタイル・スペース装飾・画像挿入)が利用可能
- ✅ プラグイン内のお知らせバナーが完全非表示
- ✅ プラグイン作成リクエスト・改善要望を送付可能
- ✅ サポーターの声を優先して開発に反映
よくある質問
注意事項
- 本プラグインは KIZUNA Works が独自に開発したものであり、サイボウズ株式会社が提供・保証するものではありません。
- kintone はサイボウズ株式会社の登録商標です。
- 動作は Google Chrome 最新版での確認を推奨します。
- 罫線カスタマイズは kintone 内部のCSSクラス名に依存しているため、kintone 本体のアップデートで動作しなくなる可能性があります。
- スペースに挿入する画像は自動的にJPEG形式に変換されるため、PNGの透過情報は失われます。
- 本プラグインの使用により生じたいかなる損害についても、KIZUNA Works は責任を負いません。
- ppk(秘密鍵)ファイルは配布物に含まれていません。
関連プラグイン
同じく無料で配布中の kintone プラグイン
関連ブログ記事
kintone とプラグインの活用情報をブログで発信中
ご質問・ご要望
プラグインのご質問や改善要望など、お気軽にお問い合わせください。
お問い合わせinfo@kizuna-works.jp までお気軽にどうぞ
プラグインを気に入っていただけましたか?
基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。