著者アーカイブ asaba

著者:asaba

【cordova】cordovaのプラグインで天気予報を取得する方法

コルドバプラグインの中でも比較的メジャーなプラグインの一つであるcordova-plugin-geolocationですが、

このプラグイン使えば使うほど汎用性の高いプラグインだとじわじわ思い知らされます。

例えば、今いる自分の位置情報を取ってきたり、店舗や施設の位置情報を取って更に機能を展開したりと

短いコードですぐ取得できるので初心者にも易しい取説となっております。

これだけでも便利なのですが、オプションを変更するだけで天気予報も取得できることを知って自分の中で

更に評価が上がっております。

これが使えば天気予報を教えてくれたりその天気の情報によって振る舞いを変える機能を作ったりと

多岐に渡る活躍が期待できそうです。

サンプルコードですが、数十行で事足りるのでこれから実装したいと考えている方は参考にしてみてください。

</pre>
// Success callback for get geo coordinates

var onWeatherSuccess = function (position) {

Latitude = position.coords.latitude;
Longitude = position.coords.longitude;

getWeather(Latitude, Longitude);
}

// Get weather by using coordinates

function getWeather(latitude, longitude) {

// Get a free key at http://openweathermap.org/. Replace the "Your_Key_Here" string with that key.
var OpenWeatherAppKey = "Your_Key_Here";

var queryString =
'http://api.openweathermap.org/data/2.5/weather?lat='
+ latitude + '&lon=' + longitude + '&appid=' + OpenWeatherAppKey + '&units=imperial';

$.getJSON(queryString, function (results) {

if (results.weather.length) {

$.getJSON(queryString, function (results) {

if (results.weather.length) {

$('#description').text(results.name);
$('#temp').text(results.main.temp);
$('#wind').text(results.wind.speed);
$('#humidity').text(results.main.humidity);
$('#visibility').text(results.weather[0].main);

var sunriseDate = new Date(results.sys.sunrise);
$('#sunrise').text(sunriseDate.toLocaleTimeString());

var sunsetDate = new Date(results.sys.sunrise);
$('#sunset').text(sunsetDate.toLocaleTimeString());
}

});
}
}).fail(function () {
console.log("error getting location");
});
}

// Error callback

function onWeatherError(error) {
console.log('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
<pre>

著者:asaba

【cordova】cordova-plugin-email-composerで簡単にメールフォームを作成する

cordova-plugin-email-composerは、導入するだけでメールのフォームをそのままアプリに取り入れることができます。

よくあるメールを送ってお問い合わせしてくださいというアレです。アプリでは主に設定画面やパスワードを忘れたときのために

導入されることが多いと思われます。

導入方方法もとても簡単で、以下の通りに通常のプラグインと同じようにサンプルを入れるだけで機能してくれるのでおすすめです。

mailSend(){
  window.cordova.plugins.email.isAvailable(function (hasAccount) {
    if (hasAccount) {
      window.cordova.plugins.email.open({
        to: "username@gmal.com",
        subject: "テストメール",
        body: "こんにちは！",
        isHtml: false
      });
    } else {
      window.ons.notification.alert({
        message: "There is no email client available."
      });
    }
  });

subjectとbodyにapiなどから取得した値を格納した変数を入れることが出来れば使い幅がぐっと上がりそうですね。

著者:asaba

【javascript】es6でreturnで複数の戻り値を返す方法

ecmaScript6では、returnに複数の値を設定・取り出せるようになりました。es6の形式でjavascriptを

書いているにも関わらずすぐ忘れてしまうので備忘録として残します。

function tip() {
const str = "ポプテピック";
const int = 5;
return {str,int};
}

const {str, int} = tip();

思いつきそうで思いつかなかったtipsでした。