LoginSignup
92
101

More than 5 years have passed since last update.

kintone カスタマイズ関連リンク集

Last updated at Posted at 2016-12-06

kintone Advent Calendar 2016 の7日目です。

kintone カスタマイズやプラグイン開発において、比較的よく検索する項目をまとめてみました。
kintone のカスタマイズについては、いろいろなサイトで公開されていますが、API変更によって情報が古くなっている場合もあります。
kintone関連のブログやフォーラムの質問などは、とても参考になります。

developer network

基本はここですね。米国・中国はまだ情報が少ないようです。
developer network 日本
kintone developer network 米国
cybozu - 客户支持服务平台 中国

kintone 資料

  • 製品資料 で基本機能

    • カタログ
    • はじめての方向け資料
    • 部門/業種別活用イメージ集
    • 機能別!便利に使おうガイドブック
    • 動画でみるkintone
  • よくあるご質問(FAQ)

kintone CERTIFIED

kintone認定の資格試験
kintone CERTIFIED
kintone認定アソシエイト試験対策テキスト

kintone, kintone hive online

kintone.cybozu.com
連携サービスを探す
tips
kintone MAGAZINE バックナンバー
kintone よくあるご質問

Qiita, その他

Qiita kintone
joyzo kintoneを便利に使う方法を紹介するブログ
facebook kintone活用研究会
twitter kintone@サイボウズ公式アカウント
サイボウズkintone×ASCII
柳谷智宣のkintoneマスターへの道
プロジェクト・アスノート
kintoneユーザーによるkintone日記
松井は kintone がすき

開発関連

kintone開発前によくある質問
はじめよう kintone API
jswatchdog(JavaScript コードチェッカー)
Googleスプレッドシートから更にファストにkintoneアプリを作る
デプロイAPIでkintoneアプリの運用管理
デプロイAPIを使ってコマンドラインでアプリをコピーしてみよう
開発環境で作ったアプリを運用環境にデプロイしてみよう 前編
開発環境で作ったアプリを運用環境にデプロイしてみよう 後編
gusuku(グスク)
ディプロイAPIの深淵なる世界
gusuku Customine(カスタマイン)
kintone JavaScript cheatSheet
プロセス管理の設定を別アプリにコピーする
爆速! kintone開発でPython SimpleHTTPServerの利用
R3 kintone js deployerを使ってkintoneカスタマイズをハッピーに!
kintone 制限値いろいろ
kintone制限値あれこれ
ClojureScriptをKintone上で動かすまで
Best practices for registering event handlers

フォーラム
フィールドの並び順を変更したい

プラグイン
kintone上でカスタムJSやCSSを編集できるプラグイン「JSEdit for kintone」を使ってみよう
rex0220 フィールドコード設定プラグイン
rex0220 テーブルレイアウト設定プラグイン
rex0220 フォームレイアウトプラグイン
rex0220 フィールドオプションリスト設定プラグイン

デバッグ

動かない?そんな時はデバッグをしてみよう!入門編
【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18(前編)
JavascriptのChromeでのデバッグ方法個人的まとめ2016
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能

JavaScript 関数、ライブラリ

kintone JavaScript API一覧
【kintone】API/イベントハンドラーと便利な独自関数の一覧
Cybozu CDN
kintoneのレコード操作を楽にするオレオレライブラリを書いた話
kintone JavaScript APIのオレオレラッパーライブラリに機能追加した話
kintoneのアプリにServiceWorkerを登録してみた
kintone.events.on をハックする
kintone Utility for JavaScript を使ってみたよ
forEach, map, filterなどをつかってkintoneのrecords配列をもっと上手に扱う

全レコード取得

以前は、xmlHttpRequest の同期処理を使った処理でしたが、FireFoxで将来的に廃止予定です。
同期処理の例です。
複数のレコードをループして取得するワザ
関連レコードの項目を条件付きで集計
全レコードの取得方法

今後は、下記が推奨です。
Promiseを利用したモダンなアプリの全レコード取得の書き方
kintone Utility for JavaScript を使ってみたよ
「kintone Utility Library for JavaScript」の使い方

大量データ取得時の処理時間短縮
kintone レコード取得APIのパラレル処理
kintone レコード取得APIの fields 指定の効果
kintoneの大量レコード取得を高速化

Promise 関連

Promiseサポートが実装された背景、基本など
kintoneにおけるPromiseの書き方の基本
kintone API で Promise を使ってみよう!
kintone.Promiseの書き方・使い方~超入門編~
kintone.Promiseを紐解く
kintoneでのPromise入門 Vol.1
kintone イベント別Promiseサポート状況

使用例
Promiseを利用したモダンなアプリの全レコード取得の書き方
kintone.Promiseの使用例を紹介

サブテーブル処理

サブテーブルは、わかりにくい階層の配列構造で、繰り返しフォーラムで質問があります。
第6回 サブテーブルの値を利用する
レコード更新におけるテーブル操作のテクニック
フィールド値変更時イベントのchangesオブジェクトの使い方
テーブルに連番をつける
kintoneで使える関数を作ってみた

フォーラム
サブテーブルのクエリ指定方法について
サブテーブルのレコード数の上限について
サブテーブルを含むレコードの内容を別アプリにコピー
レコード一覧画面 サブテーブル内の項目 書式変更
kintone テーブルの各項目横幅調整について
詳細画面のサブテーブルの表の各セルの色を変更する方法について
※詳細画面のサブテーブル表示は少しタイムラグがあるので工夫が必要です。
DOM操作でサブテーブルの列を複数行非表示にしたい
テーブルの並び替え
テーブルのソート時に添付ファイルが移動しません
サブテーブルの変更された行位置の値を取得
テーブルの行追加ボタンの位置につきまして
サブテーブルの行追加・削除ボタンの位置について
アプリのテーブル行の設定について
250行のテーブルの編集画面での表示について

プラグイン
JOYZO テーブル編集ビュープラグイン
rex0220 テーブルレイアウト設定プラグイン
rex0220 テーブルヘッダ固定表示
rex0220 テーブル行移動プラグイン
rex0220 テーブル行複写プラグイン

関連テーブル

関連レコードの項目を条件付きで集計
N:N(複数対複数)の関連レコード一覧を自作する

フォーラム
関連レコードの集計値を特定のフィールドに返したい
関連テーブルの値で計算した値を一括更新ボタンですべてのレコードに反映したい

プラグイン
rex0220 関連テーブルプラグイン
rex0220 関連レコード集計プラグイン

日付処理

日付関連は、Moment.js を使うのが基本です。
Moment.js を利用して、日時フィールドのフォーマットをカスタマイズする
kintoneでかんたんにMoment.jsを使ってみよう!
kintone イベント処理で日時項目設定のメモ
momentで時間データの操作を楽にする
kintoneに持たせないほうがよさそう?な動的なデータあるあると3つの解決案
経過年数を表示する
[kintone]和暦の生年月日から満年齢を算出したい
「日付」フィールドに曜日を表示できますか。
数値以外を自動除外&カレンダーの祝日に色付けカスタマイズ

フォーラム
kintone 日時項目への日付・時刻の設定
kintone 日時項目への日付・時刻の設定 ②
日付を和暦で表示

プラグイン
rex0220 kintone 生年月日プラグイン
rex0220 kintone 年月入力プラグイン

一括更新

標準機能ではまとめて更新が出来ませんので、APIが活躍します。
後で追加した計算フィールドに一括で値を反映する方法
ワンクリックで一括承認をしてみよう
kintone 一覧画面で複数レコード更新

プラグイン
レコード一括更新プラグイン
rex0220 計算項目更新プラグイン
rex0220 ルックアップ一括取得プラグイン

カレンダー

kintoneのカレンダー表示機能でこんなことが出来ますよ!!
モバイル版Kintoneでカレンダー表示
kintoneのカレンダーの日付カラムで4件以上表示したい

フォーラム
カレンダーのタイトルを折り返しで表示する方法
スマホ版のレコード一覧画面でのカレンダー表示について
カレンダー表示の文字色を黒にしたい
カレンダー表示の当日日付の背景色を変更
カレンダー表示の「日曜日」「土曜日」の背景色を変更

プラグイン
カレンダーPlus
イベントカレンダープラグイン
TiS タイムテーブル表作成プラグイン

スプレッドシート

Handsontableを使ってkintoneをExcelライクに入力しよう その1
Handsontableを使ってkintoneをExcelライクに入力しよう その2
SpreadJS(グレープシティ株式会社)
kintone で SpreadJS を使ってみた
SpreadJS 9J の Service Pack 1版
Wijmo(グレープシティ株式会社)
WijmoでExcelライクな画面を作成する方法
Excelをダウンロードしたい!?じゃあwijmoのflexgridを使ってみますか・・・
Ignite UI (インフラジスティックス・ジャパン株式会社)
kintone とGoogle Apps Script連携
KintoneからGASを使ってSpreadsheetsにデータ転記する。

プラグイン
kintone スプレッドシートプラグイン
TiS 一覧画面編集プラグイン
グレープシティ株式会社 krewSheet

入力チェック

顧客リストの郵便番号、TEL、メールの入力をチェックする
【kintone使い方ヒント】保存前に重複チェックをしたい!

フォーラム
テキスト項目で入力させたくない文字のチェック方法
入力されているかの判断

プラグイン
入力値チェックプラグイン
サイボウズスタートアップス 入力値チェックプラグイン 武井plus
JOYZO 条件付き入力制御プラグイン
rex0220 数字チェック・プラグイン
rex0220 項目検証プラグイン

表示切替

項目が多いアプリは、タブ表示などで表示制御したくなります
回答の条件によって別フィールドの表示/非表示を切り替える
通りすがりのkintoneおじさんシリーズ第1弾「タブ制御で入力画面をすっきりさせてみた」
Kintone用 JavaScript 第1弾「タブメニュー」

フォーラム
ドロップダウンで選択した値に連動して、次のドロップダウンの選択肢を絞り込む方法
ドロップダウンの値に応じて、フィールドコードの制御(必須項目化)を行いたい。

プラグイン
有限会社マミー グループ表示切り替えプラグイン
rex0220 kintone タブ表示プラグイン
rex0220 kintone 項目非表示プラグイン
rex0220 第3希望までプラグイン
rex0220 項目絞り込みプラグイン
JOYZO ドロップダウン絞り込みプラグイン

自動採番

自動採番して、レコード登録する
顧客ごとの自動採番
年次ごとの自動採番を行うワザ
レコード保存後イベントを使って自動採番をシンプルに実装する方法
JavaScript による自動採番

プラグイン
自動採番プラグイン
rex0220 自動採番Exプラグイン
rex0220 通し番号プラグイン

一覧

第2回 レコード一覧画面にボタンを置いてみよう!
第5回 レコードの値を利用してみよう(一覧画面編)
レコード一覧/詳細/編集画面内入力フォームの、指定範囲の背景色変更
一覧画面で条件に応じたレコード件数を取得するテクニック ※現在は、レコードの一括取得APIでtotalCountオプション指定で件数を取得できるようになっています。
レコード一覧とレコード詳細画面で条件書式を設定する

フォーラム
kintone一覧画面について
一覧画面のカラム表示順について
レコード一覧画面 サブテーブル内の項目 書式変更
一覧画面での絞り込み条件をjavascriptで指定したい
一覧表の絞り込み条件に来月を設定する方法
一覧画面(index.show)でのinnerHTMLについて

プラグイン
条件書式プラグイン 2.0
条件書式プラグイン
一覧合計行挿入
JOYZO ユーザー/組織別初期一覧設定プラグイン
JOYZO フルスクリーンプラグイン
rex0220 一覧メニュープラグイン
rex0220 一覧権限設定プラグイン
rex0220 kintone 一覧絞り込みプラグイン
TiS 一覧画面編集プラグイン

URL内のクエリで一覧表示

URL内のクエリで、表示するレコードの条件を指定

フォーラム
一覧画面を表示する前に、検索クエリに条件を追加し、絞り込んだデータの表示を行いたい
ブラウザのURL窓に直接入力するURLで表示順を指定するには

集計処理

API で集計結果を提供してほしいものです。
関連レコードの項目を条件付きで集計
関連レコードの件数を取得するワザ
予算アプリと実績アプリの集計表をカスタマイズビューに表示する
集計したデータをCSVでダウンロードするには?
予算と実績をリアルタイムに把握する経費精算システムパッケージ
kintone レコード集計の関数化
グループ化による件数の集計について
linq.jsでkintoneに総平均法単価計算を組み込む
kintone でSQLを使う
kintone でSQLを使う(その2)

プラグイン
JBAT プラグインセットATTAZoo
rex0220 計算式プラグイン
rex0220 関連テーブルプラグイン

グラフ

標準のグラフで実現できない場合は、集計処理から行う必要があります。
kintone標準のグラフを綺麗に印刷してみよう
Chart.jsを使ってダッシュボードを作ってみよう!
chart.jsを使ったkintoneレコードの独自グラフ生成をやってみた
グラフの色を指定したい/CSSで変更するにはどうしたらいいか?
グラフの文字サイズについて

プラグイン
rex0220 グラフ印刷プラグイン

印刷

すこし見栄えのいい印刷は、費用が...
印刷画面をメイクアップ - kintone 単体で綺麗に印刷
8/14のメンテナンスで実装された新機能を試す
kintone標準機能である「印刷」は実用に耐えられないのか?
「一覧」を印刷することはできますか?
kintoneから一覧表示の出力をしたいという方、いませんか?
年賀状の宛名書きをkintoneにお願いする。WordとAccessを和えて
帳票ソリューション特集
プリントクリエイター(サイボウズスタートアップス株式会社 Cstap)
SVF Cloud for kintone(ウイングアーク1st株式会社)
Reports Connect(株式会社ケーピーエス)
プリントクリエイターを使い別アプリの複数レコード内サブテーブルを一度に印刷したい
サイボウズkintoneでプラグインを使わずに複数枚の帳票を一度に印刷する
印刷もハック!kintoneと繋げたら夢が広がりそうなサービスを見つけたので紹介してみる。
レコードの印刷で改ページ、カテゴリ非表示

プラグイン
プリントクリエイター
株式会社ソウルウェア RepotoneU PDF
株式会社ソウルウェア RepotoneU Excel

google map

※google map については、APIキーが必須になりましたがサンプルにはまだ反映されていません。
また何回もライブラリを読み込まないようにしましょう。
住所から地図を表示する
顧客訪問リストを地図にピン表示する
kintone 市区町村の選択

APIキー取得などについては、下記が参考になります。
GoogleMaps JavaScript API v3を使ったGoogle Mapの表示 レスポンシブ対応

フォーラム
サンプル『顧客訪問リストを地図にピン表示する』について

プラグイン
住所のマップリンク化
TiS 住所/緯度経度変換プラグイン

その他マップ

OpenStreetMapで写真の位置情報を表示する
マップを表示する ※Wijmo 3 Maps(google map)
Ignite UI (インフラジスティックス・ジャパン株式会社) ※Ignite UIの igMap
kintoneに登録された写真のEXIF情報から地図表示 ~ 最近彼女ができたから ~ ※OpenStreetMap
GPS Punch!(レッドフォックス株式会社)

プラグイン
拠点案内サービス プラグイン ※株式会社ゼンリン 「拠点案内サービス」

書式変更・DOM操作

DOM 操作は非推奨ですが、それでも実施する場合
アップデートの影響を受けやすいコーディング例
スタイルシートの利用

第12回 jQueryを利用してみよう
kintone 日付 datepicker 文字サイズ調整

フォーラム
レコード一覧表示時の項目表示幅固定について
kintone テーブルのタイトル縦幅調整について
集計表を作成した際、数値合計の値が表の一番上に表示される。
DOM操作でサブテーブルの列を複数行非表示にしたい
ルックアップで取得した項目を非表示にしたい
kinrone レコード編集時のテキスト内フォントサイズについて
レコード一覧/詳細/編集画面内入力フォームの、指定範囲の背景色変更
ルックアップ先のレコード番号にアプリコードが表示されない
数値フィールドにスピンボタンをつけたい
アクションボタン表示・非表示切り替え
レコード編集画面にのみcssを適用させるには
印刷画面でテーブルの一部を非表示にできますか?
一覧画面の「レコード追加」の+ボタンを非表示化
レコード編集画面にのみcssを適用させるには
CSSを適用させるセレクタの指定について

プラグイン
条件書式プラグイン 2.0
条件書式プラグイン

ルックアップ

ルックアップは、便利ですが制約も多いので皆さんいろいろ工夫しています。
コピー元のフィールド」で指定できるフィールド
「ほかのフィールドのコピー」で指定できるフィールド
kintone devCamp Vol.10 ルックアップのことだけ、考えた
ルックアップフィールドを用いる関連レコード設定時の注意事項
kintone JavaScript API で ルックアップ先が更新された場合の参照元を全て更新する
REST APIを使ってルックアップフィールドの更新を行う時のコツ!
自動ルックアップで名入れレコードを作る
ルックアップフィールドの値変更時イベントにフックできない

フォーラム
ルックアップコピー元が更新されてもコピー先が更新されない
kintone.promiseの使用方法?
ルックアップ項目 編集
サブテーブルのルックアップフィールドの絞り込み条件を、他フィールドの入力値に応じて変更するカスタマイズ
ルックアップで絞り込みながら選択
ルックアップの「コピー先のフィールドの設定が重複しています~」を回避したい

プラグイン
rex0220 ルックアップ先更新プラグイン
rex0220 ルックアップ自動取得プラグイン
rex0220 ルックアップ選択条件プラグイン
rex0220 ルックアップコピー項目編集プラグイン
rex0220 ルックアップ一括取得プラグイン
rex0220 ルックアップコピー拡張プラグイン
TiS 関連フィールドデータ一括取得プラグイン

ファイル処理

ファイル処理もいろいろはまりやすいようです。
ファイルアップロードで必須となる3つの手順
ファイルダウンロードで必須となる2つの手順
レコードに登録された添付ファイルをカスタマイズビューに表示してみよう
JSZipを使って添付ファイルを一括ダウンロードしよう
kintoneの添付ファイルをパブリックに共有する
Amazon S3 連携 -kintoneのファイル保存先をS3にする-
kintoneアプリ【悠々ファイルuuFILE】

フォーラム
添付ファイル数の取得について
添付ファイルの再利用について
kintone ファイルのダウンロードとアップロード

プラグイン
Dropbox for kintone 2.0
gusuku 添付ファイル保存プラグイン
rex0220 添付ファイル再利用プラグイン

スペース

スペース関連のAPIが公開されて少しカスタマイズが可能になりました。
スペースのスレッドにアプリの集計データを投稿する
ワンタッチでゲストスペースを作成してみよう!
kintoneスペース内アプリメニュー【無料】

フォーラム
まだ、出来ないことが多いですね。
ゲストスペース画面のカスタマイズについて
スペース間でのスレッド移動・コピー
ポータルまたはスペースのトップページ内にてHTMLソースの埋め込み

スマホ関連

2016年12月版から mobile 対応のイベントが追加され、応用範囲が広がります。
PC/スマートフォン 早見表
Monacaを使ってkintoneのモバイルアプリを作ろう
Geolocation API(位置情報)を使ったモバイルアプリを作ってみよう
MESHを使ってドアの開閉をkintoneに通知しよう
バーコードスキャナを使って kintone でトレースを実現する
モバイル版Kintoneでカレンダー表示
スマートフォン用APIを使ってみよう!(2016年12月アップデート版)

フォーラム
モバイルアプリでの同期処理、または画面自動更新の阻止
モバイル版でのアプリアクションの再現
モバイル版 関連レコード非表示について
スマートフォン用アプリでの日付入力とスクロール
QRコードからモバイル

プラグイン
rex0220 レコードタイトル設定プラグイン

コマンドラインツール

第1回 kintone コマンドラインツールを使ってみよう!
第2回 レコードの登録・削除をしてみよう
第3回 レコードの更新をしてみよう
第4回 クエリ指定して更新・並び順変更をしてみよう

「kintone」でCSVファイルの自動入出力をやってみる
kintone コマンドラインツールの使い方
kintone(キントーン)コマンドラインツールの活用方法
kintone(キントーン)コマンドラインツールを使ってデータ移行してみる!
kintoneコマンドラインツールでサブテーブルを操作してみた
kintoneコマンドラインツールでデータ登録してみた
kintoneコマンドラインツールでUPSERTしてみた

フォーラム
kintoneコマンドラインツールでサブテーブルの更新が失敗
kintone コマンドラインツール(cli-kintone)で条件指定(時間)

外部連携・バッチ処理

格安レンタルサーバー、サーバーレスなど外部連携も選択肢が増えてきました。
kintoneをAWS Lambdaでバッチ処理してみました(はじめてのキントーン)
AWS Lambda 連携 -PDF変換ツールを作ってみた-
Amazon Pollyを使って、kintone読み上げアプリを作ってみた
Amazon Rekognitionを使って画像解析したデータをkintoneに入れてみた
kintoneとMicrosoft Azureを連携してみよう (Azure Functionsその1)
kintoneとMicrosoft Azureを連携してみよう (Azure Functionsその2)
kintoneとMicrosoft Azureを連携してみよう (Azure Functionsその3)
kintoneレコードで年齢が毎日更新されるwin7用バッチファイルを作ってみた。
kintone API SDK for PHP
サイボウズのkinton REST APIを使って、PHPでデータ取得するサンプルコード

クラウドEAIサービス「PolarisGate」kintoneバッチソリューション(双日システムズ株式会社)
定期実行でデータの同期を実現するスマートな方法

kintoneのレコード詳細ページからAmazon商品データを参照するテクニック
他サービスのAPIからデータを取得してkintoneに表示してみよう
法人番号API×kintone連携で法人情報を取得しよう
kintoneとWordPressをプラグインで連携させてみました。
kintoneとWordPressの連携ネタ三題噺
WordPressの問い合わせフォームから、直接kintoneへ取り込む方法
kintone とクローバ PAGEの連携
kintoneで外部APIからPDF帳票をダウンロードする
RaspberryPiでセンサーデータをkintoneに送って可視化してみよう
自動トーナメント作成無料Webサービス Challonge と kintone を連携してみました
メールワイズのメールをkintoneに登録するカスタマイズ

全自動機械学習で実現する、現場のためのワンクリックデータ予測
KINTONEと倉庫番が出会った話、SLACKを添えて
kintoneにデータを登録する Bookmarkletを作る
Railsで運用しているサービスのKPI管理画面kintoneで作る
slackのBotkitとkintoneを使って、クリスマスプレゼントを選んでみた

kintone.proxy()のエラー処理について
kintoneマッシュアップのための豆知識(curlコマンドとkintone.proxy()の対応)

その他いろいろ

大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012
cybozu.comの生みの親が自作クラウド派になった理由
kintoneの限界を知る
kintone開発覚え書き
kintone 英語設定でのアプリ作成時の覚書
バイリンガルなkintone使いの人たちへ

プラグイン

kintone プラグイン開発の準備
スタイルシートの利用
kintone プラグイン開発手順
kintoneプラグイン開発でつまずきやすいポイント
kintone プラグイン開発 on Windows Subsystem for Linux
kintone プラグイン開発 on Mac

kintone プラグイン一覧

フォーラム
プラグインの流れるタイミングは変更できないのでしょうか?

kintone サーバー関連

cybozu.comが使用するIPアドレスを教えてください。
kintone.comが使用するIPアドレスを教えてください。
5月度の定期メンテナンス内で実施されるグローバルIPアドレスの追加について、「kintone」の影響範囲を教えてください。
製品にアクセスするためのURLは変更できますか?
標準についているディスク容量はどれくらいですか?
ディスクの利用状況はどこで確認できますか?

92
101
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
92
101