日本の入力をしっかりサポートするInputManJS講座/inputmanjs-supports-japanese-input

Transcript

1. 日本の入力をしっかりサポートする InputManJS 講座 グレープシティ株式会社 ツール事業部 プロダクトマーケティングチーム 村上 功光 かな、カナ、全角 /

   半角、郵便番号、電話番号

2. InputManJS （インプットマン JS ） 2 GrapeCity Developer Solutions JavaScript ライブラリ

   高性能な 入力コントロールセット 日本市場のニーズを 踏まえた便利な入力機能 種 別 概 要 特 長

3. 本日のアジェンダ 3 GrapeCity Developer Solutions 1 2 3 日本市場の入力要件 InputManJS

   の基本機能 多彩な収録コントロール

4. 4 GrapeCity Developer Solutions 日本市場の 入力要件

5. 特徴的な日本の入力要件 5 GrapeCity Developer Solutions 和暦の表示 入力フォーマット 全角・半角 ふりがな 漢字・ひらがな・カタカナ

6. 日本のニーズに対応 ! 6 GrapeCity Developer Solutions InputManJS 基本機能

7. 日本の入力を支える基本の 5 コントロール 7 GrapeCity Developer Solutions テキスト 日付時刻 数値

   マスク 複数行テキスト ポイント 2. 国内の文化や業務スタイルを 踏まえた機能 3. 幅広い入力要件をカバーする 様々な機能 1. 様々な入力に対応する 多様な書式設定

8. 8 GrapeCity Developer Solutions 様々な入力に対応する 多様な書式設定

9. 書式設定機能① 文字種変換 9 GrapeCity Developer Solutions 機能 対応コントロール Demo 5つのコントロールすべて

   入力文字を自動で 所定の文字種に変換

10. 書式設定機能② 郵便番号・数字・日付 10 GrapeCity Developer Solutions マスク 数値 日付時刻 正規表現による書式設定

    入力と表示、2つの書式を制御 日時表示に特化した書式設定 ggg E年M月d日 / yyyy/MM/dd tt h時m分s秒 / HH:mm:ss 〒¥¥D{3}-¥¥D{4} [DBNum1]G / ##,##0 Prefix Surfix

11. 11 GrapeCity Developer Solutions 国内の文化や業務スタイルを 踏まえた機能

12. 国内の文化や業務スタイルを踏まえた機能 12 GrapeCity Developer Solutions ふりがな 入力文字からふりがなを取得 長体 入力文字列を長体表示 フォーカス

    キー入力によるフォーカス移動 ※ こちらはテキストコントロールの機能になります

13. 13 GrapeCity Developer Solutions 幅広い入力要件に対する 細やかな機能

14. パスワード入力 ウォーターマーク クリアボタン 幅広い入力要件に対する細やかな機能 14 GrapeCity Developer Solutions 入力内容を不可視にして情報を保護 正しい入力を促す2種類の透かし文字機能

    素早い編集を可能にし入力のストレスを軽減

15. 15 GrapeCity Developer Solutions • 充実のドロップダウン系コントロール • 正しいインプットを促す入力検証 • タッチにも強いパッド系コントロール

    入力をより快適に ！ 多彩な収録コントロール

16. 充実のドロップダウン系コントロール 16 GrapeCity Developer Solutions 画像付き複数列・複数行リスト コンボコントロール

17. 充実のドロップダウン系コントロール 17 GrapeCity Developer Solutions フィルタ条件も指定可 • 文字列で始まる • 文字列を含む

    機能 ポイント オートフィルタ機能を搭載 コンボコントロール

18. 充実のドロップダウン系コントロール 18 GrapeCity Developer Solutions 日付時刻コントロール 数値コントロール 数値パッド 電卓 時刻ピッカー

    カレンダー

19. 充実のドロップダウン系コントロール 19 GrapeCity Developer Solutions 日本仕様にしっかり対応 • 元号 • 六曜

    機能 ポイント カスタム可能なカレンダー （単体利用も可能） 日付時刻コントロール 2021/3/19 2021/3/19

20. 充実のドロップダウン系コントロール 20 GrapeCity Developer Solutions 機能 ポイント ドロップダウンプラグイン お好みの機能を 独自実装

    InputManJSの機能を 活用しながら 多彩な独自機能を実装可 InputManJSコントロールに 独自ドロップダウンを追加

21. 充実のドロップダウン系コントロール 21 GrapeCity Developer Solutions ドロップダウンプラグイン

22. 正しいインプットを促す入力検証 22 GrapeCity Developer Solutions グラフィカルな UI 通知 入力中 /

    フォーカス移動時 もしくは任意のタイミングで検証を実施

23. 電卓 ソフトウェアキーボード タッチにも強いパッド系コントロール 23 GrapeCity Developer Solutions

24. まとめ 24 GrapeCity Developer Solutions 1 2 3 日本に存在する特有の入力仕様 InputManJS

    で対応するかな・カナ・全角・半角・番号・元号 入力をもっと便利にする多彩な収録コントロール

25. セミナーの内容や製品に関するご質問・ご相談を承っています 25 GrapeCity Developer Solutions お問い合わせ グレープシティ株式会社 ツール事業部 営業部 製品に関するご相談を

    オンライン形式で承っています。 • より詳しい製品のご紹介 • 勉強会の開催 など、柔軟にご対応可能です。 セミナーの内容に関してご質問がある方は グレープシティ営業部までお気軽に お問い合わせください。 050-5490-4661 sales@grapecity.com

26. END セミナー受講、誠にありがとうございました。