質問: ### 前提・実現したいこと Monacaでハイブリッドアプリの開発をしていて、WebVRに興味がありA-frameを使用してVRを勉強しているのですが、OnsenUIのpageの中にA-Frameの動作を入れ込み、普通のページとVRの画面を切り替える方法が分かりません。 ### 試したこと main.htmlからng-clickでpage2.htmlへ飛び、page2.htmlの中にA-Frameのソースを記述してみましたが何も表示されませんでした。 ng-clickでのpage2.htmlの指定方法が間違えているのかと思いましたが、page2にons-toolbarを記述したら表示されたので、page2.htmlへと表示は変わっています。 ### 補足情報(言語/FW/ツール等のバージョンなど) Monacaに触り始めてまだ日が浅く、プログラミングの知識が少ないのでよく分からないのですが、OnsenUIとA-frameの併用が不可能なのかもしれません。良ければ教えていただけると嬉しいです。
回答: <2017/3/6追記> 申し訳ございません。私の理解不足で、以下のような情報もありますので可能なのかもしれません。 http://qiita.com/mk2/items/31e450143e25e880d4d7 Monacaデバッガー等で動作させてみて、エラー等が表示されていないかは確認されましたでしょうか。未実施であれば、一度確認してみて下さい。 <追記ここまで> 結論から言うと恐らく併用は不可と思われます。代わりにこういうプラグインがあるようですので、こちらであれば利用できるかもしれません。 MonacaはCordovaというモバイルアプリ開発フレームワークを前提に作られており、Cordovaとは簡単に言えばHTMLで画面、JavaScriptで処理というWeb開発と同様の言語でコーディングをすれば、それらをAndroid、iPhoneなどで動作するようなコーディングとして変換し、自動的にアプリケーションをビルドしてくれるというものです。 これが非常に素晴らしい考え方なので、最近は色々と話題ですね。 ただしここでポイントになるのは、Cordovaを用いた開発はあくまでWeb開発と同様の言語でコーディングをしたものをCordovaが色々なアプリケーションに変換してくれているだけであり、通常のWeb開発とは別物であるということです。 OnsenUIはMonaca(の提供元のアシアル株式会社)が提供するHTMLの拡張です。特にデザインに心得がなくても綺麗なデザインのアプリができるようになっています。 OnsenUIはHTMLの拡張ですが、既に利用されていると思われるAngularJSはGoogleが提供するJavaScriptの拡張です。 同様に、Cordovaはオープンソースですので、様々な拡張プラグインが様々な開発元から提供されています。例えばカレンダー表示をしたり、ソフトウェアキーボードの各種イベントを取得するなど。 ここで話は戻りますが、ざっとA-Frameを調べてみたところこれはWeb開発のフレームワークのようで、ブラウザでの動作を前提としているように見受けられます。前述の通りWeb開発とCordova開発は異なりますので、恐らくこれはCordova開発では利用できないかと思います。 最初に紹介したcordova-vr-playerは全く詳細を確認していませんがCordovaでのVRのプラグインのようですので、もしかするとこちらであればCordova開発で利用できるかもしれません。