Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
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 セミナー受講、誠にありがとうございました。