components

Angularの公式コンポーネント

Angularチームは、一般的なUIコンポーネントとツールの両方を構築および維持し、独自のカスタムコンポーネントを構築するのに役立ちます。チームはいくつかのNPMパッケージを維持しています。

パッケージ	説明	ドキュメント
@angular/cdk	一般的な相互作用パターンを持つカスタムUIコンポーネントを作成するのに役立つライブラリ	ドキュメント
@angular/material	角度アプリケーション用の材料設計UIコンポーネント	ドキュメント
@angular/google-maps	Googleマップの上に構築された角度コンポーネントJavaScriptAPI	ドキュメント
@angular/youtube-player	YouTubeプレーヤーAPIの上に構築された角度コンポーネント	ドキュメント

クイックリンク

ドキュメント、デモ、およびガイド|よくある質問|コミュニティグーグルグループ|寄稿| stackblitzテンプレート

はじめる

Angular Materialで最初のプロジェクトを構築する場合は、Getting Guideをご覧ください。

貢献

貢献したい場合は、貢献ガイドラインに従ってください。貢献の良い機会を得た問題のリストについてはhelp wantedラベルをご覧ください。また、プロジェクトに貢献し始めたばかりの場合は、 good first issueラベルを使用して問題を見つけることもできます。

チームについて

Angular Componentsチームは、GoogleのAngularチームの一部です。チームには、Googleの従業員と世界中のコミュニティ貢献者の両方が含まれています。

私たちのチームには2つの主要な目標があります。

• 開発者が既存のアプリケーションにドロップできる高品質のUIコンポーネントを構築する
• 開発者が共通の相互作用パターンで独自のカスタムコンポーネントを構築するのに役立つツールを提供する

「高品質の」コンポーネントとはどういう意味ですか？

• すべてのユーザーがそれらを使用できるように、国際化され、アクセス可能です。
• 開発者を混同しない簡単なAPI。
• バグのない多種多様なユースケースで予想どおりに動作します。
• 動作は、ユニットテストと統合テストの両方で十分にテストされています。
• 材料設計仕様の境界内でカスタマイズ可能。
• パフォーマンスコストが最小限に抑えられます。
• コードはクリーンで、角度開発者の例として役立つように十分に文書化されています。

ブラウザとスクリーンリーダーのサポート

Angularコンポーネントチームは、すべての主要なブラウザの最新の2つのバージョン（Chrome（Androidを含む）、Firefox、Safari（iOSを含む）、およびEdgeをサポートしています。

次のスクリーンリーダーとの優れたユーザーエクスペリエンスを目指しています。

• Windows ：FF / Chromeを備えたNVDAおよびJAWS。
• macos ：Safari / Chromeを使用したナレーション。
• iOS ：Safariを使用したナレーション
• Android ：Chromeを使用したAndroid Accessibility Suite（以前のトークバック）。
• Chrome OS ：Chromevox with Chrome。