Kintoneで作成したアプリは、直感的に使えるＵＩ（ユーザーインターフェイス）を備えていますが、それでも入力方法に迷うユーザーの為に入力支援機能を画面上で表示できると良いですね。
アプリのフォームに入力方法をガイドする支援機能を追加することでＵＸ（ユーザー体験）を向上しますので、Kintoneアプリの操作経験が少ないユーザーでも入力作業がスムーズになる効果が期待できます。
今回は、Kintoneのアプリフォームに、入力方法の支援機能として、入力例の文字列表示やヒントの吹き出しを追加するカスタマイズ例を紹介します。
入力支援のデモ画面
以下の商品マスタ登録のデモ画面は、各入力フィールドに入力例の文字列（プレイスフォルダー）の表示と、入力方法のヒントがバルーン表示される機能（ツールチップ）を実装したカスタマイズ例です。
フィールドが未入力状態で表示されている半透明の文字がプレイスフォルダー（代用文字）です。
フィールドにマウスオーバーすると表示されるヒントの吹き出しがツールチップです。
各フィールドの入力幅や文字色、ツールチップの文字色・背景色をＣＳＳコードでカスタマイズしています。
上記デモ画面のフォームは、kintone UI Componentを用いてカスタムなＵＩを構築しています。
自分でカスタマイズしてみたい方へ
今回紹介したカスタマイズで使用しているkintone UI Componentは、以下の2種類です。
詳しい利用方法が記載されているページを紹介します。
🌸 アプリテンプレートの販売
本記事でご紹介しているアプリテンプレートを、下記の料金プランで販売しています。
導入をご希望の方は、各プランの「お申込み／お問い合わせ」ボタンからお問い合わせください。
■ 料金プラン
◆単品販売（買取型）は、導入サポート付きの価格です。
単品動作タイプは60,000円、２アプリ連携タイプは100,000円、3つ以上連携タイプは150,000円です。
◆簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
◆会員サポート契約では、ご利用範囲「無制限」で運用ヘルプデスク対応までフルサービスでご提供します。
| 項目 | 単品販売 | 簡易サポート | 会員サポート |
|---|---|---|---|
| 料金体系 | 60,000円 (税抜) | 120,000円 (税抜) | 360,000円 (税抜) |
| 契約期間 | なし | 毎年更新 | 6か月更新 |
| 導入サポート | ✔ | ✔ | ✔ |
| メールサポート | × | ✔ | ✔ |
| チャットサポート | × | ✔ | ✔ |
| バージョンアップ対応 | × | ✔ | ✔ |
| 運用ヘルプデスク対応 | × | × | ✔ |
| 商品のご利用範囲 | 本商品のみ | 6種類までご利用可能 ユーザー数10名まで |
無制限 ユーザー数30名まで |
| お問い合わせ／お申し込み | 購入する | お申込み |
kintone人材育成研修
この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintome人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます！
上級コースの受講者には、特典で当サイトのカスタマイズテンプレート（3種類まで）と３か月のサポート契約を無償でご提供しています。
研修目的を「カスタマイズテンプレートのアプリ導入」とする研修メニューもご提案可能です。
📣カスタマイズ・導入支援いたします！
本記事の様な「kintoneアプリのカスタマイズ」をご希望の企業様へ
kintoneを便利に活用できるカスタマイズと運用支援は、ぜひ当社にご相談ください！
#kintone #Javascropt #カスタマイズ #ツールチップ
