テーマスタイラー for kintone
kintoneアプリのテーマカラーを1色で統一しつつ、タイトル帯には関連 kintone アプリ・社内ポータル・マニュアル・外部 Web サイトへのクイックリンク(テキスト+最大5個のボタン)を集約。アプリを「業務のハブ」として使えるようにする無料プラグインです。
こんな課題を解決します
アプリ間の行き来・マニュアル参照・色分け、全部「タイトル帯」と「テーマ色」で解消
関連アプリへの行き来が面倒
案件管理 → 顧客管理 → 活動履歴。タブを切替え、ブックマークから探す手間がかかる
マニュアル・社内ポータルが遠い
業務手順や規程集を見るために別タブに切り替えて検索。担当者に毎回 URL を共有するのも大変
アプリの見た目が全部同じ
部署別・プロジェクト別にアプリ色を分けて識別したい。コーポレートカラーにも合わせたい
アプリを「業務のハブ」にする活用シーン
テキストとボタンの両方に URL を設定できるので、kintone の中から関連アプリ・社内サイト・外部サービスへ ワンクリックで遷移できます。担当者全員が同じ導線でアクセスでき、口頭やチャットでの URL 共有が不要に。
関連 kintone アプリへワンクリック
案件管理から顧客マスタ・活動履歴へすぐ移動。アプリを切り替えて検索する手間がゼロに。
社内ポータル・マニュアル・Wiki
業務手順・規程集・FAQ ページへの導線をアプリ上部に常設。新入社員にも自然に共有できます。
外部 Web サービスへの導線
Slack・Notion・Google ドライブ・SaaS など、業務でよく使う外部サイトもアプリから直接アクセス。
お知らせ・リマインダー+リンク
「⚠ 必ず社内承認後に登録」のようなお知らせテキストに、社内ルールページのリンクを仕込めます。
主な機能
- テキスト+ボタン両方に URL 設定可能 — kintone アプリ・社内ポータル・マニュアル・外部サイトへワンクリック遷移。同一タブ/新規タブも個別指定。
- カスタムボタン最大5個 — タイトル帯にリンクボタンを横並びで配置。ラベル・URL・スタイルをボタンごとに自由設定。
- ボタンスタイル50種 — 立体/フラット/グラデ/アニメ/個性派の5カテゴリ × 10種類。背景色・文字色・枠線色・サイズ(小/中/大)も個別調整。
- 位置の独立指定 — テキスト位置・ボタン位置を左 / 中央 / 右で独立して指定。同位置の場合は並び順も指定可能。
- テーマカラー(12種プリセット + カラーピッカー) — 1色でタイトル帯・一覧ヘッダー・データ行・罫線・フォーム背景まで派生色を自動生成して統一着色。
- 10種の日本語フォント — Noto Sans / Noto Serif / メイリオ / 游ゴシック / ヒラギノ角ゴ・明朝 / 丸ゴシック / 等幅 / 手書き風。アプリ名・タイトル帯テキスト・ボタンに連動。
- 設定画面ライブプレビュー — 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 プラグイン
ご質問・ご要望
プラグインのご質問や改善要望など、お気軽にお問い合わせください。
お問い合わせ