無料ダウンロード

kintone開発を
10倍速くする
開発ツールキット

TypeScript + Viteによるモダンなkintone開発環境。
ホットリロード、プラグイン開発、スキーマ管理、バックアップ機能を搭載。
kintone管理者・開発者の日々の作業を劇的に効率化します。

TypeScript対応
ホットリロード
プラグイン開発
スキーマ管理
無料でダウンロード 機能を詳しく見る

メールアドレス登録でダウンロードリンクを送信します

Terminal 
# 新しいアプリを対話的に作成
npm run create

# 開発モードで起動（ホットリロード）
npm run dev -- my-app

# 本番ビルド
npm run build

こんな課題ありませんか？

kintone開発でよくある悩みを解決します

毎回の手動アップロードが面倒

コード変更のたびに管理画面からJSファイルをアップロード...この繰り返しで時間が奪われていませんか？

本番環境へのデプロイが怖い

開発環境と本番環境の差分管理ができず、うっかりミスで本番障害を起こすリスクがありませんか？

プラグイン開発が複雑すぎる

署名、パッケージング、manifest.jsonの管理...プラグイン開発の環境構築に時間を取られていませんか？

型がなくてバグが見つけにくい

JavaScriptだけでの開発はタイポやAPI呼び出しミスに気づきにくく、デバッグに時間がかかります。

kintone-devkitの機能

開発効率を劇的に向上させる6つの機能

TypeScript対応

型安全なkintone開発で、タイポやAPIミスをコンパイル時に検出。kintoneの型定義も同梱。

Viteによる高速ビルド

従来のWebpackより10倍以上高速なビルド。開発中の待ち時間を大幅に削減。

ホットリロード

ファイル保存で自動ビルド&アップロード。ブラウザをリロードするだけで変更を確認。

プラグイン開発サポート

署名、パッケージング、アップロードを自動化。設定画面付きプラグインも簡単に作成。

スキーマ管理

開発/本番環境のフィールド・ビュー・レイアウトの差分検出とデプロイを自動化。

バックアップ機能

レコードと添付ファイルのバックアップ・復元。万が一のデータ損失にも対応。

開発ワークフロー

kintone-devkitでの開発フローをご紹介

カスタマイズ開発

  • npm run create で対話的にアプリを作成
  • npm run dev でホットリロード開発
  • TypeScriptで型安全にコーディング
  • npm run build で本番用に最適化

プラグイン開発

  • npm run create:plugin でプラグイン作成
  • 設定画面付きプラグインも対応
  • 秘密鍵の自動生成・管理
  • ビルド・署名・アップロードを自動化

環境管理

  • 開発/本番環境を.envで一元管理
  • npm run schema:diff で差分を可視化
  • npm run schema:deploy で安全にデプロイ
  • ドライランで事前確認が可能

バックアップ

  • npm run backup でレコードを保存
  • 添付ファイルも含めてバックアップ
  • 10,000件以上のレコードにも対応
  • npm run backup:restore で復元

従来の開発との比較

kintone-devkitで解決できること

機能 従来の開発 kintone-devkit
TypeScript対応 手動設定が必要 設定済み
ホットリロード 手動アップロード 自動
プラグイン署名 手動操作 自動
環境間の差分管理 目視確認 コマンドで自動検出
スキーマデプロイ 手動コピー 自動デプロイ
バックアップ CSVエクスポート 添付ファイル含む
複数アプリ管理 各アプリで設定 一元管理

よくある質問

kintone-devkitは無料で使えますか？
はい、完全無料でご利用いただけます。MITライセンスのオープンソースソフトウェアです。商用利用も問題ありません。
TypeScriptを使ったことがなくても使えますか？
はい、JavaScriptで書いたコードもそのまま動作します。TypeScriptに慣れてきたら徐々に型を追加していくことができます。kintoneの型定義も同梱しているので、補完が効いて開発しやすくなります。
既存のkintoneカスタマイズを移行できますか？
はい、既存のJS/CSSファイルをnpm run syncコマンドで取り込むことができます。段階的な移行が可能なので、新規開発から始めて徐々に既存コードを移行していくこともできます。
WSL環境でも使えますか？
はい、WSL環境にも対応しています。カスタマイズ開発は追加設定なしで動作します。プラグイン開発の自動アップロード機能を使う場合は、npm run setup:wslコマンドでChrome依存関係をインストールしてください。
サポートはありますか？
導入時のセットアップサポートや、カスタマイズ開発のご相談は承っております。お気軽にお問い合わせください。また、技術的なお悩みについては当サイトの技術ブログでも情報発信しています。

無料でダウンロード

メールアドレスを登録いただくと、ダウンロードリンクをメールでお送りします。

完全無料
商用利用OK
MITライセンス

ダウンロードリンクをメールでお送りします。
営業メールの配信はありません。