マジセミドライブ

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

ダウンロード

ダウンロードページ

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

この記事のタグ一覧

おすすめの記事

【ChatGPT探訪】「 無限議論 」〜最強スタンド考察〜🤔

ChatGPT探訪

2024.05.07

【ChatGPT探訪】「 無限議論 」〜最強スタンド考察〜🤔

マジセミSNSに投稿した 【担当者A】の「 無限議論 」〜最強スタンド考察〜💬 を記事化したものです。 ChatGPTに課金していないみなさんにも、 AI同士の議論をお楽しみいただけます👍 ※原稿テキストを放り込むだけで、 ジョジョ風イラストを作成してしまう生成AIがすごくないですか?

【トレンド解説】米国における「 生成AI活用 」最新動向📈

トレンド解説

2024.05.07

【トレンド解説】米国における「 生成AI活用 」最新動向📈

「米国における 生成AI活用 最新動向」について解説しています。生成AIは日本企業にも多くの可能性をもたらし、「デスクワークの効率化」や「業務の自動化推進」に貢献しています。生成AIを理解し、活用することが、グローバルな競争力を高める鍵となります。

経営活動に活用できる 原価管理 を実現するには? 〜製造業の現実的な課題に向き合い、現場視点から改善する原価管理手法の必達プロセスをご紹介〜

ウェビナーまとめ

2024.05.15

経営活動に活用できる 原価管理 を実現するには? 〜製造業の現実的な課題に向き合い、現場視点から改善する原価管理手法の必達プロセスをご紹介〜

2024年3月12日に三菱電機ITソリューションズ株式会社とアットストリームパートナーズ合同会社の共催で、組立加工製造業向けのセミナー「なぜか高くなる原価を管理する 不確実性の時代を乗り切るためのコスト戦略とは」が開催されました。本セミナーでは、製造業における原価管理の現状と改善手法について深く掘り下げ、経営活動への具体的な活用方法を提示しました。今回は、その講演の要点をお伝えします。