MOONGIFTニコニコ出張所

魅力的なデザインフレームワークを探そう。2014年以降に登場したUIフレームワークまとめ

2015/09/08 14:23 投稿

  • タグ:
  • 登録タグはありません
  • タグ:
  • 登録タグはありません

今回はWeb用のUIフレームワークまとめです。UIフレームワークは数多く登場しており、それぞれに特徴が出始めています。用途が限られていたり、特定のJavaScriptフレームワークと一緒に使う想定のものも多いです。

フレームワークに合わせて選んでも良いでしょうし、マテリアルデザインのようなトレンドに合わせて選んでも良いのではないでしょうか。

EmberUI - Ember.jsを使ったWebアプリケーション用UIコンポーネント集

Screenshot%202014-05-13%2013.41.05_thumb


あなたがWebアプリケーションを開発する際に使っているJavaScriptフレームワークは何でしょう。小さなものであればjQueryが良いかも知れません。が、より大きくコード量が増えていくともっと大型なフレームワークを必要とするはずです。Ember.jsはその有力な選択肢の一つです。そしてそこにEmberUIを組み合わせるとより強力なツールになります。UIコンポーネントを自在に作れて、かつEmber.jsから操作できるライブラリです。EmberUIはまだバージョンが0.1とあって、フォーム系のコンポーネントのみ提供されています。しかしWebアプリケーションとしては入力を受け取って処理することが多いと思いますので、EmberUIを使えばEmber.jsを使ったWebアプリケーションがさくさくとできるようになりそうです。

Onsen CSS Components - Onsen UIを活かしたスマートフォン最適化サイト、ハイブリッドアプリを作ろう!

Screenshot%202014-05-03%2016.26.17_thumb


スマートフォンのWebサイトを作ったり、HTMLと合わせたネイティブアプリ、いわゆるハイブリッドアプリを作る上でネイティブに似たUIのWebコンポーネントは欠かせません。デザインフレームワークもたくさん出ています。その差別化になるのは、とにかく様々なコンポーネントが存在することで多彩なニーズに応えられるか否かになります。そこで今回はスマートフォン向けのUIフレームワークOnsen UI向けのCSSコンポーネント、Onsen CSS Componentsを紹介します。

Kendo UI Core – 企業向けHTML5 UIフレームワークのコア部分がオープンソース化

Screenshot%202014-04-21%2010.50.30_thumb


HTML5を使ったWebアプリケーションを構築するのに使えるUIフレームワークとしてKendo UIが知られています。ビジネス向けに有償提供されていましたが、先日よりコア部分をオープンソース化しました。有償版は継続ですが、その7割近くをオープンソースとして使えるようになっています。この機会にKendo UIの便利さを知ってみてはいかがでしょう。有償版ではこの他、グラフ系ウィジェットやツリービュー、グリッド、エディタ、アップロードなどが追加されています。とは言え、コア部分だけでも十分に機能があるのでさらに自分でカスタマイズして実装と言ったこともできるでしょう。

 

ここから先は有料になります

ニコニコポイントで購入する

チャンネルに入会して購読する

  • この記事は過去記事の為、今入会しても読めません。ニコニコポイントでご購入下さい。

コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事

継続入会すると1ヶ月分が無料です。 条件を読む

MOONGIFTチャンネル

MOONGIFTチャンネル

月額
¥550  (税込)
このチャンネルの詳細