編集履歴

質問編集履歴

コード内容を変更しました

2016/10/25 14:46

投稿

hide09090909

スコア68

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -114,161 +114,65 @@
-↓プラグイン呼び出しのJS
-```ここに言語を入力
-var app = {
-  // コンストラクタ
-  //initializeは初期化
-  initialize: function() {
-    //alert("tesuto2");
-    this.bindEvents();
-    //  alert("tesuto3");
-  },
-  // 'deviceready'はCordovaを全て読み込んでから
-  //bindEventsは起動時に必要となる全てのイベントをバインド（関連付け）する
-  //addEventListenerは第一引数にイベント名、第二引数にイベントリスナ（呼び出す関数）、第三引数に真偽値を入れつ。
-     //第一引数にonはつけない
-  bindEvents: function() {
-    document.addEventListener('deviceready', this.onDeviceReady, false);
-    //alert("tesuto4");
-  },
-  // deviceready Event Handler
-  //
-  onDeviceReady: function() {
-  setTimeout(function (){cordova.exec(function() {
-    console.log('プラグイン呼び出しに成功しました');
-  }, function() {
-    console.log('プラグイン呼び出しに失敗しました');
-    //'プラグイン名'、'実行したいメソッド名'[引数の配列]
-  }, 'Hello', 'makeText', []);},2000);
-},
-    //alert("tesuto5");
-    //app.receivedEvent('deviceready');
-    //alert("tesuto6");
-    /*  //カメラへのオプション
-    var options = {
-      quality: 50,
-      destinationType: navigator.camera.DestinationType.FILE_URI
-    };
-//第一引数に成功時の処理、第二引数に失敗時の処理、第三引数にオプション
-//functionを使用する意味
-    setTimeout(function (){navigator.camera.getPicture(function(imageData) {
-      alert(imageData);
-    }, function() {
-      alert('fail');
-    }, options);},2000);
-    //カメラを起動する。
-    //  navigator.camera.getPicture(function(imageData) {
-    //    alert(imageData);
-    //  }, function() {
-    //    alert('fail');
-    //  }, options);
-    //setTimeoutは第一引数に呼び出したい関数、第二引数に待機時間を設定する。2000＝2秒
-    //setTimeoutのTは大文字でなければ実行されない。
-    //setTimeout(navigator.camera.getPicture(), 2000);
-*/
-  // Update DOM on a Received Event
-  receivedEvent: function(id) {
-    //document.getElementById(id);は指定の引数を持つ要素を返す。
-    var parentElement = document.getElementById(id);
-    //セレクタにマッチする文章中の最初の要素を返す。
-    //セレクタとはスタイルを適用する対象のこと、CSS
-    var listeningElement = parentElement.querySelector('.listening');
-    var receivedElement = parentElement.querySelector('.received');
-    //指定の要素に新しい属性を追加もしくは指定の要素に存在する値を変更する。
-    //第一引数に属性名、第二引数に変更したい値を入れる。
-    listeningElement.setAttribute('style', 'display:none;');
-    receivedElement.setAttribute('style', 'display:block;');      //console.logはコンソールにメッセージを出力させる関数。
-    console.log('Received Event: ' + id);
+↓index.js
+```ここに言語を入力
+document.addEventListener("deviceready", function() {
+  var success = function(message) {
+    alert(message);
+  };
+  var failure = function() {
+    alert("Plugin error...");
+  };
+  // [js-moduleのname].[helloworld.jsで指定した名前]
+  hello.sayHello("SAMPLE NAME", success, failure);
+});
+```
+↓helloworld.js
+```ここに言語を入力
+module.exports = {
+  sayHello: function(name, successCallback, errorCallback) {
+    // 第1引数: 成功時に呼び出す関数
+    // 第2引数: エラー時に呼び出す関数
+    // 第3引数: プラグインの名前（plugin.xmlのfeatureのnameに設定したもの）
+    // 第4引数: HelloWorld.javaの第1引数に渡る名前
+    // 第5引数: HelloWorld.javaの第2引数に渡る値
+    cordova.exec(successCallback, errorCallback, "helloworld", "sayHello", [name]);
   }
 };
-app.initialize();
 ```
@@ -278,60 +182,52 @@
 ```ここに言語を入力
+// featureのparamのvalueで指定したやつ
-package plugin.hello;
+package plugin.helloworld;
-package com.mse.plugin;
-import android.os.Bundle;
 import org.apache.cordova.*;
-import org.apache.cordova.CallbackContext;
-import org.apache.cordova.CordovaPlugin;
 import org.json.JSONArray;
 import org.json.JSONException;
-import android.app.AlertDialog;
-public class Hello extends CordovaPlugin{
+public class HelloWorld extends CordovaPlugin {
-{
     @Override
-    //callbackContext引数はJavaScript側に値を返したりプラグインの結果やエラーを通知したりするためのメソッドを持つオブジェクト
-    //executeはjavascriptから呼ばれるメソッド
-    public boolean execute(String action, JSONArray args,
-     CallbackContext callbackContext) throws JSONException{
+    public boolean execute(String action, JSONArray data, CallbackContext callbackContext) throws JSONException {
+        if (action.equals("sayHello")) {
+            String name = data.getString(0);
+            String message = "Hello, World !!! " + "Hello, " + name;
+            callbackContext.success(message);
-return true;
+            return true;
-      //表示時間を短くしたい場合はLONG部分をSHORTに変更
+        } else {
-        Toast.makeText(this."Hello", Toast.LENGTH_LONG).show();
+            return false;
-      }
+        }
     }
 }
 ```
@@ -342,88 +238,84 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one
-  or more contributor license agreements.  See the NOTICE file
-  distributed with this work for additional information
-  regarding copyright ownership.  The ASF licenses this file
-  to you under the Apache License, Version 2.0 (the
-  "License"); you may not use this file except in compliance
-  with the License.  You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-  Unless required by applicable law or agreed to in writing,
-  software distributed under the License is distributed on an
-  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-  KIND, either express or implied.  See the License for the
-  specific language governing permissions and limitations
-  under the License.
--->
-<plugin xmlns="http://cordova.apache.org/ns/plugins/1.0" id="cordova-plugin-Hello" version="1.0.0">
-  <!-->プラグイン名<-->
-    <name>cordova-plugin-Hello</name>
-    <!-->プラグインの説明<-->
-      <description>Toast plugin</description>
-      <!-->キーワード<-->
-      <keywords>Hello</keywords>
-      <license></license>
-      <!-- android用の設定 -->
-      <platform name="android">
-        <!-->config.xmlに以下の情報が追加される<-->
-        <config-file target="res/xml/config.xml" parent="/*">
-          <feature name="Hello">
-            <param name="android-package" value="plugin.hello.Hello"/>
-          </feature>
-        </config-file>
-        <!-->javaソースファイル<-->
-        <source-file src="src/android/Hello.java" target-dir="src/plugin/Hello"/>
-      </platform>
-    </plugin>
-```
+<!-- id: プラグインの識別子、version: プラグインのバージョン -->
+<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  id="cordova-plugin-helloworld"
+  version="1.0.0">
+  <!-- プラグイン名 -->
+  <name>HelloWorld</name>
+  <!-- プラグインの説明 -->
+  <description>This is a first plugin !!</description>
+  <!-- 作者 -->
+  <author>cigalecigales</author>
+  <!-- キーワード -->
+  <keywords>hello, world</keywords>
+  <!-- ライセンス -->
+  <license>Sample License</license>
+  <!-- プラグインがサポートするCordovaのバージョン -->
+  <engines>
+    <engine name="cordova-android" version=">5.0.0"/>
+  </engines>
+  <!-- JSの場所指定。name: モジュール名 -->
+  <js-module src="www/helloworld.js" name="hello">
+    <clobbers target="hello"/>
+  </js-module>
+  <!-- Android用の設定 -->
+  <platform name="android">
+    <!-- Androidのconfig.xmlはここ→project/platform/android/res/xml/config.xmlにあるのでそこに反映するように -->
+    <config-file target="res/xml/config.xml" parent="/*">
+      <!-- Cordovaはfeatureタグをみて、どのプラグインが有効か見る。以下の情報が上記のファイルに追加される。 -->
+      <feature name="helloworld">
+        <param name="android-package" value="plugin.helloworld.HelloWorld"/>
+      </feature>
+    </config-file>
+    <!-- Javaのソースファイル。 target-dir: ファイルがコンパイルされるべき場所 -->
+    <!-- 以下だとproject/platform/android/src/plugin/helloworld/以下になる -->
+    <source-file src="src/android/HelloWorld.java" target-dir="src/plugin/helloworld/"/>
+  </platform>
+</plugin>
+```

コードの記載　

2016/10/25 14:46

投稿

hide09090909

スコア68

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -9,3 +9,421 @@
 自分が気付いた問題点として、自作したプラグインの中にPlugin.xmlがないということです。
 ネットではエクリプスを使ったやり方ばかりで、どなたかテキストエディタで自作のプラグインの作成、使い方がわかる方教えてください。
+よろしくお願いいたします
+↓アイコン表示
+編集------
+アプリの流れはアイコンが表示され、タップするとロゴ画像が表示される、２秒経過すると自動で自作のToastが表示されるプラグインが起動するというものです。
+```ここに言語を入力
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
+  <title> LIVE </title>
+  <script>
+  function imgClick() {
+    //指定したURLやファイルに遷移させる。
+    window.location.href="logo.html";
+  }
+  </script>
+<!--クリックすると、imaClick関数の呼び出し-->
+<a href="javascript:void(0)" onclick="imgClick();">
+<img src="img/Icon.png" width="100" height="100" /></a>
+<!--cordova.jsの読み込み-->
+<!--divは囲んだ範囲を１つのかたまりとして、align属性で位置を指定したりできる。-->
+</head>
+</html>
+コード
+```
+↓ロゴ画面表示
+```ここに言語を入力
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
+  <title> LIVE </title>
+  <body>
+    <img src="img/Icon.png" width="350" height="600" ; />
+    <script type="text/javascript" src="cordova.js"></script>
+    <script type="text/javascript" src="js/index.js"></script>
+  </body>
+</head>
+</html>
+```
+↓プラグイン呼び出しのJS
+```ここに言語を入力
+var app = {
+  // コンストラクタ
+  //initializeは初期化
+  initialize: function() {
+    //alert("tesuto2");
+    this.bindEvents();
+    //  alert("tesuto3");
+  },
+  // 'deviceready'はCordovaを全て読み込んでから
+  //bindEventsは起動時に必要となる全てのイベントをバインド（関連付け）する
+  //addEventListenerは第一引数にイベント名、第二引数にイベントリスナ（呼び出す関数）、第三引数に真偽値を入れつ。
+     //第一引数にonはつけない
+  bindEvents: function() {
+    document.addEventListener('deviceready', this.onDeviceReady, false);
+    //alert("tesuto4");
+  },
+  // deviceready Event Handler
+  //
+  onDeviceReady: function() {
+  setTimeout(function (){cordova.exec(function() {
+    console.log('プラグイン呼び出しに成功しました');
+  }, function() {
+    console.log('プラグイン呼び出しに失敗しました');
+    //'プラグイン名'、'実行したいメソッド名'[引数の配列]
+  }, 'Hello', 'makeText', []);},2000);
+},
+    //alert("tesuto5");
+    //app.receivedEvent('deviceready');
+    //alert("tesuto6");
+    /*  //カメラへのオプション
+    var options = {
+      quality: 50,
+      destinationType: navigator.camera.DestinationType.FILE_URI
+    };
+//第一引数に成功時の処理、第二引数に失敗時の処理、第三引数にオプション
+//functionを使用する意味
+    setTimeout(function (){navigator.camera.getPicture(function(imageData) {
+      alert(imageData);
+    }, function() {
+      alert('fail');
+    }, options);},2000);
+    //カメラを起動する。
+    //  navigator.camera.getPicture(function(imageData) {
+    //    alert(imageData);
+    //  }, function() {
+    //    alert('fail');
+    //  }, options);
+    //setTimeoutは第一引数に呼び出したい関数、第二引数に待機時間を設定する。2000＝2秒
+    //setTimeoutのTは大文字でなければ実行されない。
+    //setTimeout(navigator.camera.getPicture(), 2000);
+*/
+  // Update DOM on a Received Event
+  receivedEvent: function(id) {
+    //document.getElementById(id);は指定の引数を持つ要素を返す。
+    var parentElement = document.getElementById(id);
+    //セレクタにマッチする文章中の最初の要素を返す。
+    //セレクタとはスタイルを適用する対象のこと、CSS
+    var listeningElement = parentElement.querySelector('.listening');
+    var receivedElement = parentElement.querySelector('.received');
+    //指定の要素に新しい属性を追加もしくは指定の要素に存在する値を変更する。
+    //第一引数に属性名、第二引数に変更したい値を入れる。
+    listeningElement.setAttribute('style', 'display:none;');
+    receivedElement.setAttribute('style', 'display:block;');      //console.logはコンソールにメッセージを出力させる関数。
+    console.log('Received Event: ' + id);
+  }
+};
+app.initialize();
+```
+↓プラグイン
+```ここに言語を入力
+package plugin.hello;
+package com.mse.plugin;
+import android.os.Bundle;
+import org.apache.cordova.*;
+import org.apache.cordova.CallbackContext;
+import org.apache.cordova.CordovaPlugin;
+import org.json.JSONArray;
+import org.json.JSONException;
+import android.app.AlertDialog;
+public class Hello extends CordovaPlugin{
+{
+    @Override
+    //callbackContext引数はJavaScript側に値を返したりプラグインの結果やエラーを通知したりするためのメソッドを持つオブジェクト
+    //executeはjavascriptから呼ばれるメソッド
+    public boolean execute(String action, JSONArray args,
+     CallbackContext callbackContext) throws JSONException{
+return true;
+      //表示時間を短くしたい場合はLONG部分をSHORTに変更
+        Toast.makeText(this."Hello", Toast.LENGTH_LONG).show();
+      }
+    }
+}
+```
+↓plugin.xml
+```ここに言語を入力
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one
+  or more contributor license agreements.  See the NOTICE file
+  distributed with this work for additional information
+  regarding copyright ownership.  The ASF licenses this file
+  to you under the Apache License, Version 2.0 (the
+  "License"); you may not use this file except in compliance
+  with the License.  You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+  Unless required by applicable law or agreed to in writing,
+  software distributed under the License is distributed on an
+  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+  KIND, either express or implied.  See the License for the
+  specific language governing permissions and limitations
+  under the License.
+-->
+<plugin xmlns="http://cordova.apache.org/ns/plugins/1.0" id="cordova-plugin-Hello" version="1.0.0">
+  <!-->プラグイン名<-->
+    <name>cordova-plugin-Hello</name>
+    <!-->プラグインの説明<-->
+      <description>Toast plugin</description>
+      <!-->キーワード<-->
+      <keywords>Hello</keywords>
+      <license></license>
+      <!-- android用の設定 -->
+      <platform name="android">
+        <!-->config.xmlに以下の情報が追加される<-->
+        <config-file target="res/xml/config.xml" parent="/*">
+          <feature name="Hello">
+            <param name="android-package" value="plugin.hello.Hello"/>
+          </feature>
+        </config-file>
+        <!-->javaソースファイル<-->
+        <source-file src="src/android/Hello.java" target-dir="src/plugin/Hello"/>
+      </platform>
+    </plugin>
+```