Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

InputManJS （インプットマン JS ） 2 GrapeCity Developer Solutions JavaScript ライブラリ 高性能な 入力コントロールセット 日本市場のニーズを 踏まえた便利な入力機能 種 別 概 要 特 長

Slide 3

Slide 3 text

本日のアジェンダ 3 GrapeCity Developer Solutions 1 2 3 日本市場の入力要件 InputManJS の基本機能 多彩な収録コントロール

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

日本の入力を支える基本の 5 コントロール 7 GrapeCity Developer Solutions テキスト 日付時刻 数値 マスク 複数行テキスト ポイント 2. 国内の文化や業務スタイルを 踏まえた機能 3. 幅広い入力要件をカバーする 様々な機能 1. 様々な入力に対応する 多様な書式設定

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

書式設定機能① 文字種変換 9 GrapeCity Developer Solutions 機能 対応コントロール Demo 5つのコントロールすべて 入力文字を自動で 所定の文字種に変換

Slide 10

Slide 10 text

書式設定機能② 郵便番号・数字・日付 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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

国内の文化や業務スタイルを踏まえた機能 12 GrapeCity Developer Solutions ふりがな 入力文字からふりがなを取得 長体 入力文字列を長体表示 フォーカス キー入力によるフォーカス移動 ※ こちらはテキストコントロールの機能になります

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

15 GrapeCity Developer Solutions • 充実のドロップダウン系コントロール • 正しいインプットを促す入力検証 • タッチにも強いパッド系コントロール 入力をより快適に ！ 多彩な収録コントロール

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

充実のドロップダウン系コントロール 19 GrapeCity Developer Solutions 日本仕様にしっかり対応 • 元号 • 六曜 機能 ポイント カスタム可能なカレンダー （単体利用も可能） 日付時刻コントロール 2021/3/19 2021/3/19

Slide 20

Slide 20 text

充実のドロップダウン系コントロール 20 GrapeCity Developer Solutions 機能 ポイント ドロップダウンプラグイン お好みの機能を 独自実装 InputManJSの機能を 活用しながら 多彩な独自機能を実装可 InputManJSコントロールに 独自ドロップダウンを追加

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

正しいインプットを促す入力検証 22 GrapeCity Developer Solutions グラフィカルな UI 通知 入力中 / フォーカス移動時 もしくは任意のタイミングで検証を実施

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

まとめ 24 GrapeCity Developer Solutions 1 2 3 日本に存在する特有の入力仕様 InputManJS で対応するかな・カナ・全角・半角・番号・元号 入力をもっと便利にする多彩な収録コントロール

Slide 25

Slide 25 text

セミナーの内容や製品に関するご質問・ご相談を承っています 25 GrapeCity Developer Solutions お問い合わせ グレープシティ株式会社 ツール事業部 営業部 製品に関するご相談を オンライン形式で承っています。 • より詳しい製品のご紹介 • 勉強会の開催 など、柔軟にご対応可能です。 セミナーの内容に関してご質問がある方は グレープシティ営業部までお気軽に お問い合わせください。 050-5490-4661 [email protected]

Slide 26

Slide 26 text

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