For Want Of A Better Word

OnsenUI ①

      2015/04/19

【ホームの超訳】http://www.onsenui.io/

Onsen UI

Onsen UIはモバイルアプリのフロントエンドを構築するフレームワークです。

新しく、洗練されたハイブリッドアプリ

OnsenUIはPhoneGap/Cordovaアプリに最適化されたフロントエンドの開発ツールです。
既存のフレームワークと異なるのは、全てのプラットフォームで、フレキシブルでネイティブアプリのような見た目、感覚のアプリを提供する点です。
Monacaと合わせて使うと、素晴らしいアプリの結果、バックエンドの仕組みと各デバイスへのサポートをシンプルに扱えます。(??)

カスタマイズの容易さ

OnsenUIの力強い特徴として、カスタマイズの容易さがあげられます。
提供されているテーマの他に、自分自身でテーマの作成もできます。
HTMLとCSSを修正することにより、テーマの各コンポーネントもカスタムすることが可能です。

使いやすさ

単純に数行のコードを追加するだけで、あなたのアプリケーションにUIコンポーネントを追加できます。
―ナビゲーションバーやタブバーボタンなど等。
Angular.js directivesをOnsenUIが使うことにより、独自のコンポーネントを柔軟に作成できます。

美しく滑らか

Topcoat CSS フレームワークとCSSアニメーションを利用することでOnsenUIはPhoneGAPアプリにネイティブのような見た目、操作感を与えます。
過去のハイブリッドアプリと違い、OnsenUIはハイブリッド開発のためにユーザーエクスペリエンスを犠牲にしません。

GUIツールがもうすぐ公開されます。

ドラッグ&ドロップをサポートしたGUIツールはフロントエンド開発の全てを、劇的に簡単にできます。
現在開発中で、3月には公開予定です。

OnsenUIチュートリアル

http://onsenui.io/getting_started/

※ とりあえずCentOSサーバーで動かした。
Nodejsのインストールが必要なよう。下記を参考にyumでインストール。
http://qiita.com/you21979@github/items/4efd9fc4363573191b5c

※サーバーサイドでWEBサーバーを起動する「web-server.js」スクリプトを実行する場所が、
ドキュメントルートになるようなので、ちゃんとscript/の上で実行するように注意。
web-server.jsの権限は755に変更。
できればApacheで稼働させたい。ここは要調査か。(参考:http://o.inchiki.jp/obbr/50)

MonacaでのOnsenUIの有効化

http://docs.monaca.mobi/ja/onsenui/

OnsenUIのドキュメント

http://www.onsenui.io/docs/

 - 未分類

  関連記事

no image
【iOS7+Xcode5】メモ帳アプリのDB保存改修①

メモ帳で保存するとして、DAO操作ポイントは… ■テーブル項目 id …

no image
いまさらながらSQL難しい(多対多)

多対多のオブジェクトがある場合のテーブル構造とSQLの作り方。 http://c …

no image
[その他][用語]ソフト- プログラム – アプリの違い

ソフトウェアとはコンピュータを動作させる手順・命令をコンピュータが理解できる形式 …

no image
【途中】【備忘】WordPressがルートで無い場合のsitemap.xmlの作り方

①sitemap.xml生成用のスクリプトをcronで定期実行 【実験①】 【参 …

no image
今更だけどWindowsXPにPowerToys

http://www.forest.impress.co.jp/article/ …