マジセミドライブ

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

ダウンロード

ダウンロードページ

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

この記事のタグ一覧

おすすめの記事

【デジタル寺田の3分用語解説】 「 心理的安全性 」が無い職場とは?🤐

デジタル寺田の3分用語解説

2025.03.17

【デジタル寺田の3分用語解説】 「 心理的安全性 」が無い職場とは?🤐

「 心理的安全性 」が低い職場とはどのような環境なのか、具体的な特徴を解説します。「質問しづらい雰囲気」「失敗を報告できない隠蔽体質」「発言をためらう風土」など、心理的安全性の欠如がもたらす影響を詳しく紹介し、安全な職場づくりの重要性も解説します。

【デジタル寺田の3分用語解説】 「 AIエージェント 」は、人間の管理職の代わりになるか?🤖

デジタル寺田の3分用語解説

2025.03.11

【デジタル寺田の3分用語解説】 「 AIエージェント 」は、人間の管理職の代わりになるか?🤖

「 AIエージェント 」は営業マネージャーの業務をどこまで代行できるのか?「データ分析」「フィードバック」「自動日程調整」の可能性を探り、未来の管理職のあり方を考察します。AIが進化する中で、人間の役割はどう変わるのか詳しく解説します。

【デジタル寺田の3分用語解説】 「 ウェルビーイング 」とは?😊

デジタル寺田の3分用語解説

2025.03.10

【デジタル寺田の3分用語解説】 「 ウェルビーイング 」とは?😊

「 ウェルビーイング 」とは、身体的・精神的な健康だけでなく、社会的・経済的にも満たされた状態を指します。企業にとっては、健康経営の推進により生産性向上や離職率低下などのメリットがあります。本記事では、ウェルビーイングが注目される背景や企業の具体的な取り組みについて詳しく解説します。