テーマスタイラー for kintone プラグイン アイコン
無料配布中 v1.0.1

テーマスタイラー for kintone

kintoneアプリのテーマカラーを1色で統一しつつ、タイトル帯には関連 kintone アプリ・社内ポータル・マニュアル・外部 Web サイトへのクイックリンク(テキスト+最大5個のボタン)を集約。アプリを「業務のハブ」として使えるようにする無料プラグインです。

こんな課題を解決します

アプリ間の行き来・マニュアル参照・色分け、全部「タイトル帯」と「テーマ色」で解消

🔁

関連アプリへの行き来が面倒

案件管理 → 顧客管理 → 活動履歴。タブを切替え、ブックマークから探す手間がかかる

📚

マニュアル・社内ポータルが遠い

業務手順や規程集を見るために別タブに切り替えて検索。担当者に毎回 URL を共有するのも大変

🎨

アプリの見た目が全部同じ

部署別・プロジェクト別にアプリ色を分けて識別したい。コーポレートカラーにも合わせたい

アプリを「業務のハブ」にする活用シーン

テキストとボタンの両方に URL を設定できるので、kintone の中から関連アプリ・社内サイト・外部サービスへ ワンクリックで遷移できます。担当者全員が同じ導線でアクセスでき、口頭やチャットでの URL 共有が不要に。

🔗

関連 kintone アプリへワンクリック

案件管理から顧客マスタ・活動履歴へすぐ移動。アプリを切り替えて検索する手間がゼロに。

例: 案件管理アプリのタイトル帯に「顧客管理」「活動履歴」「請求書管理」ボタンを設置
📖

社内ポータル・マニュアル・Wiki

業務手順・規程集・FAQ ページへの導線をアプリ上部に常設。新入社員にも自然に共有できます。

例: 「マニュアル」「業務ルール」「FAQ」「申請フォーム」ボタンを設置
🌐

外部 Web サービスへの導線

Slack・Notion・Google ドライブ・SaaS など、業務でよく使う外部サイトもアプリから直接アクセス。

例: 「Slack #営業」「Notion 議事録」「Google ドライブ」「自社 CRM」ボタンを設置
📢

お知らせ・リマインダー+リンク

「⚠ 必ず社内承認後に登録」のようなお知らせテキストに、社内ルールページのリンクを仕込めます。

例: テキスト「⚠ 6月以降は新ルール適用」に ルール詳細ページへのリンクを設定

主な機能

  • テキスト+ボタン両方に 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 標準)

テーマスタイラー導入前 — kintone標準の赤いタイトル帯と、アプリ説明の標準グレー背景

アプリ間を行き来するにはホームに戻ってアプリを選び直す必要があり、マニュアルや関連 Web ページの URL も毎回探す必要があります。

導入後(テーマスタイラー)

テーマスタイラー導入後 — シアンのテーマ色と、タイトル帯に「顧客管理」「活動履歴」のリンクボタンが追加された状態

タイトル帯に「顧客管理」「活動履歴」ボタンと「KIZUNA Works」テキストリンクを配置。テーマカラーで一覧ヘッダー・行・罫線・説明エリアまで統一しました。

配置のバリエーション

テキスト位置・ボタン位置を独立して指定可能。同位置の場合は並び順も指定できます

テキスト右・ボタン左 — 案件管理アプリのタイトル帯にボタン2個と「KIZUNA Works」テキストリンクを設置した例
テキストは右、ボタンは左

ボタンをアプリ名の近くに置き、テキスト(リンク)は右端にまとめて配置するレイアウト。基本構成。

テキスト中央 — KIZUNA Worksテキストリンクを中央に、ボタン2個を右端に配置した例
テキスト中央、ボタン右

テキスト(重要なお知らせやリンク)を中央で目立たせ、ボタンを右端に整理した配置。

ボタン中央 — ボタン2個を中央に、KIZUNA Worksテキストを右端に配置した例
ボタンを中央寄せ

クイックリンクを画面中央に大きく出して、最重要の導線として強調する配置。

設定画面イメージ

タブ式 UI で迷わず設定。すべての変更がライブプレビューに即時反映されます

設定画面のライブプレビュー — mini kintoneモックで保存前に見た目を確認できる
ライブプレビュー(常時表示)

設定変更がリアルタイムで反映される mini kintone モック。スクロールしても画面上部に貼り付くので、長い設定をしながらでも見え方を常に確認できます。

設定画面 — ① テーマカラータブ。プリセット/カスタム選択、文字色、フォント種類10種を1画面で設定
① テーマカラータブ

プリセット 12 色 or カスタムカラー、アプリ名・ヘッダー文字色(自動/カスタム)、フォント種類 10 種をまとめて設定。

設定画面 — ② アプリタイトル帯タブのテキスト設定。位置・テキスト・文字色・フォントサイズ・リンクURL・リンク動作
② タイトル帯 - テキスト設定

テキスト位置(左/中央/右)、内容、文字色、フォントサイズ、リンク URL、リンク動作(同一/新規タブ)を 1 カードで設定。

設定画面 — ② アプリタイトル帯タブのボタン設定。ラベル・URL・サイズ・スタイル・色をボタンごとに指定
② タイトル帯 - ボタン設定(最大5個)

ボタン位置(左/中央/右)、ラベル、URL、リンク動作、サイズ(小/中/大)、スタイル(50 種)、背景色/テキスト色/枠線色を 1 カードで個別設定。

ボタンスタイル 全50種

5カテゴリ × 10スタイル。用途・好みに合わせて自由に選べます

① 立体・3D系

10種類

  • 押し込み式・影付き立体・エンボス文字
  • 浮き出し文字・斜め視点・上から視点
  • ポップ立体・おもちゃ風・グラデ丸み・3Dパース

② フラット・ボーダー系

10種類

  • シンプルフラット・ボーダー囲み・角丸ボーダー
  • 二重線・破線・両端縦ボーダー
  • 下線のみ・上下線はさみ・左右線はさみ・片側角丸

③ グラデーション・カラー系

10種類

  • グラデ横・グラデ斜め・グラデ+影
  • ネオン風・メタリック・サンセット・オーシャン
  • マテリアル基本/浮き/FAB

④ アニメーション・エフェクト系

10種類

  • スライド塗り(左/下)・矢印アニメ・枠線描画
  • 塗り反転・拡大スケール・シャイン
  • アンダーライン伸び・グロー発光・ぷるぷる震え

⑤ ユニーク・個性派

10種類

  • タグ型・リボン型・ステッチ風・スタンプ風
  • バッジ型・ふせん風・吹き出し型・ラベル型
  • ピル型・くり抜き文字

インストール手順

5ステップで導入完了。プログラミング知識は不要です。

  1. 「プランについて」セクションのダウンロードボタンから plugin.zip をダウンロード
  2. kintone のシステム管理 → プラグインを開く
  3. 「読み込む」ボタンから plugin.zip をアップロード
  4. 使用するアプリのアプリ設定 → プラグインでプラグインを追加
  5. プラグインの設定画面でテーマカラーとタイトル帯を設定して保存 → アプリを更新

プランについて

基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。

基本プラン

¥0 / 完全無料
  • ✅ 全機能(テーマ12色・10種フォント・タイトル帯カスタマイズ・50種ボタン)が利用可能
  • ✅ 利用期限なし・いつまでも無料
  • ✅ 設定画面に控えめな広告エリア表示あり
無料でダウンロード

注意事項

  • 本プラグインは 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 のテーマカラーを変更できる他のプラグインとの違いは?
カラー一括統一だけでなく、タイトル帯にテキスト・最大 5 個のリンクボタン(50 種スタイル)を集約できる点が最大の差別化です。関連 kintone アプリ・社内ポータル・マニュアル・外部 Web サイトへのクイック導線を 1 アプリ内に集約し、アプリを「業務ハブ」として使えるようにします。
日本語フォントを変更できますか?
はい、10 種類の日本語フォントから選択できます。明朝系・ゴシック系・丸ゴシック系などをアプリ単位で切り替え可能です。
このプラグインは無料で使えますか?
はい、すべての機能を完全無料でご利用いただけます。利用期限もなく、ずっとお使いいただけます。設定画面に控えめな広告エリアが表示される「基本無料・広告表示モデル」を採用しており、対象プラグインの広告は年間サポーターライセンス(年額 ¥3,300 税込)にお申込みいただくことで非表示にできます。
同一 kintone 環境内の複数アプリで利用できますか?
はい、ZIP ファイル 1 つを kintone にアップロードしていただければ、同一 kintone 環境内のすべてのアプリでご利用いただけます。アプリごとに個別の設定値を保存できる設計です。
kintone のどのコースで使えますか?プラグイン読み込み機能は必要ですか?
kintone のプラグイン読み込み機能を利用するため、スタンダードコース以上が必要です。ライトコースではプラグイン機能自体が利用できないため、本プラグインも動作しません。
JavaScript やプログラミングの知識は必要ですか?
いいえ、不要です。プラグイン管理画面のフォームから設定するだけで利用できるノーコード設計になっています。カラーピッカーやドロップダウンで直感的に操作でき、コードを書く必要はありません。
対応している kintone バージョン・ブラウザは?
kintone のデスクトップ版(最新のクラウド版)と、kintone が公式サポートしている最新ブラウザ(Google Chrome / Microsoft Edge / Mozilla Firefox / Apple Safari)でご利用いただけます。Internet Explorer はサポート対象外です。
不具合や改善要望はどこに連絡すればいいですか?
KIZUNA Works のお問い合わせフォーム(/contact/)または info@kizuna-works.jp までご連絡ください。年間サポーターの方は、プラグイン作成リクエストや既存プラグインへの改善要望もお送りいただけます。

プラグインを気に入っていただけましたか?

基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。

サポーターライセンスの詳細・お申し込みへ

関連プラグイン

同じく無料で配布中の kintone プラグイン

ご質問・ご要望

プラグインのご質問や改善要望など、お気軽にお問い合わせください。

お問い合わせ