マジセミドライブ

ウェビナー関連のニュースやITサービス&ツールの最新情報を随時配信します。

OSS情報

2020.01.01

【OSS情報アーカイブ】Onsen UI

【OSS情報アーカイブ】Onsen UI

※当記事に記載されている情報は、古くなっている場合があります。オフィシャルサイトで最新情報をご確認ください。

「Onsen UI」とは

概要

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」です。このライセンスに従うことを条件として、ソースコードの改変と公開が許可されています。

ダウンロード

ダウンロードページ

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

この記事のタグ一覧

おすすめの記事

【IT用語解説】「 デジタルヒューマン 」とは😊

IT用語解説

2024.01.26

【IT用語解説】「 デジタルヒューマン 」とは😊

【IT用語解説】「 デジタルヒューマン 」として、「デジタルヒューマンとは何か?」「どのようにして作成できるのか?」「私たちの世界にどのような影響を与えているのか?」などについて、まとめています。

【AIツール実験室】チャットAI対抗「添削能力」選手権🏆

AIツール実験室

2023.12.27

【AIツール実験室】チャットAI対抗「添削能力」選手権🏆

各チャットAIの「添削能力」について比較確認をしています。 「ChatGPT4と同等の添削能力を発揮した無料チャットAI」にご注目ください。 また、 ChatGPTカスタマイズ機能「GPTs」を利用して作成した GPTs文章添削機能「添削師匠さん✍️」を紹介しています。 課金勢は試しに使ってみてください。

AIツール関連 記事リストポータル

AIツール

2023.10.05

AIツール関連 記事リストポータル

AI 関連の記事をまとめたポータルページです。