Kintoneの自作プラグインを提供しています。美しいテーマカスタマイズから実用的な機能拡張まで、Kintoneアプリをより使いやすく、見た目も美しくするプラグインを開発・配布しています。
| プラグイン名 | 説明 | 種類 |
|---|---|---|
| ThemePalette | Kintoneアプリの色テーマをカスタマイズできるプラグイン。16種類の美しいカラーパレットから選択可能。 | Vite型 |
ThemePaletteは、Kintoneアプリの見た目を美しくカスタマイズできる色テーマプラグインです。16種類のカラーパレットから選択でき、アプリのタイトルバー、フォーム、テーブルなどの要素を統一されたデザインで彩ります。
- 🎨 16種類のカラーパレット: pink、bluegray、navyBlue、greige、mintgreen、lavender、pastelyellow、darkgray、silver、beige、mossgreen、olive、vividorange、limegreen、turquoise
- 🎯 統一されたデザイン: アプリタイトルバー、フォーム要素、テーブル、グループフィールドなどが選択したテーマで統一
- ⚡ 軽量で高速: Viteを使用した最適化されたビルド
- 📱 レスポンシブ対応: デスクトップ・モバイル両方に対応
- 🔧 簡単設定: プラグイン設定画面からワンクリックでテーマ変更
| テーマ名 | メインカラー | 特徴 |
|---|---|---|
| pink | #ff99cc | 優しいピンク系 |
| bluegray | rgb(96, 125, 139) | 落ち着いたブルーグレー |
| navyBlue | #0d6efd | ビジネス向けネイビー |
| greige | #8b7355 | 上品なグレージュ |
| mintgreen | #20c997 | 爽やかなミントグリーン |
| lavender | #6f42c1 | エレガントなラベンダー |
| pastelyellow | #ffc107 | 明るいパステルイエロー |
| darkgray | #495057 | モダンなダークグレー |
| silver | #c0c0c0 | クールなシルバー |
| beige | #f5f5dc | 温かみのあるベージュ |
| mossgreen | #8fbc8f | 自然なモスグリーン |
| olive | #808000 | クラシックなオリーブ |
| vividorange | #ff6600 | エネルギッシュなオレンジ |
| limegreen | #32cd32 | 鮮やかなライムグリーン |
| turquoise | #40e0d0 | トロピカルなターコイズ |
- プラグインをKintoneにアップロード
- アプリにプラグインを追加
- プラグイン設定画面で好みのカラーパレットを選択
- アプリを更新してテーマを適用
- アプリタイトルバー（グラデーション背景）
- フォームラベルとコントロール
- テーブル（サブテーブル含む）
- グループフィールド
- 区切り線
- ボーダーとシャドウ
- Node.js 18.0.0 以上
- npm 8.0.0 以上
- リポジトリをクローン:
git clone https://github.com/iguchi-K/KintoneIchiPlugins.git
cd KintoneIchiPlugins - 依存関係をインストール:
npm install- ThemePaletteプラグインをビルド:
npm run build ThemePaletteこれでdist/ThemePalette/ThemePalette.zipが生成され、Kintoneにアップロードして使用できます。
このプロジェクトは MIT ライセンスの下で公開されています - 詳細はLICENSEファイルを参照してください。
- Kintone Plugin Packer - プラグインのパッケージングと署名用
- Vite - ビルドツール用
- JavaScript Obfuscator - コード難読化用
ThemePaletteプラグインで使用しているアイコンファイル（packages/ThemePalette/src/image/icon.png）は、プロジェクト作成者がAIによって生成したもので、自由に使っていただいて構いません。