【2024年5月】個人事業主&フリーランス向け給付金/補助金/助成金まとめ
- お金
- フリーランス/個人事業主
- 制度
Google社は、技術、科学、デザインの概念に基づいた新しいUX体系およびデザイン概念を開発しました。その名も、「マテリアルデザイン」です。Google Nowで初めて登場した「カード」風のUXをベースに、グリッド型のレイアウトや、アニメーション、ボタンの影などを規定しました。Googleの全プラットフォームにおけるUX体系を統一するために作られたガイドラインです。
Google社のPolymer をはじめ、マテリアルデザインのCSS/JSフレームワークも数多く開発されています。
目次
Polymer（ポリマー）
Polymerとは、Google社が開発したJavascriptライブラリです。Webコンポーネント（WEBにおける、カプセル化された独自のHTMLタグを作成するためのAPI）というJavascriptの素材が使用されていて、マテリアルデザイン的なコンポーネントを簡単に入手できます。開発スピードも改善されており、未経験者でも使いこなせるプログラミング言語です。
Materialize（マテリアライズ）
マテリアルデザインに基づいたデザインが簡単に作れるCSSフレームワークです。レスポンシブ用の素材やSASSにも対応しているため、ユーザーが使っている端末によってUIをカスタマイズできます。モバイルを重視したプロジェクトに向いているフレームワークです。
MUI
HTML、CSS、JavascriptのフレームワークであるMUIは、立ち上がりが早く、開発者にとって使いやすいのが特徴。他のマテリアルデザインに比べ多くのWEBコンポーネントも導入されているため、幅広く対応できます。
material ui
CSSフレームワークに加え、リアクトのコンポーネントにもマテリアルデザインが導入されているmaterial ui。リアクトとは、インタラクティブなUIでよく使われているJavascriptライブラリです。
LumX
AngularJSとマテリアルデザインの初フロントエンドフレームワークであるLumX。SassとAngularJS素材によってCSSのフレームワークが構築されています。LumXのためにカスタマイズされたJQueryの機能性もあり、自動的にGulpと連携し、アプリケーションが最適化されます。
Angular Material（アンギュラ・マテリアル）
Angular.jsにマテリアルデザインを導入しようとしているAngular Material。フォーム作成とカスタマイズで幅広く対応可能のガイドラインです。WEB、タブレット端末、モバイルにも対応が最適化されたコンポーネントも重視しています。Polymerのペイパー風のコンポーネントと同じく、Angular MaterialもGoogle社が提供してくれるガイドラインに基づいています。
Material Framework（マテリアル・フレームワーク）
ティム・ニュエン氏が開発した、シンプルでレスポンス性のあるCSSフレームワークです。Material Frameworkを使用すると、どんなサイトやアプリにもマテリアルデザインを導入できます。シンプルなフレームワークであるため、初心者にも使いやすいです。
Material Design for Bootstrap（マテリアル・デザイン・フォア・ブートストラップ）
Material Design for Bootstrapは、HTML、CSS、JavascriptをベースにしているWEB開発におけるフロントエンドフレームワーク・Bookstrapに、マテリアルデザインの概念を導入しています。アプリ作成やモバイル重視のプロジェクトで使われているフレームワークとなります。本開発の前に、アイデアを試せることも可能です。Material Design for Bookstrapが、Bootstrap 4にも対応しています。
Framaterial Framework（フラマテリアル・フレームワーク）
Framaterial Frameworkは、オープンソースのJavascriptライブラリによる、マテリアルデザインのフレームワークです。Framaterial Frameworkに含まれているJavascriptのコンポーネントが非常に多いため、他のリソースなしでアプリおよびサイトを開発できます。
Leaf（リーフ）
マティリアル・デザインのもとに開発されているCSSフレームワーク。Crowというグリッド型がシステムに導入されているため、簡単にグリッドの長さや、各セルの順番などを自由に操られます。
（翻訳：Jordan Colston）
人気のフリーランス・副業求人
IoTの開発プロジェクト！子どもが楽しくハミガキできるゲームコンテンツを開発するUnityエンジニア募集！
- #スタートアップ
職種：iOS/Androidアプリエンジニア
時給：2,500円 〜
働き方：どちらでも可
エリア：東京都
IoTの開発プロジェクト！ヘルスケア・医療データの処理、分析、解析、データマイニングを得意とするインフラエンジニア募集！
- #スタートアップ
職種：バックエンドエンジニア
時給：2,500円 〜
働き方：どちらでも可
エリア：東京都
Web制作をリードするフロントエンド構築、WordPress実装が可能なエンジニア募集！
職種：フロントエンドエンジニア
時給：2,500円 〜
働き方：リモート希望
エリア：東京都
A design magazine that is showcasing resources for web and graphic designers.
この記事はDesign your wayからの転載です。配信元または著者とコンテンツ契約を結び配信しています。
Material Design Frameworks For Websites
