Edited at
kintoneDay 7

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

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は変更できますか?

標準についているディスク容量はどれくらいですか?

ディスクの利用状況はどこで確認できますか?