ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Alloy UIは数多くのウィジェットを提供するUIフレームワーク。

[/s2If]

Alloy UIはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア。Webの役割は大きく変わってきている。シンプルなホームページと言われた時代は終わり、Webアプリケーションやソーシャルサービスのようにオンライン上でやり取りされるデータが増している。


入力補完

それに伴ってWebベースでもリッチなUIが求められるようになってきた。日付をカレンダー入力したり、ソートやドラッグアンドドロップなどを実装して欲しいと言われることも多い。そのようなニーズに幅広く答えられるライブラリがAlloy UIだ。

Alloy UIは実に多くのコンポーネントを提供する。入力補完、グラフィカルなボタン、カレンダー、画像が定期的に切り替わるスライダー、カラーピッカー、グラフ、ダイアログ、インラインエディタ、フォーム、画像ギャラリーにビューワー、インクリメンタル検索、パネル、ページネーション、タブ、リサイズ、レーティング、ソート、ツールバーなどなど。


ボタン

あまりに多くて実際にデモを見ないと把握してきないかも知れない。技術的にはHTML5/CSS3といった具合に最新の技術を積極的に取り入れているのが特徴だ。個々のライブラリは既に存在するだろうが、色々なものを使っていると統一感がなくなってしまう。Alloy UIを使えばリッチなWebアプリケーションが実現できるだろう。


カレンダー(プレミアム限定)

[/s2If]


画像ギャラリー(プレミアム限定)

[/s2If]


パネル(プレミアム限定)

[/s2If]


ツールバー(プレミアム限定)

[/s2If]


ページネーション(プレミアム限定)

[/s2If]


画像のリサイズ(プレミアム限定)

[/s2If]


グラフ(プレミアム限定)

[/s2If]

MOONGIFTはこう見る

Alloy UIを提供するLiferayは古参のWebポータルを開発している。既に10年以上開発されているが、その時々に応じた新しい技術を積極的に取り入れることで、全く色褪せずに開発が続けられている。そのLiferayのUIにおける成果を取り入れたのがAlloy UIと言えるだろう。

その意味ではAlloy UIはまさにノウハウの塊と言えるだろう。様々なニーズの中でもまれてきたウィジェットであれば幅広く対応できるはずだ。ここがちょっと物足りない…と感じるコンポーネントライブラリも多いが、Alloy UIはきっとそのようなことなく使えるだろう。

Alloy UI - A project of Liferay

デモ

[/s2If]

Liferay Portal | Download Liferay Portal software for free at SourceForge.net

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2