はじめに
Onsen UIメモ。
概要
Onsen UIはMonacaと同じ会社が作っているCSSフレームワークで、
Monacaでアプリを開発する場合は簡単に利用できる。
もちろんMonacaではないプロジェクトでも利用できる。
公式から概要引用↓
・PhoneGap / Cordovaアプリに最適なJavaScript、CSSフレームワーク
・アプリ開発プラットフォームMonacaに標準搭載
・豊富なUIコンポーネントが提供
・スマホもタブレットも！レスポンシブデザインで同時対応
導入方法
Monacaの新規プロジェクト作成時にOnsen UI最小限のテンプレートを選択すると一番簡単。
その他にもOnsen UIと頭についているテンプレートがいくつかあるのでそれの利用でも可能。
また、Monacaでない場合も利用可能ですが推奨環境はMonaca、Cordova、PhoneGapになっている。
色の変更
Onsen UI CSS Componentで色をカスタマイズしてCSSに書き出しできる。
Monacaプロジェクト/www/components/monaca-onsenui/loader.css
のonsen-css-components-blue-basic-theme.css部分を変えることで読み込むCSSを変更可能。
まとめ
Onsen UI、今日は触るまでの時間が無いのが残念。まだちょっとした画面づくりにしか使ったことないです。