概要

Onsen UI(オンセンユーアイ)は、ハイブリッドアプリ/モバイルWebアプリのためのUIフレームワークです。ネイティブアプリのようなパフォーマンスに優れたUIを実現します。

主な特徴

豊富なコンポーネント

タブ、サイドメニュー、ナビゲーション、リスト、フォーム部品など、様々なコンポーネントが用意されています。

ハイパフォーマンス

モバイル端末向けにパフォーマンスチューニングされているため、アニメーションがスムーズに動作します。

OSに合わせてUIを自動切り換え

iOSの場合はフラットデザイン、Androidの場合はマテリアルデザインといったように、実行するデバイスのOSに合わせて自動的にスタイルを切り替える機能が搭載されています。これにより、iOSとAndroidでソースコードを共通化できます。

独自タグを記述するだけでUI構築

HTML5のCustom Elementsによって実装されたタグを記述するだけで、手軽にUIを構築することができます。

JSフレームワーク非依存

Angular、React、Vue、jQueryなど、任意のJavaScriptフレームワークと組み合わせることができます。

モバイルアプリ/Webアプリ対応

Cordovaによるハイブリッドアプリ開発や、モバイル向けのWebアプリ開発に利用できます。

バージョン履歴

v1：フラットデザインのみ対応。AngularJSベースで開発されていたため、開発者はAngularJSの知識が必要でした。

v2：マテリアルデザインに対応。HTML5のCustom Elementsベースにリプレースされ、JSフレームワークへの依存がなくなりました。

開発ツール

Monaca

Cordovaアプリ開発に特化した統合開発環境です。Onsen UIが標準搭載されているため、セットアップ不要ですぐに開発を始められます。

Monaca

同様製品

同様な機能を提供する製品として、次のようなものがあります。

オープンソース製品：「Ionic」など。

ライセンス情報

Onsen UIのライセンスは「Apache License Version 2.0」です。このライセンスに従うことを条件として、ソースコードの改変と公開が許可されています。

ダウンロード

ダウンロードページ

※定期的にメンテナンスを実施しておりますが、一部情報が古い場合がございます。ご了承ください。