3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Onsen UI と Monaca について

Last updated at Posted at 2015-03-23

簡単にモバイルアプリのUI作成ができそうな Onsen UI と Monaca について調べてみました。

■ Onsen UI とは

モバイルアプリ開発に特化した UI フレームワークでナビゲーション機能と UI コンポーネント機能を持っています。

HTML5 で画面遷移や画面上の効果としてのトランジションを含んだ UI を簡単に作成することが出来ます。

onsen_ui_ss.jpg

OnsenUI公式ページ

主な特徴

  • モバイルアプリ作成に必要なUI機能を豊富に提供
     ページ遷移時のアニメーション、ボタン、タブバーなど
  • タグで機能を利用できるため、使い方が簡単
  • アプリ開発プラットフォーム Monaca に標準搭載
  • ドラッグ&ドロップでGUIを配置できるツールも提供される(予定)
     ただ、残念ながらまだ無いみたいです。2015年3月にリリース予定

■ Monaca について

今更語るまでも無いかもしれませんが、クラウドベースのモバイルアプリを開発する為のプラットフォームです。
マルチプラットフォーム対応で、 HTML, JavaScript を使用して iOS, Android 対応のアプリ開発を行うことが出来ます。

主な特徴

  • 無料
  • クラウドIDEが用意されており、ローカルPC上で開発環境を整える必要がない。
  • ローカルPC上で使うための開発環境も用意されている
  • 日本の会社(アシアル株式会社)によって運営されているので、日本語のドキュメントが充実している。
  • Onsen UI が組み込まれているため、Onsen UI を利用した開発がしやすい。

OnsenUI 関連のドキュメント
http://ja.onsen.io/guide/overview.html
http://ja.onsen.io/reference/javascript.html

UIを作るのであれば、 Monaca と Onsen UI を使うことで簡単に作れそうです。

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?