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

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

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

Bluetoothとは短距離の間でデータを交換するための無線通信規格である。固定・モバイル両方のデバイスから、短波の電波送信を行うことで、高いセキュリティをもつパーソナルエリアネットワーク(PAN)を構築する。

Cordova

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

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Onsen UI

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

Monaca

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

Q&A

解決済

1回答

1392閲覧

java scriptの実行方法を教えて下さい。

bugbug

総合スコア20

Bluetooth

Bluetoothとは短距離の間でデータを交換するための無線通信規格である。固定・モバイル両方のデバイスから、短波の電波送信を行うことで、高いセキュリティをもつパーソナルエリアネットワーク(PAN)を構築する。

Cordova

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

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Onsen UI

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

Monaca

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

0グッド

0クリップ

投稿2018/08/12 03:59

編集2018/08/12 08:57

前提・実現したいこと

monacaで、app.jsに書かれたscript処理を実行ボタンクリックで実行させるためのHTML側の記述方法を教えて下さい。

発生している問題・エラーメッセージ

monacaプログラミングの超初心者です。 Webに掲載されていたプログラムを参考にプログラム作りたく、を数日間に渡り、あれこれ調べているのですが、現在の自分の能力には難易度が高く、解決方法が見つかりません。
どなたか、HTML側の記述をどうすれば良いかサンプルをお教え下さい。
宜しくお願いします。

エラーメッセージと云うよりも、素直に能力不足で、スクリプト処理の実行方法が分かりません。 シーケンス的には、スクリプトの処理2が先に動き、処理2の結果により、処理1が動くようにしたいです。 また、簡単には、御説明頂けるのかわからないのですが、 $scope.statusMsg = 'Scan Module'; っと、書かれたAnuglar?全体処理に与える影響は、どのようなものなのでしょうか?

該当のソースコード

app.jsの主内容: var event = typeof cordova === 'undefined' ? 'DOMContentLoaded' : 'deviceready'; console.log("event:" + event ); document.addEventListener(event, onDeviceReady, false); function onDeviceReady() { alert( device.cordova ); } var myApp = ons.bootstrap(); var app; var ua = navigator.userAgent; alert( "ua:" + ua ); ons.ready(function() { }); var reqfuc = { service_uuid: '1810', characteristic_uuid: '2a35', cccd_uuid : '2902' } myApp.controller('AppController', function() { this.pushes = 0; this.pops = 0; monaca.pushPage(); }); myApp.controller('MainMenuController', function( $scope ) { this.world = 'World'; var gPeripheral; // function #1 $scope.onConnect= function(){ // connec処理 } // function #2 $scope.onScan = function(){ $scope.statusMsg = 'Scan Module'; // scan処理 ・ ・ ・ // time out処理 ・ ・ } function doLog( str ) { d_data.innerHTML = d_data.innerHTML + str + '<br />'; } });

試したこと

処理#1も処理#2も、個々には、動くようなのですが、controller実装では、動かし方が分かりません。

その後、邪道なのだと思うのですが、onScan()は、起動時に一度、"Uncaught Error: [$injector:modulerr]と、叱られますが、以下のコードで動かせました。

<ons-page ng-controller="MainMenuController"> <div id="d_data" ng-app="myApp"> <button ng-click="onScan()" >Click</button> </div> </ons-page>

ですが、onScan()で、ターゲットのデバイスを見つけてもonConnect()を動かすイベントは発行されないので、肝心のデータは、まだ読めないままです。
htmlソース側で、onScan()に連続して、onConnect()を呼ぶのか? ソース作者の方に御質問させて頂けば良いのか…っとは思うのですが、どうもお忙しいようで、些細なことでも非常に助かりますので、お教え下さい。

補足情報(FW/ツールのバージョンなど)

ツール:monaca
プラグイン:cordova-plugin-ble-central

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

質問させて頂いた、ソースコードでのBLE通信は出来ませんでしたが、"cordova-plugin-ble-central/examples/heartrate/"のソースコードに参照させて頂いたソースの必要部分を抜き取り、作り変えて、なんとか血圧計とBLE通信できました。

質問させて頂いております内容は、まだ、自分が理解できるレベルのものでないようなので、もっと自己学習を励んでみます。

どうも、大変お騒がせを致しました。

もしも、myApp.controller('MainMenuController', function( $scope ) と云ったjavascriptの実行方法をアドバイス頂けましたら、宜しくお願い申し上げます。

投稿2018/08/12 12:48

bugbug

総合スコア20

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問