テーマスタイラー for kintone
kintoneアプリのテーマカラーを1色で統一しつつ、タイトル帯には関連 kintone アプリ・社内ポータル・マニュアル・外部 Web サイトへのクイックリンク(テキスト+最大5個のボタン)を集約。アプリを「業務のハブ」として使えるようにする無料プラグインです。
v1.1.0:設定画面の視認性を向上し、レコード詳細画面・明細ヘッダーの色を個別指定できるようになりました
これまでテーマカラーは1色から全画面の色を自動で決めていましたが、レコード詳細・編集・作成画面の背景色/文字色とサブテーブル(明細)ヘッダーの背景色/文字色を、それぞれ「自動(テーマカラー連動)/カスタム」で個別に指定できるようになりました。色はカラーピッカーに加えてカラーコード(#RRGGBB)でも入力できます。個別指定を使わない場合は従来どおりテーマカラーから自動で決まるため、これまでの設定はそのまま引き継がれます。
あわせて設定画面のレイアウトを刷新。ライブプレビューを画面の左側に固定し、「一覧画面」と「レコード詳細画面」の両方を表示するようにしました。中央で設定を編集しながら、色の変化を保存前に常に確認できます。
既存ユーザーの方は、最新版(v1.1.0)をダウンロードして kintone のシステム管理 → プラグインから上書きアップロードするだけで適用できます。
こんな課題を解決します
アプリ間の行き来・マニュアル参照・色分け、全部「タイトル帯」と「テーマ色」で解消
関連アプリへの行き来が面倒
案件管理 → 顧客管理 → 活動履歴。タブを切替え、ブックマークから探す手間がかかる
マニュアル・社内ポータルが遠い
業務手順や規程集を見るために別タブに切り替えて検索。担当者に毎回 URL を共有するのも大変
アプリの見た目が全部同じ
部署別・プロジェクト別にアプリ色を分けて識別したい。コーポレートカラーにも合わせたい
アプリを「業務のハブ」にする活用シーン
テキストとボタンの両方に URL を設定できるので、kintone の中から関連アプリ・社内サイト・外部サービスへ ワンクリックで遷移できます。担当者全員が同じ導線でアクセスでき、口頭やチャットでの URL 共有が不要に。
関連 kintone アプリへワンクリック
案件管理から顧客マスタ・活動履歴へすぐ移動。アプリを切り替えて検索する手間がゼロに。
社内ポータル・マニュアル・Wiki
業務手順・規程集・FAQ ページへの導線をアプリ上部に常設。新入社員にも自然に共有できます。
外部 Web サービスへの導線
Slack・Notion・Google ドライブ・SaaS など、業務でよく使う外部サイトもアプリから直接アクセス。
お知らせ・リマインダー+リンク
「⚠ 必ず社内承認後に登録」のようなお知らせテキストに、社内ルールページのリンクを仕込めます。
主な機能
- テキスト+ボタン両方に URL 設定可能 — kintone アプリ・社内ポータル・マニュアル・外部サイトへワンクリック遷移。同一タブ/新規タブも個別指定。
- カスタムボタン最大5個 — タイトル帯にリンクボタンを横並びで配置。ラベル・URL・スタイルをボタンごとに自由設定。
- ボタンスタイル50種 — 立体/フラット/グラデ/アニメ/個性派の5カテゴリ × 10種類。背景色・文字色・枠線色・サイズ(小/中/大)も個別調整。
- 位置の独立指定 — テキスト位置・ボタン位置を左 / 中央 / 右で独立して指定。同位置の場合は並び順も指定可能。
- テーマカラー(12種プリセット + カラーピッカー) — 1色でタイトル帯・一覧ヘッダー・データ行・罫線・フォーム背景まで派生色を自動生成して統一着色。
- 詳細画面・明細ヘッダーの色を個別指定(v1.1.0) — レコード詳細・編集・作成画面の背景色/文字色とサブテーブルヘッダーの背景色/文字色を「自動(テーマカラー連動)/カスタム」で個別に設定。色はカラーコード(#RRGGBB)入力にも対応。未指定なら従来どおり自動で決まります。
- 10種の日本語フォント — Noto Sans / Noto Serif / メイリオ / 游ゴシック / ヒラギノ角ゴ・明朝 / 丸ゴシック / 等幅 / 手書き風。アプリ名・タイトル帯テキスト・ボタンに連動。
- 設定画面ライブプレビュー(v1.1.0で刷新) — 一覧画面とレコード詳細画面の両方を mini kintone モックで表示。プレビューを画面左側に固定し、中央で設定を編集しながら保存前に色の変化を常時確認できます。
- ノーコード完結 — タブ式 UI(テーマカラー/タイトル帯)で迷わず設定。プログラミング知識は不要です。
テーマカラー プリセット(12色)
標準テーマと同じ操作感で、定番カラーをワンクリック適用
デフォルト青
#2563EB
ネイビー
#1B3074
グリーン
#2E8B2E
ティール
#0D9488
パープル
#7C3AED
レッド
#DC2626
オレンジ
#EA580C
ピンク
#DB2777
グレー
#4B5563
ダークグレー
#1F2937
ブラウン
#92400E
シアン
#0284C7
導入前と導入後
kintone 標準のアプリを、テーマカラー+クイックリンク付きに変えるとここまで違います
導入前(kintone 標準)
アプリ間を行き来するにはホームに戻ってアプリを選び直す必要があり、マニュアルや関連 Web ページの URL も毎回探す必要があります。
導入後(テーマスタイラー)
タイトル帯に「顧客管理」「活動履歴」ボタンと「KIZUNA Works」テキストリンクを配置。テーマカラーで一覧ヘッダー・行・罫線・説明エリアまで統一しました。
配置のバリエーション
テキスト位置・ボタン位置を独立して指定可能。同位置の場合は並び順も指定できます
ボタンをアプリ名の近くに置き、テキスト(リンク)は右端にまとめて配置するレイアウト。基本構成。
テキスト(重要なお知らせやリンク)を中央で目立たせ、ボタンを右端に整理した配置。
クイックリンクを画面中央に大きく出して、最重要の導線として強調する配置。
設定画面イメージ
タブ式 UI で迷わず設定。すべての変更がライブプレビューに即時反映されます
設定変更がリアルタイムで反映される mini kintone モック。一覧画面とレコード詳細画面の両方を、設定を編集しながら常に見える位置に固定表示。保存前に見え方を確認できます。
プリセット 12 色 or カスタムカラー、アプリ名・ヘッダー文字色(自動/カスタム)、フォント種類 10 種をまとめて設定。
テキスト位置(左/中央/右)、内容、文字色、フォントサイズ、リンク URL、リンク動作(同一/新規タブ)を 1 カードで設定。
ボタン位置(左/中央/右)、ラベル、URL、リンク動作、サイズ(小/中/大)、スタイル(50 種)、背景色/テキスト色/枠線色を 1 カードで個別設定。
ボタンスタイル 全50種
5カテゴリ × 10スタイル。用途・好みに合わせて自由に選べます
① 立体・3D系
10種類
- 押し込み式・影付き立体・エンボス文字
- 浮き出し文字・斜め視点・上から視点
- ポップ立体・おもちゃ風・グラデ丸み・3Dパース
② フラット・ボーダー系
10種類
- シンプルフラット・ボーダー囲み・角丸ボーダー
- 二重線・破線・両端縦ボーダー
- 下線のみ・上下線はさみ・左右線はさみ・片側角丸
③ グラデーション・カラー系
10種類
- グラデ横・グラデ斜め・グラデ+影
- ネオン風・メタリック・サンセット・オーシャン
- マテリアル基本/浮き/FAB
④ アニメーション・エフェクト系
10種類
- スライド塗り(左/下)・矢印アニメ・枠線描画
- 塗り反転・拡大スケール・シャイン
- アンダーライン伸び・グロー発光・ぷるぷる震え
⑤ ユニーク・個性派
10種類
- タグ型・リボン型・ステッチ風・スタンプ風
- バッジ型・ふせん風・吹き出し型・ラベル型
- ピル型・くり抜き文字
インストール手順
5ステップで導入完了。プログラミング知識は不要です。
- 「プランについて」セクションのダウンロードボタンから
plugin.zipをダウンロード - kintone のシステム管理 → プラグインを開く
- 「読み込む」ボタンから
plugin.zipをアップロード - 使用するアプリのアプリ設定 → プラグインでプラグインを追加
- プラグインの設定画面でテーマカラーとタイトル帯を設定して保存 → アプリを更新
プランについて
基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。
基本プラン
- ✅ 全機能(テーマ12色・10種フォント・タイトル帯カスタマイズ・50種ボタン)が利用可能
- ✅ 利用期限なし・いつまでも無料
- ✅ レコード一覧画面に控えめな広告エリア表示あり
年間サポーター
- ✅ 全機能(テーマ12色・10種フォント・タイトル帯カスタマイズ・50種ボタン)が利用可能
- ✅ プラグイン内の広告エリアが完全非表示
- ✅ プラグイン作成リクエスト・改善要望を送付可能
- ✅ サポーターの声を優先して開発に反映
※5プラグイン以上ご利用ならプレミアム年間サポーター(年額¥16,500・税込)もお得です
注意事項
- 本プラグインは KIZUNA Works が独自に開発したものであり、サイボウズ株式会社が提供・保証するものではありません。
- kintone はサイボウズ株式会社の登録商標です。
- 動作は Google Chrome 最新版での確認を推奨します。
- 本プラグインの使用により生じたいかなる損害についても、KIZUNA Works は責任を負いません。
- ppk(秘密鍵)ファイルは配布物に含まれていません。
- v1.0.0 時点では モバイル kintone は非対応です。
- kintone のアップデートにより内部DOM構造が変わると、タイトル帯のカスタマイズが正しく反映されない場合があります。その際は最新版へアップデートしてください。
セキュリティ・データの取り扱い
KIZUNA Works のプラグインは、お客様のデータを社外に持ち出さない設計です。気になる方はブラウザの開発者ツール(F12)で通信内容をご確認いただけます。
- レコード等の業務データを外部に送信しません
プラグインが扱うレコードやフィールドの値が、当社や第三者のサーバーへ送られることはありません。
- 外部通信はライセンス認証のみ
ライセンスの確認のため、プラグイン ID と利用ドメイン名だけを当社サーバー(Google Apps Script)へ送信します。通信は kintone のプロキシ経由で行われます。
- 実行時に外部ライブラリ(CDN)を読み込みません
第三者製ライブラリは使用していません。改ざんリスクのある外部 CDN への依存はありません。
- 設定情報は kintone の暗号化領域に保存
API キー等の秘匿情報をコードに直書きせず、設定は kintone 標準の暗号化された設定領域に保存します。
よくある質問
kintone のテーマカラーを変更できる他のプラグインとの違いは?
日本語フォントを変更できますか?
このプラグインは無料で使えますか?
同一 kintone 環境内の複数アプリで利用できますか?
kintone のどのコースで使えますか?プラグイン読み込み機能は必要ですか?
JavaScript やプログラミングの知識は必要ですか?
対応している kintone バージョン・ブラウザは?
kintone のIPアドレス制限(アクセス制限)を使っていても利用できますか?許可リストに追加するIPはありますか?
不具合や改善要望はどこに連絡すればいいですか?
プラグインを気に入っていただけましたか?
基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。
関連プラグイン
同じく無料で配布中の kintone プラグイン
ご質問・ご要望
プラグインのご質問や改善要望など、お気軽にお問い合わせください。
お問い合わせ