Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

※ グレープシティ株式会社は、2023年11月1日よりメシウス株式会社に社名を変更しました

グレープシティのオンラインセミナー「日本の入力をしっかりサポートするInputManJS講座」のセッション資料です。

More Decks by メシウス 開発支援ツール

Other Decks in Programming

Transcript

  1. InputManJS (インプットマン JS ) 2 GrapeCity Developer Solutions JavaScript ライブラリ

    高性能な 入力コントロールセット 日本市場のニーズを 踏まえた便利な入力機能 種 別 概 要 特 長
  2. 日本の入力を支える基本の 5 コントロール 7 GrapeCity Developer Solutions テキスト 日付時刻 数値

    マスク 複数行テキスト ポイント 2. 国内の文化や業務スタイルを 踏まえた機能 3. 幅広い入力要件をカバーする 様々な機能 1. 様々な入力に対応する 多様な書式設定
  3. 書式設定機能② 郵便番号・数字・日付 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
  4. 充実のドロップダウン系コントロール 19 GrapeCity Developer Solutions 日本仕様にしっかり対応 • 元号 • 六曜

    機能 ポイント カスタム可能なカレンダー (単体利用も可能) 日付時刻コントロール 2021/3/19 2021/3/19
  5. 充実のドロップダウン系コントロール 20 GrapeCity Developer Solutions 機能 ポイント ドロップダウンプラグイン お好みの機能を 独自実装

    InputManJSの機能を 活用しながら 多彩な独自機能を実装可 InputManJSコントロールに 独自ドロップダウンを追加
  6. 正しいインプットを促す入力検証 22 GrapeCity Developer Solutions グラフィカルな UI 通知 入力中 /

    フォーカス移動時 もしくは任意のタイミングで検証を実施
  7. まとめ 24 GrapeCity Developer Solutions 1 2 3 日本に存在する特有の入力仕様 InputManJS

    で対応するかな・カナ・全角・半角・番号・元号 入力をもっと便利にする多彩な収録コントロール
  8. セミナーの内容や製品に関するご質問・ご相談を承っています 25 GrapeCity Developer Solutions お問い合わせ グレープシティ株式会社 ツール事業部 営業部 製品に関するご相談を

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