このプロジェクトについて

DB UI Elementsは、Deutsche Bahnのウェブフロントエンド向けに構築されたスタイル準拠のUIコンポーネントライブラリで、StencilJSを使用してネイティブなWeb標準に基づいています。Angular、React、Vueなどのあらゆるウェブフレームワーク、またはフレームワークなしでも動作するように設計されています。 READMEに記載されている主な特徴: - フレームワーク非依存:Webコンポーネント上に構築されており、カスタム要素はあらゆるフレームワークやプレーンJavaScriptにおいて標準的なHTML要素のように振る舞います。 - Deutsche BahnのUI/UXガイドラインに準拠しており、スタイリングと実装を分離しています。 - マルチテナント対応:異なるテナントスタイル(Regular / DB UX Design System Generation 2およびEnterprise)をサポートし、設定の切り替えにより1つのアプリケーション内で複数のスタイルを使用できます。スタイルはDB UI Coreによって提供されます。 - アクセシビリティ:Webコンポーネントの標準を活用しています。 - 軽量:オーバーヘッドを最小限にするためにStencilJSで実装されています。 - Apache 2.0ライセンスの下でオープンかつ無料で使用でき、コミュニティ主導であり、貢献を歓迎します。 READMEには、React (CRA)、Angular 18、Vue向けのフレームワークショーケースに加え、Vanilla JavaScriptおよび各フレームワークでの詳細な「消費方法」ガイドが含まれています。 重要なステータス注記:このプロジェクトはDB UX Design System v3 (core-web)に置き換えられました。新規プロジェクトではv3に基づくことを強く推奨します。この世代には新機能は追加されず、2026年末のサポート終了(EOL)までバグ修正のみが行われます。 ブランドの使用:Deutsche Bahnのブランドおよび商標は個別のガイドラインと制限の対象となります。Deutsche Bahnのウェブサイトおよびアプリケーション以外で使用する場合、db_logo.svgなどのブランドおよびデザインアセットは削除または差し替える必要があります。ニュートラルテーマの導入も計画されています。 ライセンス:Apache-2.0、Copyright 2024 by DB Systel GmbH。