FDC3 Micro-Frontend Architecture

金融アプリケーション向けの、最新の分散 UI コンポーネント

詳細を見る

マイクロフロントエンド・アーキテクチャとは?

マイクロフロントエンドは、マイクロサービスの考え方をフロントエンドに拡張したものです。モノリシックなフロントエンドを構築するのではなく、UI を小さく独立した要素に分割し、ユーザーには統一された一体のアプリとして見せつつ、個別に開発・テスト・デプロイできるようにします。

マイクロフロントエンド・アーキテクチャ図

コンポーネントベース設計

当社のマイクロフロントエンドは標準の Web Components を基盤とし、必要に応じて React ベースの UI コンポーネントを補完的に使用します。このハイブリッド手法により、あらゆる場所で使える標準準拠・フレームワーク非依存のコンポーネントと、React の豊富なエコシステム/開発体験の双方を活用できます。

FDC3 互換性

Financial Desktop Connectivity and Collaboration Consortium(FDC3)は、金融デスクトップの標準を定義しています。当社のマイクロフロントエンド・アーキテクチャは FDC3 標準を完全サポートし、他の FDC3 準拠アプリケーションとのシームレスな連携を実現します。

FDC3 の利点

  • 相互運用性: 金融デスクトップ上の他アプリと容易にコンポーネント間通信が可能
  • コンテキスト共有: 銘柄・ポートフォリオ・注文などのコンテキストをアプリ間で共有
  • インテントベース通信: 他アプリの特定機能を意図(Intent)で起動
  • アプリディレクトリ: エコシステム内のアプリを検索・起動
FDC3 連携

主な特徴

Web Components

Web Components

あらゆるモダンブラウザやフロントエンドフレームワークで動作するフレームワーク非依存のカスタム要素。最大限の互換性と再利用性を確保します。

多言語対応

多言語対応

英語・日本語・中国語・インドネシア語・マレー語・タガログ語に対応した内蔵の国際化フレームワーク。新言語の拡張も容易です。

分散スケーリング

分散スケーリング

各コンポーネントは需要に応じて独立してスケール可能。異なるサーバーやクラウドから提供する構成にも対応します。

デスクトップ連携

デスクトップ連携

FDC3 標準を通して既存の金融デスクトップアプリとシームレスに統合。アプリ横断のワークフローとデータ共有を可能にします。

アプリケーションランチャー

Application Launcher

当社のアプリケーションランチャーは Web Components で実装されており、フレームワークに依存せず、あらゆる金融デスクトップ環境に容易に統合できます。

ランチャーは次を提供します:

  • カスタマイズ可能なレイアウト: ユーザーは自分のワークフローに合わせて作業空間を配置
  • 権限ベースのアクセス: 認可済みのアプリ/機能のみを表示
  • シングルサインオン: すべてのコンポーネント間でシームレス認証
  • コンテキスト認識: システム全体のコンテキスト変化(銘柄選択等)に反応

フロントエンド技術の進化

レガシーシステム

従来のアーキテクチャ

  • • Sencha ExtJS Framework
  • • モノリシックなフロントエンド
  • • 限られたスケーラビリティ
  • • フレームワークへのロックイン

現在のアーキテクチャ

マイクロフロントエンド手法

  • • Web Components + React
  • • FDC3 互換
  • • 分散デプロイ
  • • フレームワーク非依存

高性能グリッドコンポーネント

金融アプリにおいては、大規模データセットを効率的に表示・操作できることが極めて重要です。当社の新しいグリッドコンポーネントは次をサポートします:

高性能グリッドコンポーネント
  • バーチャルスクロール: 最小メモリで数百万行を処理
  • リアルタイム更新: 変更セルのみを効率的に更新
  • カスタムセルレンダラー: 価格・率・スパークライン等、用途別セル
  • クライアント側フィルタ/ソート: サーバー往復なしの即時応答
  • Excel ライク機能: セル編集・選択・コピー&ペースト・キーボード操作

これらのグリッドは、当社のトレーディング、ポジション監視、リスク管理 UI 全体で使用され、金融アプリに必要な大量リアルタイムデータを扱います。

多言語・多タイムゾーン対応

グローバルな金融市場では、多様な言語とタイムゾーンをサポートするアプリが必要です。当社のマイクロフロントエンドには次の機能が組み込まれています:

多言語

  • • English (default)
  • • Japanese (日本語)
  • • Chinese (中文)
  • • Indonesian (Bahasa Indonesia)
  • • Malaysian (Bahasa Malaysia)
  • • Tagalog

多タイムゾーン

  • • ユーザー設定可能なタイムゾーン表示
  • • 時刻表記のカスタマイズ(12h/24h)
  • • 取引所タイムゾーン表示
  • • 祝日に応じたカレンダー調整
  • • セッション表示(プレマーケット等)
  • • DST(夏時間)の自動処理

コンポーネントはユーザーの選択した言語とタイムゾーン設定に自動で適応し、プラットフォーム全体で一貫した体験を提供します。

金融アプリをモダナイズしませんか?

当社の FDC3 対応マイクロフロントエンド・アーキテクチャが、金融デスクトップに柔軟でスケーラブルな基盤を提供する方法についてご相談ください。

お問い合わせ