最新のウェブフロントエンドフレームワーク10選を紹介（翻訳）

Web 開発の世界では、フレームワークは非常に一般的です。新しいフレームワークやテンプレートが毎日のように作成されています。それらすべてを理解して、どのフレームワークを使用するかを決定するのは困難です。フロントエンド Web フレームワークの本質は、日常のプロジェクトに適用できる JavaScript、CSS、HTML 関連コンポーネントのコレクションであり、特に緊急のプロジェクトでは開発時間を大幅に節約できます。ここでは、参考までにフロントエンド Web フレームワークを 10 個リストします。

1. こっそり

こっそり

これは主にモバイルデバイス向けのフレームワークです。最近では、モバイルアプリケーションに注目する人が増えています。これは、さまざまなブラウザで実行でき、CSS と SCSS もサポートする軽量フレームワークです。

2. CSスタイル

csスタイル

簡単にメンテナンスできるスタイルシートを作成したい場合は、このフレームワークを試してみてください。これは主流の設計原則に基づいており、フレームワークは一連の SASS 混合型を使用してプログラムを実行するため、CSS がよりセマンティックになり、読みやすくなります。

3. マフィン

マフィン

厳密な意味でのフレームワークではないかもしれませんが、それでも注目に値します。これは本質的には、静的 Web サイトの作成に使用できるデザイン重視の Web テンプレートです。 Web 開発に役立つ inuit.css、Boilerplate、Bootstrap の利点と仕様について説明します。

4. コウト・スイス

コウト・スイス

これは CSS コンポーネントに基づいた優れたフレームワークであり、開発を高速化するためのさまざまな用途と機能を備えています。

5. パワーToCSS

パワーToCSS

これは、SMACSS と DRY の原則に基づいて設計された軽量フレームワークです。CSS コンポーネントがあります。プロジェクトをすぐに開始したい場合は、このフレームワークが適しています。

6. Themosis WordPress フレームワーク

Themosis WordPress フレームワーク

このフレームワークは、名前空間などの多くの PHP 機能を適用します。さらに、WordPress の仕様と一般的な MVC アーキテクチャを組み合わせています。

7. マテリアルフレームワーク

マテリアルフレームワーク

ここで紹介した他のフレームワークに比べると使用範囲は狭いですが、非常に軽量で、CSS ベースのコンポーネントのみで構成されています。このフレームワークは、CSS を素早く理解して使用するのに役立ちます。

8. Bootstrap のマテリアルデザイン

Bootstrap のマテリアルデザイン

名前が示すように、これは Bootstrap 3 テーマです。プロジェクトのデザインをすばやく簡単に作成できます。

9. マテリアルUI

マテリアルUI

Material UI は、Google の新しい Material Design デザイン言語を実装する CSS フレームワークです。これは NPM パッケージとしてインストール可能で、依存関係の管理と JSX 変換に browserify と reactify を使用します。

10. 具体化する

具体化する

Google は IO カンファレンスで UI デザイン仕様を発表しました。この仕様は、PC、Web、モバイルアプリケーションのユーザーエクスペリエンスを統一することを目的としています。現在の成功例としては、Google Gmail チームがリリースした新しい Inbox アプリケーションが挙げられます。このフレームワークは多くの新鮮なデザインとスタイルを使用しており、標準バージョンと SASS バージョンの 2 つのバージョンがあります。

元記事: http://designposts.net/best-frontend-web-frameworks/
翻訳: http://www.php100.com/html/dujia/2015/0127/8490.html
（翻訳：PHP100_Zeroing）