カベルネ・ソーヴィニヨンを飲んでみました。
2014年9月21日日曜日
2014年9月19日金曜日
SIMフリーのiPhone6が来たのでauのSIMをいれてみた
SIMフリーのiPhone6をアップルのオンラインストアで注文していたのですが、発売日の今日に無事届きました。
早速iPhone5sと大きさの比較。
やっぱり4.7インチだと大きいですね。
iPhone5sをiOS8にアップしてよかったこと
iOS8がインストールできるようになったので、早速iPhone5sをアップデートしてみました。
まずはiTunesでバックアップしてから更新したのですが、更新中にiTunesにエラーメッセージが。。
しばらく待ってみましたが、止まったままなのでケーブルを抜くとリカバリーモードに。
しょうがないのでリカバリーして、バックアップから復元しました。
さらにアプリの同期中にiTunes(Windows版)が落ちるので、Macから同期したり、さんざんな目にあいました。。。
それで本題ですが、iOS8のいいところです。
2014年9月11日木曜日
AngularJSでAjaxデータを追加表示する
昨日に引き続き、AngularJSの勉強。
昨日はAjaxで取得したデータをリスト表示するところまででした。
このタイプでよくあるのはさらに表示とかで続きのデータを表示させることですよね。
ng-repeatで表示させているのでどうしたものかと考えましたが、単に配列にデータするだけであっさり表示されました。
昨日はAjaxで取得したデータをリスト表示するところまででした。
このタイプでよくあるのはさらに表示とかで続きのデータを表示させることですよね。
ng-repeatで表示させているのでどうしたものかと考えましたが、単に配列にデータするだけであっさり表示されました。
<!doctype html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.min.js"></script>
<script>
var myApp = angular.module("myApp", []);
myApp.controller("testCtrl", function($scope, $http) {
$http.get('data.json').success(function(data, status){
$scope.thread = data;
});
$scope.addData = function() {
$http.get('data.json').success(function(data, status){
$scope.thread.mydata = $scope.thread.mydata.concat(data.mydata);
});
}
});
</script>
</head>
<body ng-controller="testCtrl">
<div>
<h1>{{thread.mytest}}</h1>
<ul>
<li ng-repeat="e in thread.mydata"><a href="{{e.url}}">{{e.title}}</a></li>
</ul>
<button ng-click="addData()" type="submit">さらに表示</button>
</div>
</body>
</html>
先に取得していた配列にconcatで配列を追加しています。
テストなのでデータは同じデータですが。
たったこれだけで表示までされてしまいます。
すごく楽なので、学習のモチベーションも上がります。
あと、クリック時はこのように書くんですね。慣れたら問題なく使えそうです。
あと、通常のWebであればクロスドメインを考慮してサーバー側もいろいろやらないといけない感じなんですが、Cordovaアプリからは特に問題なく取得できます。
上の例でdata.jsonを他のサーバーのURLに変えてもアプリからは問題なく取得できていました。
Cordova側でホワイトリストの設定はしていないと通信できないかもしれませんが、デフォルトで全てOKとなっているみたいなので特に設定しなくても大丈夫でした。
ちょっとしたサンプルを作成するにもいろいろ調べないといけないので最初はなかなか進まないのですが、しばらくは辛抱して勉強していきたいと思います。
CakePHPでも思ったのですが、MVCは慣れて書き方がわかってくると開発効率がものすごくいいです。フレームワークの流儀に合わすことに抵抗がなければかなりすんなりいくと思います。
逆に、自分流でないと嫌！みたいな方はちょっと厳しいかも。
僕は完全に合わせるほうです（笑
2014年9月10日水曜日
AngularJSをちょっと触ってみた
Cordovaを使ってAndroidアプリを何度目かの正直で作成しようとしています。
初めはBootstrapをベースにしてつくろうと思ったのですが、単にスマホのレイアウトだけだと無駄が多いような気がするのと、いかにもな感じになってしまうので、他のフレームワークを探してみました。
それで良さそうだと思ったのはOnsen UI。
Onsen UI
http://ja.onsenui.io/
シンプルそうなのでなんとなく軽そうです。アシアルが作ってるようで日本語の説明があるのも入りやすそうなポイントです。
しかし、どうやらAngularJSベースで作成されている様子。
jQueryでも使用できるようですが、余分にjsを読み込むと重くなりそうなので、AngularJSを勉強してみることにしました。
初めはBootstrapをベースにしてつくろうと思ったのですが、単にスマホのレイアウトだけだと無駄が多いような気がするのと、いかにもな感じになってしまうので、他のフレームワークを探してみました。
それで良さそうだと思ったのはOnsen UI。
Onsen UI
http://ja.onsenui.io/
シンプルそうなのでなんとなく軽そうです。アシアルが作ってるようで日本語の説明があるのも入りやすそうなポイントです。
しかし、どうやらAngularJSベースで作成されている様子。
jQueryでも使用できるようですが、余分にjsを読み込むと重くなりそうなので、AngularJSを勉強してみることにしました。
2014年9月9日火曜日
登録:
投稿 (Atom)