アプリに入力方法の支援機能を追加する

Kintoneで作成したアプリは、直感的に使えるＵＩ（ユーザーインターフェイス）を備えていますが、それでも入力方法に迷うユーザーの為に入力支援機能を画面上で表示できると良いですね。

　アプリのフォームに入力方法をガイドする支援機能を追加することでＵＸ（ユーザー体験）を向上しますので、Kintoneアプリの操作経験が少ないユーザーでも入力作業がスムーズになる効果が期待できます。

今回は、Kintoneのアプリフォームに、入力方法の支援機能として、入力例の文字列表示やヒントの吹き出しを追加するカスタマイズ例を紹介します。

入力支援のデモ画面

　以下の商品マスタ登録のデモ画面は、各入力フィールドに入力例の文字列（プレイスフォルダー）の表示と、入力方法のヒントがバルーン表示される機能（ツールチップ）を実装したカスタマイズ例です。
　フィールドが未入力状態で表示されている半透明の文字がプレイスフォルダー（代用文字）です。
　フィールドにマウスオーバーすると表示されるヒントの吹き出しがツールチップです。
　各フィールドの入力幅や文字色、ツールチップの文字色・背景色をＣＳＳコードでカスタマイズしています。

　上記デモ画面のフォームは、kintone UI Componentを用いてカスタムなＵＩを構築しています。

Kintoe人材育成研修

　この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintoe人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます！
上級コースの受講者には、特典で当サイトのカスタマイズテンプレートを3種類まで無償でご提供しています。