Amazon LinuxにNginxをバージョン指定してインストールする

公式サイト(http://nginx.org/en/linux_packages.html#stable)に、repoファイルの書き方がのってる。

ひな形

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/OS/OSRELEASE/$basearch/
gpgcheck=0
enabled=1

OS = centos、OSRELEASE=6とする。

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/6/$basearch/
gpgcheck=0
enabled=1

インストール可能なバージョンを調べる

# yum --showduplicates --disablerepo=amzn-main list nginx
Loaded plugins: priorities, update-motd, upgrade-helper
Installed Packages
nginx.x86_64       1.12.0-1.el6.ngx @nginx
Available Packages
nginx.x86_64       1.8.0-1.el6.ngx    nginx
nginx.x86_64       1.10.0-1.el6.ngx   nginx
nginx.x86_64       1.10.1-1.el6.ngx   nginx
nginx.x86_64       1.10.2-1.el6.ngx   nginx
nginx.x86_64       1.10.3-1.el6.ngx   nginx
nginx.x86_64       1.12.0-1.el6.ngx   nginx

バージョンを指定してインストールする
※ 今回は1.12をインストー

# yum -y install --disablerepo=amzn-main nginx-1.12.0

以上です

【angularjs】serviceで [$injector:unpr] Unknown provider が出た時の対応

半日くらいハマりました。

エラーが出てたコード

angular.module('myApp', []);

angular.module('myApp')
  .service('myService', function() {
    ・・・
  });

angular.module('myApp', ['ngCordova'])
  .service('myService2', function() {
    ・・・
  });

修正後のコード

angular.module('myApp', ['ngCordova']);

angular.module('myApp')
  .service('myService', function() {
    ・・・
  });

angular.module('myApp')
  .service('myService2', function() {
    ・・・
  });

以上です。

ionic(cordova)にて screen-orientationプラグイン を使って画面ごとに回転時の表示を切り替える

はじめに

今回やりたかったことは
端末を回転したときに画面Aでは縦固定、画面Bでは縦横どちらにも対応みたいなこと。

プロジェクトを作成

$ ionic start sample tabs

今回は複数画面必要だったのでtabsを使った。

プラグインをインストー

$ ionic plugin add https://github.com/apache/cordova-plugin-screen-orientation.git

config.xmlを編集

<platform name="ios">                                                                                                                                                                                              
  <preference name="Orientation" value="all" />                                                                                                                                                                    
</platform>

デフォルトではiPhoneで縦固定なようなので縦横対応する形に修正。

実装

app.js

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

      ・・・

    // ★ここを追加 基本的には縦固定
    screen.orientation.lock('portrait');
  }
})
.config(function($stateProvider, $urlRouterProvider) {

  ・・・

    .state('tab', {
    url: '/tab',
    abstract: true,
    controller: 'TabCtrl', // ★ここを追加
    templateUrl: 'templates/tabs.html'
  })

  ・・・

controller.js

angular.module('starter.controllers', [])

  .controller('TabCtrl', function($scope, $rootScope) {
    $rootScope.$on("$stateChangeStart", function(event, toState) {

      // 縦横両対応にしたい画面ではロックを解除
      if (toState.name == "tab.chat-detail") {
        screen.orientation.unlock();
      } else {
        screen.orientation.lock('portrait');
      }
    });
  })

とりあえずこれでやりたいことはできた。以上です。

phpで時刻が9時間ずれてたらタイムゾーンを設定した方がよい

なにをいまさらな内容。というか愚痴。
サーバーの設定とかいじれない環境での話。

こんなコードがあちこちにあった。

$date = date("Y-m-d", strtotime("9 hour"));

どっかで1行セットしておいてください。

date_default_timezone_set("Asia/Tokyo");
$date = date("Y-m-d");

以上です

【ionic】ion-side-menusを常に表示する

ionicの仕様?なのかナビゲーションの2階層目以降では消えてしまうようなのだが今回は全画面で表示したかった。よくわからなかったのでcssで無理やり実装。以下を追記したらいけました。

.bar .buttons .hide {
  display: block !important;
}

以上です

ionic(cordova)でsqliteを使う - ngCordova

はじめに

今回やりたかったのはsqliteを使う際に共通の処理とかはどこかにまとめておきたかった。接続とSELECT、INSERT、UPDATE、DELETEあたりをまとめられればよいかなという方針で。次回簡単に使えるようにメモしておく。

インストー

$ bower install ngCordova

index.htmlで読み込む

・・・
<script src="lib/ngCordova/dist/ng-cordova.js"></script>                                                                                                                                                           
・・・

実装

services/db.js

angular.module('myApp')
  .factory("dbService", ['$cordovaSQLite', '$q', function($cordovaSQLite, $q) {

    var dbService = {};
    var db = null;
    var query = null;

    dbService.initialize = function() {
      if (window.cordova) {
	db = $cordovaSQLite.openDB({name: 'example.db', location: 'default'});
      } else {
        db = window.openDatabase('example.db', '1.0', '', -1);
      }

      // データベースの初期化
      query = "create table if not exists example (id integer primary key, name text)";
      $cordovaSQLite.execute(db, query);
    };

    /**
     * 1件取得
     * @param string query
     * @param object params
     */
    dbService.get = function(query, params) {
      var deffered = $q.defer();
      $cordovaSQLite.execute(db, query, params)
        .then(function(result) {
          if (0 < result.rows.length){
            deffered.resolve(result.rows.item(0));
          } else {
            deffered.resolve(null);
          }
        }, function(err) {
          deffered.reject(err);
        });
      return deffered.promise;
    };

    /**
     * 全件取得
     * @param string query
     * @param object params
     */
    dbService.getAll = function(query, params) {
      var deffered = $q.defer();
      $cordovaSQLite.execute(db, query, params)
        .then(function(result) {
          var result2 = [];
          for (var i = 0; i < result.rows.length; i++) {
            result2.push(result.rows.item(i));
          }
          deffered.resolve(result2);
        }, function(err) {
          deffered.reject(err);
        });
      return deffered.promise;
    };

    /**
     * 登録
     * @param string table
     * @param object data
     */
    dbService.insert = function(table, data) {
      var deffered = $q.defer(),
          params = [],
          fields = "",
          values = "";

      Object.keys(data).forEach(function(key) {
        fields += key + ",";
        values += "?,";
        params.push(data[key]);
      });

      query = "insert into " + table + " (";
      query += fields.substr(0, fields.length - 1) + ") values (";
      query += values.substr(0, values.length - 1) + ")";

      $cordovaSQLite.execute(db, query, params)
        .then(function(result) {
          deffered.resolve(result.insertId);
        }, function(err) {
          deffered.reject(err);
        });
      return deffered.promise;
    };

    /**
     * 更新
     * @param string query
     * @param object params
     */
    dbService.update = function(query, params) {
      var deffered = $q.defer();
      $cordovaSQLite.execute(db, query, params)
        .then(function(result) {
          deffered.resolve(result.rowsAffected);
        }, function(err) {
          deffered.reject(err);
        });
      return deffered.promise;
    };

    /**
     * 削除
     * @param string table
     * @param int id
     */
    dbService.delete = function(table, id) {
      var deffered = $q.defer();
      query = "delete from " + table + " where id = ?";
      $cordovaSQLite.execute(db, query, [id])
        .then(function(result) {
          deffered.resolve(result.rowsAffected);
        }, function(err) {
          deffered.reject(err);
        });
      return deffered.promise;
    };

    return dbService;

  }]);

呼び出し側 今回はコントローラから直接呼ぶ

angular.module('myApp')
  .controller("SampleCtrl", function($scope, dbService) {

    // データベース初期化                                                                                                                                                                                
    dbService.initialize();

    // SELECT
    var sql = "select * from example where id = ?";
    var params = [1];
    dbService.get(sql, params)
      .then(function(result) {
        // result -> 結果
      });

    // INSERT
    dbService.insert("example", {
      name: "hoge"
    })
      .then(function(result) {
        // result -> 結果
      });

    // UPDATE
    var sql = "update example set name = ? where id = ?";
    var params = ["fuga", 2];
    dbService.update(sql, params)
      .then(function(result) {
        // result -> 結果
      });

    // DELETE
    dbService.delete("example", 2)
      .then(function(result) {
        // result -> 結果
      });

  });

おわりに

コントローラに直接書かずにテーブルごとにserviceを用意する方がよいかも。以上です。

ionic(cordova)にてngStorageでlocalstorageを使う

bowerでインストー

$ bower install ngstorage --save

index.htmlで読み込む

・・・
<script src="lib/ngstorage/ngStorage.min.js"></script>
・・・

今回はserviceで使った。

angular.module('myApp', ['ngStorage'])
  .service('myService', function($localStorage) {

    this.getByStorage = function() {
       return $localStorage.myKey;
    };

    this.setByStorage = function(value) {
      $localStorage.myKey = value
    };

  });

メリットはもっとありそうだけど、とりあえず簡単に使えた。以上です。