Wijmoの入力用コントロールとInputManJSの機能比較表
本ページは、Wijmoに含まれるInputコントロールとInputManJSコントロールの機能を比較しやすいよう一覧にしたものです。それぞれの製品を選定される際の資料としてご活用ください。
なお、本ページは2026年7月現在の情報に基づき記載しています。内容は予告なく変更する場合がございますのでご了承ください。
Wijmoについて
最新のWeb技術をフル活用して開発されたJavaScriptコントロールセットです。入力系コントロールのほか、グリッドやチャート、ナビゲーションといった多数のコントロールを搭載します。
InputManJSについて
日本市場のあらゆる入力シーンを想定して設計された入力支援コントロールセットです。和暦、漢数字、ふりがな取得など多くの日本固有の入力機能を備えます。
コントロールの比較
Wijmoに含まれる入力系コントロールとInputManJSの各コントロールの一覧は以下のとおりです。
| Wijmo | InputManJS | 説明 |
|---|---|---|
| GcTextBox | 文字種・文字列の限定 | |
| GcRichTextEditor | テーブルや箇条書きを含む、装飾付き文書の作成 | |
| GcMultiLineTextBox | 文字種・文字列の限定、複数行表示 | |
| InputDate | GcDateTime | 日付入力に特化、日付書式、ドロップダウンカレンダー |
| InputTime | GcDateTime | 時刻入力に特化、時刻書式 |
| InputDateTime | GcDateTime | 日時入力に特化、日付・時刻書式 |
| InputMask | GcMask | リテラル文字を含むマスク入力に特化、定型書式 |
| InputNumber | GcNumber | 数値入力に特化、数値書式 |
| ComboBox | GcComboBox | ドロップダウンからの項目選択 |
| MultiSelect | GcComboBox | ドロップダウンリストからの複数項目選択 |
| AutoComplete | GcComboBox | 入力補完、入力候補の表示 |
| MultiAutoComplete | GcTagBox | タグ入力に特化 |
| ListBox | GcListBox | リスト表示、項目選択 |
| InputColor | 色の入力に特化 | |
| ColorPicker | カラーピッカー、色相、彩度、不透明度を調整 | |
| Calendar | GcCalendar | カレンダー表示、日付選択 |
| GcCalculator | メモリ機能や四則演算などの電卓機能 | |
| GcSoftKeyboard | ソフトウェアキーボードの表示 | |
| GcFunctionKey | ファンクションキーへの機能の割り当て | |
| GcShortcut | 任意の要素にショートカットキーの割り当て | |
| GcComment | コメントの追加、削除、返信、リアクション、ソート、検索など、コメント管理に必要な機能を提供 | |
| GcTextAssistant | AIプラットフォームと連携して文章の生成、校正、要約、翻訳などの文章作成アシスタント機能を提供 | |
| GcStepper | 複数のステップ（段階）に分かれたタスクやワークフローをユーザーに順序立てて案内 | |
| GcTour | 画面上の各入力要素を順番にガイドし、ツールチップで入力方法や操作手順を案内 |
コントロール別の機能比較
Wijmoの入力系コントロールと同等の機能／特長を持つInputManJSのコントロールについて、コントロールごとに詳細な機能を比較します。
InputDateTimeとGcDateTime
WijmoのInputDateTime／InputDate／InputTimeは、日時／日付／時刻の入力に特化したコントロールです。InputManJSではGcDateTimeが同等の機能を持ちます。GcDateTimeは日付および時刻両方の入力に特化しているため、InputDateやInputTimeの機能もカバーします。
ここではInputDateTimeとGcDateTimeの機能を比較します。
| 機能 | Wijmo | InputManJS |
|---|---|---|
| 日付の入力書式 | -※1 | ○ |
| 日付の表示書式 | ○ | ○ |
| 和暦表示および和暦のカスタマイズ | ○ | ○ |
| 「元年」表示 | ○ | |
| 西暦の2桁表示 | ○ | ○ |
| 時刻の入力書式 | -※1 | ○ |
| 時刻の表示書式 | ○ | ○ |
| 12時間または24時間表示 | ○ | ○ |
| 「午前」「午後」文字のカスタマイズ | ○ | ○ |
| 真夜中の表示方法（0時か24時か） | ○ | |
| プロンプト文字のカスタマイズ | ○ | |
| リテラル文字の表示 | ○ | ○ |
| リテラル文字をクリップボードに含めるかどうか | ○ | |
| 改行コードをクリップボードに含めるかどうか | ○ | |
| 未入力時の代替テキスト（フォーカス時） | -※1 | ○ |
| 未入力時の代替テキスト（未フォーカス時） | ○ | ○ |
| 和暦範囲外のウォーターマーク（フォーカス時） | ○ | |
| 和暦範囲外のウォーターマーク（未フォーカス時） | ○ | |
| フローティングラベルの表示 | ○ | |
| 入力可能な最大日付と最小日付 | ○ | ○ |
| 範囲外の値を入力中に調整するかどうか | ○ | |
| 範囲外入力後の制御方法（最大か最小の近い方／削除／保持など） | ○ | |
| 日付の正当性検査（うるう年の有無など） | ○ | |
| ドロップダウンカレンダーからの日付入力 | ○ | ○ |
| ドロップダウンリストからの時刻入力 | ○ | |
| ドロップダウンピッカーからの時刻入力 | ○ | |
| ドロップダウンボタンの位置指定 | ○ | |
| スピンボタンによるスピン入力 | ○ | |
| スピンボタンの位置指定 | ○ | |
| 上下矢印キーによるスピン入力 | ○ | ○ |
| 上下矢印キーによるスピン入力の許可および禁止 | ○ | |
| スピンアクションの増減量の設定 | ○ | |
| 文字列の全選択／選択解除 | ○ | ○ |
| フォーカス取得時のハイライト表示 | ○ | |
| 文字列の長体表示 | ○ | |
| 入力中のフィールド位置の取得／フォーカス時のフィールド位置の設定 | ○ | |
| タブキーの動作設定（コントロール間またはフィールド間を移動） | ○ | |
| 編集モード（挿入または上書き）の切替 | ○ | |
| 左右矢印キーによるフォーカス移動 | ○ | |
| 入力完了時の自動フォーカス移動 | ○ | |
| Enterキーによるフォーカス移動 | ○ | |
| 入力時と表示時で異なる文字列の取得 | ○ | |
| タッチによる入力、選択 | ○ | ○ |
| タッチツールバー | ○ | |
| 文字列変更時のイベント通知 | ○ | ○ |
| 値変更時のイベント通知 | ○ | ○ |
| 不正文字列入力時のイベント通知 | ○ | |
| 範囲外入力時のイベント通知 | ○ | |
| 無効な日付入力時のイベント通知 | ○ | |
| ドロップダウンオブジェクト開閉のイベント通知 | ○ | ○ |
| スピン操作のイベント通知 | ○ | |
| キー入力終了時のイベント通知 | ○ |
- 未入力時／未フォーカス時は、入力時／フォーカス時の書式や文字列が適用される
InputMaskとGcMask
WijmoのInputMaskは、リテラル文字を含むマスク入力に特化したコントロールです。InputManJSではGcMaskが同等の機能を持ちます。
ここではInputMaskとGcMaskの機能を比較します。
| 機能 | Wijmo | InputManJS |
|---|---|---|
| キーワードによるマスク書式 | ○ | ○ |
| 正規表現によるマスク書式 | ○ | |
| ひらがな、カタカナ、英数字、記号の制限 | ○ | ○ |
| 大文字小文字、全角半角の制限 | ○ | ○ |
| サロゲートペア文字の制限 | ○ | |
| 環境依存文字の制限 | ○ | |
| 絵文字の制限 | ○ | |
| IVS（Ideographic Variation Sequence）文字の制限 | ○ | |
| 指定文字種への自動変換 | ○ | |
| 列挙体項目のスピン表示 | ○ | |
| パスワード文字 | ○ | -※1 |
| プロンプト文字のカスタマイズ | ○ | ○ |
| リテラル文字の表示 | ○ | ○ |
| リテラル文字をクリップボードに含めるかどうか | ○ | |
| 改行コードをクリップボードに含めるかどうか | ○ | |
| 未入力時の代替テキスト（フォーカス時） | -※2 | ○ |
| 未入力時の代替テキスト（未フォーカス時） | ○ | ○ |
| フローティングラベルの表示 | ○ | |
| スピンボタンによるスピン入力 | ○ | |
| スピンボタンの位置指定 | ○ | |
| 上下矢印キーによるスピン入力 | ○ | |
| 上下矢印キーによるスピン入力の許可および禁止 | ○ | |
| 文字列の全選択／選択解除 | ○ | ○ |
| フォーカス取得時のハイライト表示 | ○ | |
| 文字列の長体表示 | ○ | |
| 入力中のフィールド位置の取得／フォーカス時のフィールド位置の設定 | ○ | |
| タブキーの動作設定（コントロール間を移動またはフィールド間を移動） | ○ | |
| 編集モード（挿入または上書き）の切替 | ○ | |
| 左右矢印キーによるフォーカス移動 | ○ | |
| 入力完了時の自動フォーカス移動 | ○ | |
| Enterキーによるフォーカス移動 | ○ | |
| タッチによる入力、選択 | ○ | ○ |
| タッチツールバー | ○ | |
| 文字列変更時のイベント通知 | ○ | ○ |
| 文字列変更直前のイベント通知 | ○ | |
| 値変更時のイベント通知 | ○ | ○ |
| 不正文字列入力時のイベント通知 | ○ | |
| スピン操作のイベント通知 | ○ | |
| キー入力終了時のイベント通知 | ○ |
- GcTextBoxを使用します
- フォーカス時は未フォーカス時の書式や文字列が適用される
InputNumberとGcNumber
WijmoのInputNumberは、数値入力に特化したコントロールです。InputManJSではGcNumberが同等の機能を持ちます。
ここではInputNumberとGcNumberの機能を比較します。
| 機能 | Wijmo | InputManJS |
|---|---|---|
| 数値の入力書式 | -※1 | ○ |
| 数値の表示書式 | ○ | ○ |
| 正数の接頭語 | -※2 | ○ |
| 正数の接尾語 | ○ | |
| 負数の接頭語（負号を含む） | -※2 | ○ |
| 負数の接尾語 | ○ | |
| 通貨記号のカスタマイズ | ○ | ○ |
| 漢数字表示 | ○ | |
| 負数の文字色 | ○ | |
| Delete/BackSpaceキーで値をNullに設定するかどうか | ○ | ○ |
| クリア操作時の値設定（ゼロかNullか） | ○ | |
| リテラル文字をクリップボードに含めるかどうか | ○ | |
| 改行コードをクリップボードに含めるかどうか | ○ | |
| 未入力（Null）時の代替テキスト（フォーカス時） | -※1 | ○ |
| 未入力（Null）時の代替テキスト（未フォーカス時） | ○ | ○ |
| 未入力（ゼロ）時の代替テキスト（フォーカス時） | -※3 | ○ |
| 未入力（ゼロ）時の代替テキスト（未フォーカス時） | -※3 | ○ |
| フローティングラベルの表示 | ○ | |
| 入力可能な最大値と最小値 | ○ | ○ |
| 範囲外の値を入力中に調整するかどうか | ○ | |
| 範囲外入力後の制御方法（最大か最小の近い方／削除／保持など） | ○ | |
| 全角数字から半角数字への自動変換 | ○ | |
| ドロップダウン数値パッドからの日付入力 | ○ | |
| ドロップダウンボタンの位置指定 | ○ | |
| スピンボタンによるスピン入力 | ○ | ○ |
| スピンボタンの位置指定 | ○ | |
| 上下矢印キーによるスピン入力 | ○ | ○ |
| 上下矢印キーによるスピン入力の許可および禁止 | ○ | |
| スライダー入力 | ○ | |
| 文字列の全選択／選択解除 | ○ | ○ |
| フォーカス取得時のハイライト表示 | ○ | |
| 文字列の長体表示 | ○ | |
| 編集モード（挿入または上書き）の切替 | ○ | |
| 左右矢印キーによるフォーカス移動 | ○ | |
| Enterキーによるフォーカス移動 | ○ | |
| 入力完了時の自動フォーカス移動 | ○ | |
| タッチによる入力、選択 | ○ | ○ |
| タッチツールバー | ○ | |
| 文字列変更時のイベント通知 | ○ | ○ |
| 文字列変更直前のイベント通知 | ○ | |
| 値変更時のイベント通知 | ○ | ○ |
| 不正文字列入力時のイベント通知 | ○ | |
| 範囲外入力時のイベント通知 | ○ | |
| スピン操作のイベント通知 | ○ | |
| キー入力終了時のイベント通知 | ○ |
- 未入力時／未フォーカス時は、入力時／フォーカス時の書式や文字列が適用される
- 通貨記号のみ表示可能
- Null時の代替テキストが適用される
ComboBoxとGcComboBox
WijmoのComboBoxは、ドロップダウンからの項目選択とその表示に適したコントロールです。InputManJSではGcComboBoxが同等の機能を持ちます。
ここではComboBoxとGcComboBoxの機能を比較します。
| 機能 | Wijmo | InputManJS |
|---|---|---|
| 未入力時の代替テキスト（未フォーカス時） | ○ | ○ |
| 未入力時の代替テキスト（フォーカス時） | -※1 | ○ |
| フローティングラベルの表示 | ○ | |
| 編集モード（挿入または上書き）の切替 | ○ | |
| 入力テキストの省略表示 | ○ | |
| リスト項目の省略表示 | ○ | |
| リスト項目毎のツールチップ表示 | ○ | |
| リスト項目のマルチカラム表示 | ○ | |
| リスト項目のツリー表示 | ○ | |
| リスト項目の多列表示 | ○ | |
| 入力テキストの複数行表示 | ○ | |
| リスト項目の複数行表示 | ○ | |
| フォーカス取得時のハイライト表示 | ○ | ○ |
| 文字列の長体表示 | ○ | |
| 階層データのツリービュー表示 | ○ | |
| 読み取り専用モード | ○ | ○ |
| null値の入力制御 | ○ | |
| テキスト入力によるリスト項目の自動絞り込み | ○ | ○ |
| テキスト入力によるリスト項目の自動選択 | ○ | |
| ドロップダウンボタンの位置指定 | ○ | |
| ドロップダウンボタンのカスタマイズ | ○ | ○ |
| ドロップダウン開閉時のアニメーション | ○ | ○ |
| ドロップダウンリスト行の高さ設定 | ○ | |
| ドロップダウンリスト列の幅設定 | ○ | |
| ドロップダウンリストのリサイズ操作 | ○ | |
| ドロップダウンリストの列サイズ変更操作 | ○ | |
| ドロップダウンリストスクロールバーのカスタマイズ | ○ | |
| ドロップダウンリスト項目の複数選択 | -※2 | ○ |
| ドロップダウンリスト列ヘッダーの表示 | ○ | |
| テンプレートによるドロップダウンリスト列ヘッダーのレイアウト | ○ | |
| テンプレートによるリスト項目のレイアウト | ○ | ○ |
| テンプレートによるドロップダウンリストフッターのレイアウト | ○ | |
| ドロップダウンリストのグリッド線 | ○※3 | |
| ドロップダウンリストヘッダー文字列の位置指定 | ○ | |
| ドロップダウンリストの文字列位置指定 | ○ | |
| 仮想モード | ○ | |
| ロードオンデマンド | ○ | |
| ドロップダウンリストのチェックボックス表示 | ○ | ○ |
| スピンボタンによるスピン入力 | ○ | |
| スピンボタンの位置指定 | ○ | |
| スピン中のループ表示 | ○ | |
| スピンボタンのカスタマイズ | ○ | ○ |
| Enterキーによるフォーカス移動 | ○ | |
| 矢印キーによるフォーカス移動 | ○ | |
| タッチによる入力、選択 | ○ | ○ |
| 改行コードをクリップボードに含めるかどうか | ○ | |
| リスト項目の検索 | ○※4 | ○ |
| リスト項目のソート | ○ | |
| 文字列配列のデータ連結 | ○ | ○ |
| オブジェクト配列のデータ連結 | ○ | ○ |
| データ連結時における表示テキストのメンバー指定 | ○ | ○ |
| データ連結時における取得データのメンバー指定 | ○ | ○ |
| ドロップダウン開閉時のイベント通知 | ○ | ○ |
| スピン操作時のイベント通知 | ○ | |
| 選択項目変更時のイベント通知 | ○ | ○ |
| リスト項目のチェック状態変更時のイベント通知 | ○ | |
| 表示文字列変更時のイベント通知 | ○ | ○ |
| アイテムソース変更時のイベント通知 | ○ | ○ |
- フォーカス時は未フォーカス時の書式や文字列が適用される
- Wijmo MultiSelect コントロールで実現可能
- CSSによる設定
- indexOf メソッドで実現可能
MultiAutoCompleteとGcTagBox
WijmoのMultiAutoCompleteは、複数の項目をタグラベルとして入力するのに適したコントロールです。
InputManJSではGcTagBoxが同等の機能を持ちます。
ここではMultiAutoCompleteとGcTagBoxの機能を比較します。
| 機能 | Wijmo | InputManJS |
|---|---|---|
| リストから選択して入力 | ○ | ○ |
| 直接入力（リストに無い項目の入力） | ○ | |
| リスト項目のツリー表示 | ○ | |
| テンプレート機能 | ○ | |
| 入力可能なタグの個数の制御 | ○ | |
| 同一のタグの入力可否の制御 | ○ | |
| タグのコピーアンドペースト | ○ | |
| 入力されているタグのテキストの取得 | ○ | |
| 選択されているタグのテキストの取得 | ○ | ○ |
| オートフィルタ | ○ | ○ |
| ドラッグ操作によるテキストボックスのリサイズ | ○ | |
| ウォーターマークの表示 | ○ | ○ |
| ドラッグ操作によるタグの移動 | ○ | |
| 読み取り専用モード | ○ | |
| 編集不可モード | ○ | |
| リスト項目作成中・作成完了時のイベント通知 | ○ | |
| フォーカス時のイベント通知 | ○ | ○ |
| フォーカスを失った時のイベント通知 | ○ | ○ |
| タグを追加した時のイベント通知 | ○ | |
| タグを削除した時のイベント通知 | ○ | |
| 値を変更した時のイベント通知 | ○ | ○ |
| ドロップダウンリストを開いたときのイベント通知 | ○※1 | ○ |
| ドロップダウンリストを閉じたときのイベント通知 | ○※1 | ○ |
| 描画更新中・更新完了時のイベント通知 | ○ |
- 開閉時それぞれ同じイベント（isdroppeddownchanged）が発生
ListBoxとGcListBox
WijmoのListBoxは、複数項目のリスト表示とその選択に適したコントロールです。
InputManJSではGcListBoxが同等の機能を持ちます。
ここではListBoxとGcListBoxの機能を比較します。
| 機能 | Wijmo | InputManJS |
|---|---|---|
| 単一列のリスト表示 | ○ | ○ |
| 項目のマルチカラム表示 | ○ | |
| 項目のチェックボックス表示 | ○ | ○ |
| 列ヘッダーの表示 | ○ | |
| 項目毎のツールチップの表示 | ○ | |
| 項目のツリー表示 | ○ | |
| 項目の多列表示 | ○ | |
| 項目の複数行表示 | ○ | |
| スクロールバーのカスタマイズ | ○ | |
| グリッド線 | ○※1 | |
| ヘッダー文字列の位置設定 | ○ | |
| 項目文字列の位置設定 | ○ | |
| 項目の追加／削除 | ○ | ○ |
| 列の追加／削除 | ○ | |
| 列幅設定 | ○ | |
| 行の高さ設定 | ○ | |
| 列サイズの変更操作 | ○ | |
| 項目の書式設定 | ○ | ○ |
| 項目の複数選択 | ○※2 | ○ |
| テンプレートによるリストフッターのレイアウト | ○ | |
| テンプレートによるリスト列ヘッダーのレイアウト | ○ | |
| テンプレートによる項目のレイアウト | ○ | ○ |
| 仮想モード | ○ | |
| ロードオンデマンド | ○ | |
| 文字列による項目の検索 | ○※3 | ○ |
| ユーザー操作によるソート | ○ | |
| プログラムによるソート | ○ | ○ |
| ドラッグアンドドロップによる並べ替え | ○ | |
| 文字列配列のデータ連結 | ○ | ○ |
| オブジェクト配列のデータ連結 | ○ | ○ |
| データ連結時における表示テキストのメンバー指定 | ○ | ○ |
| データ連結時における取得データのメンバー指定 | ○ | ○ |
| タッチによる選択 | ○ | ○ |
| 選択項目変更時のイベント通知 | ○ | ○ |
| 横目のチェック状態変更時のイベント通知 | ○ | ○ |
| 選択項目変更時のイベント通知 | ○ | |
| 項目変更時のイベント通知 | ○ | ○ |
| 項目クリック時のイベント通知 | ○ | |
| 項目読み込み時のイベント通知 | ○ | ○ |
| 項目読み込み中のイベント通知 | ○ | |
| 描画更新中・更新完了時のイベント通知 | ○ |
- cssによる設定
- チェックボックスによる複数選択のみ可能
- indexOf メソッドで実現可能
CalendarとGcCalendar
WijmoのCalendarは、月間カレンダーを表示して日付を選択する用途に適したコントロールです。InputManJSではGcCalendarが同等の機能を持ちます。
ここではCalendarとGcCalendarの機能を比較します。
| 機能 | Wijmo | InputManJS |
|---|---|---|
| 月日（月間）カレンダー | ○ | ○ |
| 年月カレンダー | ○ | ○ |
| 月日／年月カレンダー切替ボタンの表示・非表示 | ○ | ○ |
| 和暦表示および和暦のカスタマイズ | ○ | ○ |
| 元年表示 | ○ | |
| 会計年度表示 | ○ | |
| 複数のナビゲーター（ボタン／スクロールバー／Outlookスタイル） | ○ | |
| 複数カレンダーの表示 | ○ | |
| 複数月／年をスクロール | ○ | |
| 祝日設定 | ○ | |
| 独自の休日・休業日設定 | ○ | |
| 曜日ごとのスタイル設定 | ○※1 | ○ |
| エリア（ヘッダ、曜日タイトル、日付領域など）ごとのスタイル設定 | ○ | |
| 最初の列に表示する曜日の設定 | ○ | ○ |
| 「今日の日付」の表示切替 | ○ | |
| 前後の月の隣接日の表示切替 | ○ | |
| 週番号の表示切替 | ○ | |
| 六曜の表示切替 | ○ | |
| 選択可能な最大日付と最小日付 | ○ | ○ |
| 複数選択の許可 | ○ | |
| 選択可能な最大日数 | ○ | |
| 選択可能な日付の種類（平日／休業日／祝日など） | ○※2 | ○ |
| 曜日タイトルのクリックによる曜日全体選択 | ○ | |
| 週番号のクリックによる週全体選択 | ○ | |
| フォーカス日付と選択日付の区別 | ○ | |
| 選択日付変更時のイベント通知 | ○ | ○ |
| 表示月変更のイベント通知 | ○ | ○ |
| 日付クリック時のイベント通知 | ○※3 | ○ |
- 土日のみ
- 土日・平日の区別のみ
- 選択日付変更時で検出可能
