勤務シフト表や営業データ管理などの実用サンプルを追加したJavaScript UIライブラリの最新版を発売

グレープシティ株式会社（本社：仙台市泉区紫山3-1-4、代表取締役社長：馬場 直行）は、業務アプリケーション開発に便利なUIコントロールを数多く収録した、Webアプリ開発者向けJavaScriptライブラリ「Wijmo（ウィジモ）」の新バージョン「2022J v2」を2023年1月11日（水）にリリースします。Wijmoは、1年定額制のサブスクリプション方式で販売しており、初回費用は1ユーザーライセンスが132,000円（10%税込）、更新費用は52,800円（10%税込）となります。

Wijmoはグリッドやチャートといった業務アプリケーションに求められる高機能なコントロールを搭載するほか、タブやツリービューのような操作性、視認性を向上させるUIを実現するJavaScriptコントロールセットです。最新技術への対応を追求することはもちろん、開発者のニーズに合わせた新機能の追加や機能改善に努め、業務アプリケーション開発を総合的に支援します。

2022年9月にリリースした「2022J v1.1」では、製造業でよく利用される、製品を造るのに必要な部品を一覧にした部品表「BOM（Bill Of Materials）」のサンプルを追加しました。グリッド内のデータの検索やセルの結合、PDF出力時の設定を変更するなど、あらゆるシーンを想定して日本市場にマッチした3種類のデモアプリケーションを用意しています。
加えて本バージョン「2022J v2」では、勤務シフト表や営業データ管理などのアプリケーション利用者の実業務を想定したサンプルを拡充しています。Wijmoで構築されたサンプル画面を実際に操作してさまざまな機能を直観的に確認することが可能です。いずれのサンプルもWijmoに収録されている多数のコントロールを組み合わせて開発されており、ソースコードのダウンロードもできるので、業務アプリケーションのモダナイズの参考として活用することが可能です。

このほか、チャートコントロール「FlexChart」において凡例をスクロールで表示する機能の追加や、チャートの軸ラベルの最大値・最小値の表示を改善するなどの機能強化を行っています。

Wijmoの使用例や高度な使い方がわかるサンプルを追加
アプリケーション利用者の実業務を想定したサンプルを追加しました。ソースコードのダウンロードが可能なので、業務アプリケーションの参考として活用できます。

【勤務シフト表】
勤務シフトの管理ができるWebアプリケーションです。
Calendarで勤務日を範囲で選択し、TransposedGridやFlexGridを使用して各勤務日ごとの出勤人数や、勤務者別の出勤日数などを管理できます。また、CollectionViewを使用してシフトの人数に応じたメッセージも表示できます。

【営業データ管理】
営業データを管理するWebアプリケーションのサンプルを追加しました。
「担当者別進捗状況」のタブではFlexGridを利用して案件データを表示し、LinearGaugeやセルテンプレートを使用して進捗率を可視化しています。「部門別売上高」のタブではFlexChartを利用して、部門別、四半期別、担当者別に売上データをドリルダウンすることができます。また、「全体進捗状況」のタブではRadialGaugeで各種データを可視化し、Tooltipを利用してデータに応じた任意のメッセージを表示しています。

BOMサンプルの追加
製造業で使われる「BOM（Bill Of Materials：部品表）」のサンプルをWijmo 2022J v1.1で3種追加しました。グリッド上のデータを検索したり、ポップアップの子画面から詳細データを編集したりなど、Wijmoの各種コントロールを活用して部品表のアプリケーションに必要な機能を実装しています。

コントロールの機能強化
【FlexChart】
・チャートの軸ラベルの最大値・最小値の表示を改善
チャートの軸ラベルの最大値と最小値を、データの値や目盛りの単位数に関わらず必ず表示できるオプションを追加しました。

・凡例をスクロールで表示
凡例が複数ある場合にスクロールバーを表示できるようになりました。モバイルでの表示など大量の凡例を表示するための幅が十分ではない場合でも、凡例をすべて表示できます。

・スタイル情報を含めずにSVG出力
SVG出力時にスタイル情報をインポートせずに出力できるようになりました。エクスポートされたSVGを「単純化」することで、SVGの仕様に限定されたサブセットのみをサポートするようなツールとの互換性を高めることができます。

【FlexGrid】
・aria-label属性をサポートしアクセシビリティを向上
W3C（World Wide Web Consortium）によって定められたアクセシビリティに関する「WAI-ARIA」で定義されている「aria-label」属性をサポートしました。設定したテキストをスクリーンリーダーで読み上げることができるようになり、アプリケーションのアクセシビリティを向上することができます。