JavaScript ライブラリ「AG Grid」 導入事例のご紹介

 

「AG Grid」は、React / Angular / Vue / JavaScript に対応した高性能なデータグリッドライブラリです。本ページでは、さまざまな企業や研究機関において、AG Grid がどのようなプロジェクトで採用されているかの一例をご紹介します。

お客さまがAG Grid の導入を検討する際の後押しとなれば幸いです。

AG Grid Enterprise の商品ページはこちら (お見積り・ご相談もこちら)

企業における導入事例

AG Grid × Salt DS：J.P. Morgan のデザインシステムにおける採用例

◆ J.P.モルガンが実現する金融UIの新たな標準

J.P.モルガンが開発・公開しているオープンソースのデザインシステム「Salt DS (Salt Design System)」 において「AG Grid」 が採用され、専用のテーマパッケージ（@salt-ds/ag-grid-theme）が提供されています。

この取り組みは、金融業界における複雑なデータ可視化ニーズに対応しつつ、アクセシビリティと一貫性のあるUI体験を提供することを目的としています。Salt DSの設計思想である「アクセシビリティ」「カスタマイズ性」「使いやすさ」に、AG Gridの柔軟かつ高性能なデータグリッド機能が融合することで、J.P.モルガン内外の開発者にとって、より洗練されたUI開発環境が実現されました。

特に、Salt DSが提供するテーマパッケージでは、CSS変数を活用したスタイルの一元管理が可能となっており、AG Gridのコンポーネントに対してもSalt DS のビジュアルガイドラインを適用できます。これにより、ブランド一貫性を保ちながら、複雑なデータテーブルの構築・運用が容易になります。

金融 デザインシステム UI コンポーネント React

---

AG Grid × Microsoft MSR Gamut：モデル解釈のための可視化ツールにおける採用例

◆ 機械学習の「見える化」を支えるデータグリッド

Microsoft Research が開発した視覚分析ツール「MSR Gamut」 においても「AG Grid」 が採用されています。

MSR Gamut は、機械学習モデル（特に Generalized Additive Models）を視覚的に解釈するためのツールで、React / D3 / TypeScript をベースに構築されています。その中で AG Grid は、大量の特徴量や予測結果を効率的かつ直感的に表示するための中核コンポーネントとして活用されています。

データサイエンティスト 機械学習モデル デザイン・プローブ カルチュラル・プローブ Reac

---

AG Grid × Siemens iX：産業ソフトウェア向けデザインシステムでの統合

◆ 産業ソフトウェアのUIに求められる柔軟性と一貫性を両立

Siemens は、自社の産業向けオープンソースデザインシステム 「Siemens Industrial Experience (iX)」 において、AG Grid をデータグリッドコンポーネントとして採用しています。

Siemens iX は、産業ソフトウェア製品における一貫性のあるユーザー体験を実現するために設計されたデザインシステムで、Web Components をベースに構築され、React・Angular・Vue など主要なフレームワークに対応しています。

産業用ソフトウェア設計 産業分野におけるDX (IX) React Angular Vue

---

AG Grid × Allianz NG-Aquila：Angularコンポーネントライブラリでの採用例

◆ 保険業界のUI標準を支えるデータグリッド

Allianz は、オープンインシュアランスプラットフォーム向けに開発された Angular UIコンポーネントライブラリ「NG-Aquila」 において、AG Grid をデータグリッドソリューションとして採用しています。

NG-Aquila は、Allianz Global Digital Factory によって開発され、社内外のアプリケーションで一貫性のあるUI体験を提供するためのデザインシステムです。

コンポーネントライブラリ オープン・インシュアランス Angular 

---

研究開発機関における導入事例

AG Grid × NASA Aerie UI：ミッション計画データの追跡における採用例

◆ 宇宙ミッションを支えるデータグリッドの力

NASAのJPL（ジェット推進研究所）が開発した「Aerie UI」は、宇宙ミッションの計画・スケジューリング・コマンドシーケンスを統合的に管理するオープンソースのWebアプリケーションです。

Aerie UIは、複雑な活動計画やリソース管理を視覚的かつ効率的に行うために、AG Gridのような高性能なデータグリッドライブラリを採用しています。

宇宙科学 UI Web アプリケーション Svelte

---

AG Grid × IRIDA：ゲノム疫学プラットフォームでの採用例

◆ 研究・検査データの可視化と運用を支えるグリッド導入例

「IRIDA (Integrated Rapid Infectious Disease Analysis)」は、カナダ公衆衛生庁（PHAC）が開発したゲノム疫学解析プラットフォームであり、感染症の迅速な解析とデータ管理を目的としたオープンソースのWebアプリケーションです。

IRIDAは、ゲノム配列やメタデータの保存・管理・解析を行うためのUIを提供しており、複雑なデータ構造を扱う場面で、AG Grid が活用されています。特に、サンプル管理、メタデータ表示、解析結果の可視化などにおいて、表形式での操作性が求められるため、AG Gridの導入が有効です。

ゲノム疫学 感染症解析 React

---

様々な業種で活用される AG Grid (導入企業一例)

AG Grid は、金融・製造・ITサービスなど様々な業界で広く採用されています。特に、大量データの可視化やリアルタイム分析が求められる業務システムにおいて、そのパフォーマンスと柔軟性が評価されています。

AG Grid Enterprise の商品ページはこちら (お見積り・ご相談もこちら)