質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

解決済

ons-sliding-menuがある画面でのAndroid実機の戻るボタンを押下時で閉じたいのですができなくて困ってます。

huckepain
huckepain

総合スコア0

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

2回答

0評価

0クリップ

2415閲覧

投稿2017/04/04 12:07

編集2022/01/12 10:58

Onsen UI V2+AngularJS(V1) + cordovaでMonacaで開発しております。
aページからサイドメニューがあるbページへ移動し、bページ上でAndroid実機の戻るボタンをタップした際にアプリを閉じたいのですが、ng-device-backbuttonが効いていないためか閉じれませんでした。(on-device-backbuttonも効きませんでした。)
方法が間違っているのでしょうか。ご教授願います。

html

index\.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src \* data:; style-src \* 'unsafe-inline'; script-src \* 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader\.js"></script> <script src="lib/angular/angular\.min\.js"></script> <script src="components/monaca-jquery/jquery\.js"></script> <script src="lib/onsenui/js/onsenui\.min\.js"></script> <script src="lib/onsenui/js/angular-onsenui\.min\.js"></script> <link rel="stylesheet" href="components/loader\.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui\.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components\.css"> <link rel="stylesheet" href="css/style\.css"> <script> app = ons\.bootstrap\('APP', \['onsen'\]\); ons\.ready\(function\(\) { myNavigator\.pushPage\("a\.html"\); }\); </script> </head> <body> <ons-navigator var="myNavigator"></ons-navigator> </body> </html>

HTML

a\.html <ons-page id="A" ng-controller="termsController"> <ons-toolbar fixed-style="true"> <div class="left"> <ons-back-button ></ons-back-button> </div> </ons-toolbar> <pre>{{terms_message}}</pre> <div class="button"> <ons-button id="next_page">次の画面へ</ons-button> </div> </ons-page>

JavaScript

top_clickBackButton = function\(\) { myNavigator\.app\.exitApp\(\); }; \$\(document\)\.on\('click', '#next_page', function\(\) { myNavigator\.pushPage\("b\.html"\); }\); app\.controller\('topPageController', \['\$scope', '\$timeout', function\(\$scope, \$timeout\) { }\]\); app\.controller\('termsController', \['\$scope', '\$timeout', function\(\$scope, \$timeout\) { }\]\); app\.controller\('sideMenuController', \['\$scope', '\$timeout', function\(\$scope, \$timeout\) { }\]\);

html

b\.html <ons-page ng-device-backbutton="top_clickBackButton\(\)"> <ons-sliding-menu main-page="app/views/top_page_main\.html" close-on-tap menu-page="app/views/side_menu\.html" side="left" max-slide-distance="250px" var="top_page_menu"> </ons-sliding-menu> </ons-page>

html

top_page_main\.html <ons-page id="top_page_main" ng-controller="topPageController" > <ons-toolbar fixed-style="true"> <div class="left"> <ons-toolbar-button onclick="top_page_menu\.toggleMenu\(\)"> <ons-icon icon="fa-bars"></ons-icon> </ons-toolbar-button> </div> </ons-toolbar> </ons-page>

html

side_menu\.html <ons-page id="side_menu" ng-controller="sideMenuController"> <ons-toolbar fixed-style="true"> <div class="center">サイドメニュー</div> </ons-toolbar> </ons-page>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。