JCS 文字数・バイト数チェックプラグインとTIS Boost!Styleの組み合わせによるkintoneフィールド表示制御
kintoneでアプリを作成していくと、情報量を増やしたいがためにフィールドが増えていく傾向があります。
しかし、フィールドが多くなると、kintoneの画面が見にくくなる問題が発生することがあります。
特に、文字列複数行フィールドやリッチテキストフィールドは、備忘録や備考を目的として使われることが多いものの、内容が入力されていないケースも少なくありません。
内容が入力されない課題を解決するため、特定のフィールドにデータが入っている状態の時だけ、表示されるよう設定するカスタマイズが求められました。
このカスタマイズは、カスタマインを使わず、無料プラグインを組み合わせて実装可能です。
なお、ペパコミ株式会社では、「kintone」を活用した業務支援を行っています。業務効率化にお悩みの方は、ぜひ以下からお気軽にご相談ください。
また、本記事の内容はプラグインの本来の目的や全ての使い方を網羅しているわけではない可能性があることを理解しておきましょう。実際にプラグインを導入する際は、提供元が公開している公式情報なども合わせて確認することをおすすめします。
あくまでこんなことが出来るんだ。というイメージをしてもらう目的で記事にしていることをご了承下さい。
kintoneで見やすい画面を実現するための課題
kintoneで見やすい画面を実現するための課題を以下の項目に沿って解説します。
- 閲覧者にとって優しくない画面構造
- カスタマイズが必要とされる具体的な要望
kintoneはレコード詳細画面を開いたときに、情報が入っていないフィールドも空白の行として表示されてしまう点が構造上の課題です。
情報が入っていないフィールドが表示されると、閲覧する方が負担を感じる画面構造を生み出します。
閲覧者にとって優しくない画面構造
入力する方と閲覧する方が関わる業務環境では、閲覧するだけの方はフィールド上のデータの有無が分からなくなる場合があります。
データが入っていないフィールドが幅広く表示される結果、kintoneの見た目や行の幅が広くなり、見にくい画面になってしまいがちです。
少しでも閲覧者に優しい画面を作りたいとの要望が、カスタマイズの背景にあります。
カスタマイズが必要とされる具体的な要望
「文字列複数行フィールドやリッチテキストフィールドなどの備考欄が、入力されていない場合は見えなくてよい。しかし、データが入っている時だけは表示してほしい」と顧客から要望がありました。
つまり、使いたいときだけ表示される仕様が求められたのです。
データが入っていたらパッと表示されるように設定すると、普段と違う状況が目に入りやすくなり、情報をイメージしやすくなります。
通常通り空白でもフィールドが表示されてしまうと、データが入っているのか入っていないのか気づきにくい状況が生まれてしまいます。
JCSとBoost Styleを活用した表示制御の仕組み
JCSとBoost Styleを活用した表示制御の仕組みを以下の項目に沿って解説します。
- JCS文字数カウントプラグインの役割
- Boost Styleによる詳細画面での表示設定
- 無料プラグインを活用した背景
顧客の要望を達成するために、JCS 文字数・バイト数チェックプラグインとTIS Boost Styleの2つのプラグインを組み合わせて利用しました。
JCS文字数カウントプラグインの役割
まず、JCS 文字数・バイト数チェックプラグインをkintoneに導入します。
同プラグインは、文字列1行フィールド、複数行フィールド、リッチエディターなど、文字列の文字数やバイト数を数えられるのが特徴です。
文字列の文字数やバイト数を数える機能を利用して、対象フィールドに文字が入力されているかどうかの数をカウントします。
Boost Styleによる詳細画面での表示設定
次に、TIS Boost Styleを利用して、JCSプラグインでカウントした文字数を条件としてフィールドの表示・非表示を制御します。
詳細画面で、備考（文字列複数行フィールド）の文字数がブランクであったり、ゼロであったりした場合、フィールドを表示しないように設定を行います。
リッチエディターフィールドに対しても同様の設定が可能です。
また、グループフィールドの開閉についても、備考フィールドに文字数が存在するかどうかを条件として、文字があれば開き・なければ閉じると設定できます。
2つのプラグインを組み合わせると、データが入っている状態のときだけフィールドを表示させる要件が実装されます。
無料プラグインを活用した背景
今回のカスタマイズは、本来であればカスタマインでも実現可能です。
しかし、今回相談があった企業では、カスタマインのアプリスロットの利用枠が上限に達していたため、無料または低コストで代替できる方法を模索する必要がありました。
JCS 文字数・バイト数チェックプラグインの機能
JCS 文字数・バイト数チェックプラグインの機能を以下の項目に沿って解説します。
- JCS 文字数・バイト数チェックプラグインのカウント対象となるフィールドの種類
- JCS 文字数・バイト数チェックプラグインの設定の自由度
- TIS Boost Styleの利用と特徴
- 動作ページを選択できる利点
- Boost Styleの費用体系
JCS 文字数・バイト数チェックプラグインは、文字数をカウントし、結果を条件付けに利用できるため、今回のように表示制御を行う際のトリガーとして機能します。
JCS 文字数・バイト数チェックプラグインのカウント対象となるフィールドの種類
JCS 文字数・バイト数チェックプラグインが文字数をカウントの対象とする主なフィールドには、下記が挙げられます。
| フィールドの種類 | カウント対象 |
| 文字列1行フィールド | ○ |
| 文字列複数行フィールド | ○ |
| リッチエディターフィールド | ○ |
JCS 文字数・バイト数チェックプラグインの設定の自由度
プラグインで文字数を数え、Boost Styleで表示制御を設定します。入力された文字数やバイト数が、動作の条件付けを可能にします。
TIS Boost Styleの利用と特徴
TIS Boost Styleは、kintoneの画面の見た目を調整するために利用されますが、フィールドの表示・非表示制御において、他のプラグインにはない特徴を持っています。
動作ページを選択できる利点
一般的なフィールドの表示・非表示プラグインの多くは、編集画面や詳細画面などの動作ページを一緒に制御してしまう場合がほとんどです。
そのため、「表示しない」と設定すると、入力画面でもフィールドが表示されなくなってしまい、入力者がデータを入れられなくなる不都合が発生します。
しかし、Boost Styleであれば、動作させるページを選択可能です。
詳細画面の時だけ、文字数ゼロを条件として非表示にする設定ができるため、入力が必要な編集画面ではフィールドを常に表示できます。
Boost Styleを活用すれば、入力者の利便性を確保しつつ、閲覧者側の画面の見づらさを解消するきめ細かい設定を実現できるでしょう。
Boost Styleの費用体系
Boost StyleはTISの製品で無償利用できますが、年間1万円を支払うと広告のポップアップがなくなる仕様です。
kintoneにおけるプラグイン活用の思考法
kintoneにおけるプラグイン活用の思考法は以下のとおりです。
- kintoneプラグインの知識を蓄積する
- 要望に対する逆算の思考
kintoneのカスタマイズで顧客の要望に対応するためには、どのような思考プロセスでプラグインを組み合わせていくかが重要です。
kintoneプラグインの知識を蓄積する
kintoneのプロフェッショナルは、日頃からプラグインの機能を知るために自分自身で試し、知識を蓄積しています。
さまざまなプラグインを試すことで、「こういうことできるんだな」と機能に関する引き出しが増えていくでしょう。
要望に対する逆算の思考
顧客から特定の要望があった際は、「引き出し」にあるプラグインの知識と機能を組み合わせながら、競合したり干渉したりせずに目的の機能が実現できるかをテストします。
今回の事例であれば、最終的に目指すのは「データがないフィールドの非表示」です。これを実現するためには、「文字数のカウント」が必要であると逆算の思考が働きます。
そのため、カウントができるプラグインを探し、JCS 文字数・バイト数チェックプラグインを発見し、Boost Styleと組み合わせて設定を試す手順で実装に至りました。
無茶な要望への対応を可能にするためには、「できるようにするために足りない情報は何だろう」と考えるマインドセットが必要です。
まとめ｜プラグインメディアを活用してみよう
kintoneプラグインを探す際は、プラグインメディアを活用しましょう。
実際に、JCS 文字数・バイト数チェックプラグインも、プラグインメディアで「文字数」のキーワードを使って検索しました。
今回のカスタマイズは、さまざまなプラグインを触ることで知識を身につけたプロフェッショナルだからこそ対応できる事例です。
なお、ペパコミ株式会社では、「kintone」を活用した業務支援を行っています。業務効率化にお悩みの方は、ぜひ以下からお気軽にご相談ください。
Contents
機能から探す
-
外部サービス連携
ADMAN連携 ASTERIA WARP Core Adobe Sign連携プラグイン AsReader BIZTELコールセンター BizteX Connect BizteX Connect kintone × Google Workspace コネクタ BizteX Connect kintone × M365 コネクタ BizteX Connect kintone × OpenAI コネクタ BizteX Connect kintone × Slack コネクタ BlueBean BowNow Box for kintone CData Arc CData Drivers for kintone CData Power BI Connector for kintone CData Sync CData Tableau Connector for kintone CLOUDPAPER COSMOSNET API 企業概要データ取得プラグイン CTIコネクテル for kintone CallConnect Chatwork連携プラグイン(タスク版) Chatwork連携プラグイン(通知版) ClimberCloud外部連携オプション CloudGate UNO Coopel(クーペル) DBHUB Viewer for kintone DBHUB for kintone & Google ドライブ DataCollabo for kintone - Excel Export DataSpider Servista kintoneアダプタ DataSyncer アプリ to kintone Dropbox for kintone Dropbox for kintone 2.0 Dropbox for kintone Premium DropboxSign for kintone Eight Team×kintone連携プラグイン Excel連携アドイン Focus U CTI GMOサイン × RepotoneU Pro連携プラグイン Googleカレンダー双方向連携プラグイン Googleスプレッドシート出力プラグイン Great Sign × kintone コネクター HENNGE One HelloSign for kintone JENKA JSEdit for kintone Joboco K-Apps 旅費交通費精算 with 乗換案内Biz KAIZEN PDF Premium KAIZEN SIGN KAIZEN board KUZEN for kintone Kairos3 × kintone コネクター LINE×kintone連携サービス LITONE for kintone LITONEウェブアプリ for LINE WORKS MAJOR FLOW MAPPLE地図プラグイン for kintone MakeLeaps kintone連携オプション MiiTel×kintone連携プラグイン NP後払いair for kintone PCAクラウド連携プラグイン for キントーン PCA商魂 B2クラウド 送り状連携 PenConnect Platio Qosmos RPAロボパットDX Reckoner RoboTANGO SATORI×kintone連携プラグイン SHANON CONNECT kintone コネクタ SMS送信プラグイン Sansan Data Hub連携プラグイン Shopify×kintone連携プラグイン Shopifyアプリ「キントーン かんたん連携」 Smart at migration Smart at tools for kintone BI接続 Teams向けメッセージ送信プラグイン TransFax連携プラグイン TēPs Unifinity X-point Cloud(エクスポイントクラウド) Zendesk for kintone direct ferret One freeeサイン for kintone freee連携kintoneプラグイン freee連携プラグインセット i-Repo Link kincone(キンコン) kintone for LINE WORKS【チャット登録機能】 kintone for LINE WORKS【通知機能】 kintone×マネーフォワードクラウド請求書連携 monday.com × kintone コネクター onboard-kintone連携プラグイン onboard連携プラグイン oproarts sansan with kintone smart at message taias I/F tsr 企業情報+ xReport Advance for kintone おりこうブログDX カイクラ kintone連携 カスタマーコンパス ガリバー商談管理 on kintone ガルキンワークフロー連携プラグイン クライゼル クラウドBOT連携 クラウドサイン MAKE クラウドサイン連携プラグイン クラウド連携プラグイン for Box コラボフロー連携プラグイン ストレージコネクト タイムカード・タッチ トヨクモ スケジューラー バーコードでPi！kintoneプラグイン バーコード実績収集アプリ「Pittaly」 マネーフォワード クラウド請求書 × kintone コネクター マネーフォワード 掛け払い for kintone メディアSMS for kintone メールワイズ メール訓練サービスSelphish kintone連携オプション メール送信プラグイン レッツ原価管理Go2連携ツール 奉行クラウド 安否確認サービス2 帳票DXモバイルエントリー 楽々Excel連携ツール 楽楽B2B for kintone 楽楽明細 for kintone 請求管理ロボ 販売管理ソフト連携オプション for 商魂 販売管理ソフト連携オプション for 弥生販売 軽技Web kintone connecter 配配メール×kintone連携プラグイン -
帳票出力
Boost! Report Bridge over for kintone EXCEL帳票プラグイン Excel出力ソリューション KAIZEN PDF Premium Repotovas / Repotovas Pro gusuku Customine(カスタマイン) i-Repo Link k-Report kintoneレコード一覧Excel出力プラグイン xReport Advance for kintone まほうの帳票「csvラポ」 ドキュトーン プリントクリエイター レポトン レポトンExcel レポトンPDF 一覧画面印刷プラグイン 帳票DX for kintone 帳票Online for kintone -
スケジュール・マップ
Boost! Calendar Googleカレンダー双方向連携プラグイン KEIKAKプロジェクト管理プラグイン KOYOMI スケジュール管理プラグイン MAPPLE地図プラグイン for kintone googlemapリンクプラグイン kintone イベントカレンダープラグイン kintone ガントチャート人員配置プラグイン kintone休日Plusプラグイン 【サイドバー】地図表示プラグイン くりかえしPlus カスタマーコンパス カレンダーPlus カレンダー生成プラグイン カンタンマップ プラグイン ジオコーディングプラグイン トヨクモ スケジューラー フロアマッププラグインサービス フロア区画管理プラグイン リバースジオコーディングプラグイン 住所/緯度経度変換プラグイン 地図表示プラグイン 詳細マッププラグイン3 -
UI改善(操作性向上)
ATTAZoo ＋ Boost! Attachment Boost! Cascade Boost! Linkage Boost! Spread Boost! Style BulkReuse CROSSPLugins 条件フィールド制御 CSV出力設定プラグイン EMログ Excel読み込みプラグイン FUプラグインセレクト KAIZEN サブスク債権管理プラグイン KAIZEN 郵送代行プラグイン KAIZEN一覧列固定表示プラグイン KAIZEN必須入力指定プラグイン KAIZEN関連レコードテーブルコピープラグイン KASIKA for kintone Kマッププラグイン MTG効率化プラグイン PDFプレビュープラグイン Runbook Smart at tools for kintone CSV入出力 Smart at tools for kintone ユーザー・組織管理 Spreadsheetプラグイン URLエンコードプラグイン benry gusuku Customine(カスタマイン) kinkozi kintone アプリ一覧プラグイン kintone スプレッドシートプラグイン kintoneKANAかなプラグイン kintoneちょっと便利なプラグイン kintoneアクション表示制御プラグイン kintoneアプリ管理プラグイン kintoneアプリ集計プラグイン kintoneグリッド表示プラグイン kintoneタブ表示プラグイン kintoneタブ表示プラグイン kintoneチェックボックスレイアウトプラグイン kintoneツールチッププラグイン kintoneテーブルルックアッププラグイン kintoneテーブル行移動プラグイン kintoneテーブル行複写プラグイン kintoneデータ反映プラグイン kintoneデータ生成プラグイン kintoneプロセスカラープラグイン kintoneユーザー選択プラグイン kintoneルックアップコピー拡張プラグイン kintoneルックアップコピー項目編集プラスプラグイン kintoneルックアップ一括取得プラグイン kintoneルックアップ先更新プラグイン kintoneルックアップ自動取得プラグイン kintoneルックアップ選択条件プラグイン kintone一括承認プラグイン kintone一覧メニュープラグイン kintone一覧権限設定プラグイン kintone一覧絞り込みプラグイン kintone休日Plusプラグイン kintone年月入力プラグイン kintone文字検索プラグイン kintone文字計数プラグイン kintone更新確認プラグイン kintone独自ルックアップ画面プラグイン kintone算式採番プラグイン kintone絵描きプラグイン kintone表記ゆれ変換プラグイン kintone計算式プラグイン kintone計算項目更新プラグイン kintone郵便の宛先プラグイン kintone重複チェックプラグイン kintone関連テーブルプラグイン kintone関連レコード集計プラグイン kintone項目検証プラグイン kintone項目絞り込みプラグイン kintone項目非表示プラグイン krewSheet smart at tools for kintone Excel taias I/F 【サイドバー】URLプレビュープラグイン 【サイドバー】レコード作成プラグイン 【サイドバー】地図表示プラグイン 【サイドバー】添付ファイルプレビュープラグイン いいね!プラグイン お手軽アクセス数記録プラグイン こだわりkintone ふりがな取得プラグイン みえる、PDF アプリアクションプラグイン アプリ一覧表示プラグイン アプリ内ルックアッププラグイン アプリ間コピープラグイン アプリ間レコードコピープラグイン アプリ間レコードコピープラグイン アプリ間レコード一括コピープラグイン アプリ間レコード一括更新プラグイン アプリ間レコード更新プラグイン アプリ間レコード更新プラグイン アプリ間レコード集計プラグイン アプリ間更新プラグイン イチランプラグイン エラーフィールド入力促進プラグイン カテゴリー別アプリ一覧表示プラグイン カラブル コピーボタン設置プラグイン コメント欄非表示プラグイン サブテーブルソートプラグイン サブテーブルソートプラグイン サブテーブルルックアッププラグイン サブテーブル操作プラグイン サブテーブル行コピープラグイン サブテーブル集計プラグイン サブ画面表示kintoneプラグイン サムネイル一覧表示プラグイン ステータス連動必須フィールド設定プラグイン ソトバコポータル タイムテーブル表作成プラグイン タブ区切りプラグイン タブ表示プラグイン タブ表示プラグイン タブ表示プラグイン タブ表示プラグイン for kintone タブ表示プラグインPro ツリー構造一覧表示プラグイン ツールチッププラグイン ツールチッププラグイン テキスト検出プラグイン テーブルへのコピープラグイン テーブルデータコピープラグイン テーブルデータコピープラグイン テーブルデータ一括編集プラグイン テーブルデータ一括表示プラグイン テーブルデータ一括転送プラグイン テーブルデータ転送プラグイン テーブルフィールドコピープラグイン テーブルヘッダ固定プラグイン テーブル一覧表示プラグイン テーブル内フィールド計算プラグイン テーブル拡張プラグイン テーブル明細行レコード分割プラグイン テーブル編集ビュープラグイン テーブル編集プラグイン テーブル行列変換プラグイン テーブル行自動追加プラグイン テーブル複数行初期表示プラグイン テーブル設定プラグイン データ同期プラグイン トーニチ・ネクスタ・メイシ ドラッグスクロールプラグイン ドロップダウン絞り込みプラグイン ファイル管理プラグイン フィールドデータコピープラグイン フィールドレイアウト数値変更プラグイン フィールド・ステータス一括更新プラグイン フィールド制御プラグイン フィールド情報/データ一括更新プラグイン フィールド結合プラグイン フィールド背景色設定プラグイン フィールド遷移キー追加プラグイン フィールド非表示プラグイン フルスクリーンプラグイン プラグインの達人 プロセス毎の入力必須プラグイン プロセス管理プラグイン プロセス管理履歴記録Proプラグイン ポータル内アプリ表示プラグイン ユーザー/組織/グループ属性取得プラグイン ユーザー連動ルックアッププラグイン リンク先別タブ表示プラグイン ルックアップ/階層区分対応ドロップダウン変換プラグイン ルックアップアプリ表示プラグイン ルックアップコピーフィールド検索プラグイン ルックアップコピー元登録プラグイン ルックアップコピー先反映プラグイン ルックアップコピー先編集プラグイン ルックアップデータ変換プラグイン ルックアッププラグイン ルックアップレコードコピープラグイン ルックアップ元追加・更新プラグイン ルックアップ内サブテーブルコピープラグイン ルックアップ動的絞り込みプラグイン ルックアップ反映プラグイン ルックアップ編集登録プラグイン ルックアップ自動取得プラグイン ルックアップ階層別一覧表示プラグイン レコードデータコピー(メール転記)プラグイン レコードページのリンクコピープラグイン レコード一括操作プラグイン レコード一括更新プラグイン レコード一覧計算プラグイン レコード同時編集確認プラグイン レコード連続編集プラグイン レコード連続追加プラグイン レコード重複チェックプラグイン ログインユーザー連動各種設定プラグイン ワンボタン入力プラグイン 一覧テキスト絞り込み検索プラグイン 一覧レコード一括更新/クリアプラグイン 一覧レコード集計コピープラグイン 一覧個別指定プラグイン 一覧拡張プラグイン 一覧画面でコメント閲覧プラグイン 一覧画面で文字列複数行改行プラグイン 一覧画面印刷プラグイン 一覧画面編集プラグイン 一覧集計プラグイン 予実管理プラグイン 予実管理プラグイン 他画面ポップアップ表示プラグイン 住所/緯度経度変換プラグイン 住所自動入力プラグイン 入力ヒント表示プラグイン 入力フィールドマスクプラグイン 入力値チェックプラグイン 入力制御プラグイン 入力規制・自動変換プラグイン 全角不許可フィールド値変換プラグイン 再利用フィールド指定プラグイン 再利用レコード初期化プラグイン 削除レコード復元プラグイン 前年対比プラグイン 勤務シフト表/出勤簿作成プラグイン 印刷設定プラグイン 印鑑押印プロセス連携プラグイン 各種ユーザー情報編集プラグイン 各種月次集計プラグイン 吹き出しメッセージ表示プラグイン 和暦・年齢変換プラグイン 在庫管理プラグイン 変更通知 変更通知プラグイン 定例レコード一括生成プラグイン 実行時エラー捕捉プラグイン 希望調査振り分けプラグイン 年度記録プラグイン 年月表示プラグイン 年齢算出プラグイン 感情分析プラグイン 承認一覧プラグイン 文字列結合プラグイン 文字列編集・連結プラグイン 文字変換置換プラグイン 文字数・バイト数チェックプラグイン 文字結合プラグイン 新デザイン版 条件書式プラグイン 既読チェックプラグイン 日付→曜日変換プラグイン 日付フィールド入力補助プラグイン 日付プラグイン 日付印生成プラグイン 日付変換プラグイン 日付計算 日付計算プラグイン 明細行追加プラグイン 曜日計算プラグイン 書式設定プラグイン 条件付き入力制御プラグイン 条件付き書式プラグイン 条件分岐フィールド非表示プラグイン 条件分岐処理プラグイン 検索プラグイン 検索プラグイン 検索拡張プラグイン 横断検索プラグイン 機能拡張スタンダード All-In 法人番号検索プラグイン 画像カキコミプラグイン 監査用詳細ログ出力プラグイン 祝日名取得プラグイン 移動平均集計プラグイン 簡単検索プラグイン 簡単検索ボックス・プラグイン 簡易スクロールプラグイン 絞り込み検索プラグイン 罫線デザイン変更プラグイン 背景色個別設定プラグイン 自動ルックアッププラグイン 自動全角⇔半角変換プラグイン 自動車検査登録情報検索プラグイン 自己紹介プラグイン 表示切り替えプラグイン 複数レコードサブテーブル化プラグイン 複数レコードテーブル作成プラグイン 複数日付選択カレンダープラグイン 複数条件フィルタリングプラグイン 複数選択系フィールド階層化プラグイン 評価スコア計算プラグイン 語彙検索/翻訳プラグイン 課税区分別消費税算出プラグイン 連続利用時間制限プラグイン 選択絞込みプラグイン 選択肢絞り込みプラグイン 選択項目値アプリ化プラグイン 郵便番号変換プラグインBy公式API 郵便番号検索プラグイン 都道府県/市区町村/町名/郵便番号変換プラグイン 関連サブテーブル一覧表示プラグイン 関連フィールドデータ一括取得プラグイン 関連レコード⇒サブテーブル登録プラグイン 関連レコードからテーブル登録プラグイン 関連レコード一覧フィールド集計プラグイン 関連レコード拡張プラグイン 関連レコード集計プラグイン 関連レコード集計プラグイン 階層タブプラグイン 項目選択フィールド連動各種設定プラグイン -
会計システム・請求
CLOUDPAPER K-Apps 旅費交通費精算 with 乗換案内Biz KAIZEN board MakeLeaps kintone連携オプション PCAクラウド連携プラグイン for キントーン PCA商魂 B2クラウド 送り状連携 freee連携kintoneプラグイン freee連携プラグインセット kintone×マネーフォワードクラウド請求書連携 マネーフォワード クラウド請求書 × kintone コネクター マネーフォワード 掛け払い for kintone 奉行クラウド 振込入金クラウド 楽楽明細 for kintone 証憑保存アプリ on kintone 請求書作成プラグイン 請求管理ロボ 適格請求書発行事業者検索プラグイン 適格請求書発行事業者確認プラグイン(インボイス対応)
