Released: Feb 22, 2023

V16J での更新項目

機能

• フォームコントロール：ワークシート上でインタラクティブな入力フォームを実現できる「フォームコントロール」機能を追加しました。この機能では、ボタンやチェックボックスなどをはじめとする9種類のExcelライクなフォームコントロールを利用できます。また、SpreadJSのExcel入出力機能を活用することで、フォームコントロールを配置したワークシートをExcelに出力したり、インポートしたExcelファイルに含まれるフォームコントロールをSpreadJS上で利用したりすることも可能です。
• 新ファイルフォーマットとExcel入出力パフォーマンスの改善：新しいファイルフォーマット（SJS形式）によるSpreadJSデータの保存や読み込みが可能になりました。ライブラリ本体のほか、SpreadJSデザイナも新形式によるデータの保存や読み込みに対応します。この新ファイルフォーマットではデータ構造の最適化が実施されており、従来のSSJSON形式ファイルと比較して、大幅に少ないサイズでSpreadJSデータを保存できるようになりました。また、この新しいファイルフォーマットをベースとするExcel入出力機能も利用可能になりました。同機能の活用により、従来よりも高速なExcelインポートとエクスポートを実現できます。
• 階層データ：テーブルシートでデータの階層表示ができるようになりました。シート上の各階層データはUIによる折りたたみや展開に対応しています。加えて、階層ごとに画像を設定したり、階層の親子関係と連動して動作するチェックボックスを設定することも可能です。このほか、コンテキストメニューや新しく追加されたAPIを利用すれば、階層レベルの上げ／下げや指定階層に対するレコードの追加といった操作も実現できます。
• リレーショナルデータのツリー表示〈テーブルシート〉：テーブルシートパネルのフィールドエリアで、リレーショナルデータのツリー表示が可能になりました。
• オンラインデモ「販売管理」／「売上明細」を公開：製品のオンラインデモに新しいサンプル「販売管理」と「売上明細」を追加しました。同サンプルは、日本の業務システムで求められることの多い受注管理や売上管理、請求管理といった処理をSpreadJSで実現したアプリケーションです。グループ化や条件付き書式、チャートやピボットテーブルなどをはじめとする豊富な製品機能の活用例を、ぜひ同デモでご確認ください。
• JSフレームワークサポートを強化：Angular 15に対応したほか、Next.js、Nuxt.js上での利用に対応しました。
• 検索範囲の指定〈リボンコンテナ／SpreadJSデザイナ〉：Excelと同様に、選択したセル範囲のみを対象とした「検索と置換」を実行できるようになりました。この機能は単一セル範囲のほか、複数のセル範囲を指定した場合も有効です。
• 書式設定パネルボタン〈リボンコンテナ／SpreadJSデザイナ〉：従来のコンテキストメニュー操作に加え、リボンメニュー上のボタンからシェイプやチャート、ピクチャの書式設定パネルを表示できるようになりました。
• 数式の一括設定〈数式〉：cellRangeクラスにおけるformulaメソッドの強化により、特定のセル範囲に対し一括で共通の数式を設定できるようになりました。
• 無効な数式の入力許可〈数式〉：新しく追加されたallowInvalidFormulaオプションにより、無効な数式の入力を許可できるようになりました。このオプションが有効な場合、セルに入力された無効な数式はテキストとして保持されます。
• 角折（ドッグイヤー）スタイル〈セル〉：セルの新しい修飾スタイルとして「角折（ドッグイヤー）」が利用可能になりました。このスタイルの活用により、データ検証の結果や、特定のセル値を効果的に強調表示できるようになります。
• 製品ヘルプとAPIリファレンスの刷新：製品ヘルプとAPIリファレンスが新しくなりました。デザインが一新されたほか大幅な検索機能の強化によりヘルプ、APIリファレンス、デモの内容をまとめて素早くサーチできるようになりました。
• なお、この改善に伴い各ドキュメントのURLが変更となりました。新しい製品ヘルプにはついてはこちら、APIリファレンスについてはこちらのページをそれぞれご確認ください。
• その他の機能強化
  • テーブルシート関連の以下の機能に対応しました
    • dataNameプロパティによるデータフィールド名のマッピング
  • イベント関連の以下の機能に対応しました
    • EditEndingおよびEditEndedイベントのcommitedパラメータによる編集キャンセルの検知
    • ClipboardChangingイベントのactionパラメータによるクリップボード状態の検知