logo

TechCodeview

Angular マテリアルのチュートリアル

角のあるマテリアル は、2014 年に Google によって開発された UI ライブラリ コンポーネントです。これは、AngularJS 開発者向けに特別に設計されています。これは、構造化された方法でアプリケーションを設計するのに役立ちます。そのコンポーネントは、魅力的で一貫性があり、機能的な Web ページと Web アプリケーションを構築するのに役立ちます。応答性が高く高速な Web サイトを作成するために使用されます。

Angular マテリアルのチュートリアル

ユーザーを惹きつけ、アプリケーションに存在する要素やコンポーネントにアクセスします。また、ユニークなスタイルや形状でアプリケーションを設計するのにも役立ちます。

これらのコンポーネントは、アプリケーションや Web サイトをさらに充実させます。 一貫性のある そしてレスポンシブなデザイン。これは、成功するデザインの古典的な原則とイノベーションおよびテクノロジーを組み合わせたものです。

Google は 2014 年に Angular マテリアルを開発しました。当時、これには次のタグが付けられていました。 AngularJS アプリケーションをより魅力的にし、パフォーマンスを高速化します。 Googleはコードを最初から書き直して削除した JS 、9月にAngularマテリアルと名付けました。 2016. UI/UX コンポーネントは Angular マテリアルとして知られています。

リディマ・ティワリ

角材の特徴

  • 組み込みのレスポンシブデザインです。
  • Angular マテリアルには標準の CSS が含まれています。
  • 新しいバージョンの UI コンポーネントは、 ボタン、チェックボックス 、 そして テキストフィールド Angular マテリアル デザインの概念に従うために使用されます。
  • などの特殊な機能を備えています。 カード、ツールバー、スピード ダイヤル、サイド ナビゲーション、スワイプ、サイド ナビゲーション 、 もっと。
  • これはクロスプラットフォームのブラウザであり、Web コンポーネントの作成に使用されます。

レスポンシブデザイン

  • Angular マテリアルはレスポンシブ デザインになっているため、Web サイトはあらゆるサイズに適合します。
  • マテリアルで作成された Web サイトは以下と互換性があります。 アンドロイド、iPhone、タブレット 、 そして ラップトップ 。

拡張可能

  • 新規追加も簡単です CSS 既存のルールを上書きする CSS
  • 影と色をサポートします。
  • Angular マテリアルでは色と色合いが均一です。
  • Angularマテリアルは無料で使用できます。

高品質

  • Angular マテリアル コンポーネントは誰でもアクセスできます。アプリケーションのパフォーマンスと信頼性を保証するために、多くのパラメータを使用してテストされています。
  • 一貫したクロスプラットフォーム動作を備えた簡単な API を備えています。

多用途

  • 開発者が共通のパターンでカスタム コンポーネントを構築するのに役立つツールを提供します。
  • 範囲内でカスタマイズ可能です。

摩擦のない

  • これは、完璧に統合するために Angular チームによって構築されました。
  • Angular マテリアルを使用すると、新しいアプリケーションを最初から設計することも、既存のアプリケーションで設計することもできます。

AngularJS と Angular

Angular マテリアル ライブラリは、すぐに使用できる安定した製品です。開発者は次の点に注意してください AngularJS マテリアル AngularJS で動作します 1.x 。 AngularJS 1.x 今いる 長期サポート (LTS) モード。

Angular マテリアルおよびコンポーネント開発キット ( CDK ) ライブラリ ( Angular v2+ の場合 ) で見つかります。 角度のあるコンポーネント GitHub リポジトリ 。
現在の開発努力は以下に焦点を当てています アクセシビリティ、パフォーマンスのマイナーな機能強化 そして バグの修正 。

最新のマテリアルデザイン

マテリアル デザインの最新アップデートは 5 月に Google で発表されました。 2018年 。

長期サポート

AngularJS マテリアルが 長期サポート (LTS) に終了する期間 2021年12月31日 。日付はAngularJSと一致します LTS 期間。

次に、バグの修正に重点を置きます。 1.2.x 以下に示す基準の少なくとも 1 つを満たすライブラリのブランチ。

  • 検証済みのセキュリティ脆弱性レポートを受信または検出します。
  • ブラウザーが、現在の運用アプリケーションの動作を停止するバージョンをリリースします。
  • jQuery ライブラリは、現在の運用アプリケーションの動作を妨げるバージョンをリリースします。

AngularJS マテリアル 1.1.x 新たなセキュリティ上の弱点が確認された場合、新しいバージョンが取得されます。

ブラウザのサポート

AngularJS マテリアルは通常、次のカテゴリに分類されるブラウザをサポートします。

  • 世界全体の使用率が 0.5% を超えている
  • Evergreen ブラウザの最後の 2 つのメジャー バージョン
  • Firefox ESR
  • 「死んだ」ブラウザとはみなされない

前提条件

チュートリアルを進める前に、次の基本的な知識が必要です。 Angular JS、HTML、CSS、JavaScript、 そして ドキュメント オブジェクト モデル (DOM) 。また、Web ベースのアプリケーションの動作を確認すると役立ちます。

PCを速くするものは何ですか

観客

このチュートリアルは、Angular マテリアルの基本を学び、魅力的なコンポーネントを備えた応答性の高い Web サイトを作成したい初心者や専門家にとって有益です。このチュートリアルでは、Angular マテリアルの主な概念について説明します。

問題

この Java チュートリアルでは問題が見つからないことを保証します。ただし、間違いがある場合は、お問い合わせフォームに問題を投稿してください。