Q&A
ご回答ありがとうございます。
フレームワークやコンポーネントは、便利な反面、問題の切り分けが面倒ですね。
今回は特にOnsenUIがもう少し、簡単に問題なく使用できると思っていました。
OnsenUIの構造を理解して、使ってみたいと思います。
ありがとうございました。
monacaでスマホアプリの開発を始めました。初心者です。
monacaの「設定」から「JS/CSSコンポーネント」の「Onsen UI (Monaca Version)」を設定していないにも関わらず、<ons-***>で定義すると正常に表示されます。
monacaの中には、最初からOnsen UIが組み込まれているのでしょうか？
組み込まれているとしたら、どんなUIが使用可能なのでしょうか？
組み込まれていないとしたら、<ons-***>で定義しても正しく表示されたのでしょうか？
よろしくお願いします。
回答2件
0
ベストアンサー
最初からOnsenUIが利用できてしまう仕様ははっきり言ってちょっとわかり辛いですね。
これは、新規プロジェクトを作成するとwwwフォルダ以下にlibフォルダが存在しているかと思いますが、そこに格納されているコンポーネントを読み込むことで、Monacaで新規作成したプロジェクトではOnsenUIが利用可能になっています。
index.htmlに読み込んでいる箇所があるかと思います。
↓こんな感じ
HTML
1 <script src="lib/angular/angular.min.js"></script> 2 <script src="lib/onsenui/js/onsenui.min.js"></script> 3 <script src="lib/onsenui/js/angular-onsenui.min.js"></script>
ちょっとやり取りが長いのですが、こちらの質問のasial-matagawaさんのコメントでのやり取りを読むとこのあたりの仕様が良く分かります。（が、初心者の方ということであればそこまで深く理解する必要はありません）
最初から利用できるようになっていること自体はあり難いのですが、上記のようにコンポーネントを更新しようとするとちょっと面倒になってしまいますね。
ですので、最初から組み込まれているといえば組み込まれているのですが、削除しようと思えば削除可能です。（libフォルダを削除したりすれば良い）
＞組み込まれているとしたら、どんなUIが使用可能なのでしょうか？
OnsenUIガイドあたりをご覧になれば良いかと思います。
チュートリアルが充実していますので、そちらから慣れていくのが良いかと思います。
OnsenUIの概要等についてはaro10さんが詳しく書かれていますので私からは割愛します。
＞組み込まれていないとしたら、<ons-***>で定義しても正しく表示されたのでしょうか？
組み込まれていない、つまり意図的にOnsenUIを削除した場合は正しく表示されません。
投稿2017/08/30 11:43
編集2017/08/30 11:45
総合スコア1947
0
MonacaはCordovaをベースにしたWebアプリを開発するためにWeb上のIDEの提供やアプリのビルド、素早く開発できるようにスマホでのデバッガー等を提供をしてくれるサービスです。
MonacaはOnsenUIに限らずWebアプリを開発できますが、OnsenUIはネイティブアプリに近いWebアプリを開発できるようにMonaca開発元のアシアル社が中心となって開発が進められているOSSのフレームワークです。
Monaca
OnsenUI Doc
結構使いやすいフレームワークなので、OnsenUIでどういうものが作成できるかは以下のあたりを参考にしてください
Onsen UIをはじめよう
Onsen UIサンプル
※OnsenUIを使わない場合は、<ons-***>と定義しても処理する物がないので動かないです。
最初に触る場合は、フレームワーク等が土台にあると問題が起きた時に原因切り分けが難しくなるので、まずは簡単なサンプルアプリをいくつか作ってみて本格的なアプリを開発する際に利用を検討すると学習の手順としてはやりやすいかと思います。
おみくじ占いアプリ サンプル
サンプルアプリ & テンプレート
「Onsen UI (Monaca Version)」を設定していないにも関わらず動作する点に関しては、WebIDEの新規プロジェクトの作成時に選択内容によって一緒に作成されたのかもしれません
投稿2017/08/30 11:09
編集2017/08/30 11:20
総合スコア4106
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/31 00:02