雑記帳 https://ameblo.jp/tack-u/ 今日やったことなどを。 ja 犬を育成するアプリが簡単でかわいい！おすすめの無料ゲームです！アイフォン/アンドロイド対応 とってもかわいい。

4日に1回餌をあげるだけだから、忙しい人でもゲームが苦手な人でも飽きずにやれる。

 

アイフォン　https://itunes.apple.com/jp/app/xingseno-quan-yu-chenggemu3d*wu/id1128351806?mt=8

 

アンドロイド　https://play.google.com/store/apps/details?id=jp.eikomz.dogsim&hl=ja

]]> https://ameblo.jp/tack-u/entry-12204541407.html Wed, 28 Sep 2016 22:26:31 +0900 TitaniumAlloyでModelSingletonDataBind
ネット上の情報などを参考にしたみたのですが、Collectionでのデータバインディングは結構書いてあるのですが、単体Modelでのデータバインディングについてがあまり書いてなかった。
（単体Modelってそもそもありえないのかな？）

ViewでModelバインドするには、

<Model src="MyModel" id="MyModel" instance="true"/>
と宣言しておくことで、XML内部で{{$.MyModel.title}が使えました。

意図しなかったこととして、modelのdefaultsに値を入れておいてもcontrollerでfetchしないと値が挿入されませんでした。fetchなどをしてmodelに変化を与えないとviewにnotifyされないのかな？とか妄想。

また、modelのfetch方法ですが、controllerでidを指定するのがだるかったので、modelのinitializeでidをセットしてしまって(id:1とか)、controllerではfetchするだけにしました。
(initializeでfetchしてもviewには伝播されなかった）

次の実験として、window1とwindow2で同じようにmodelをインスタンス化してset,saveしたのですが、互いのwindow内の値は変化しませんでした。

まあ考えてみればわかることなのでしょうが、同じstorageから引っ張ってきたとしても、オブジェクトが一意じゃないからですよね。ということでシングルトンにするにはどうしたらいいのかと。

ゲームなんか作っていたら、バトルでお金が増えてホームに戻ってきたらお金が増えてるようにしたいですよね。ホームに戻ってきたら、というイベントでfetchするのはちょっといけてないので、やっぱりシングルトンにしたい。

シングルトンにするには、
<Model src="MyModel" />
とするだけだった。
{MyModel.title}で値は取れる。


でも相変わらず新しいバインド先にはfetchはしないと反映されない。

という調査。 ]]> https://ameblo.jp/tack-u/entry-12008703797.html Wed, 01 Apr 2015 03:59:52 +0900 iTunesAPIとYoutubeDataApi(v3)の結果をMongoDBにキャッシュ
iTunesのAPIとYoutubeDataApiのjson結果をMongoDBにキャッシュするのに使いました。

そんときにやった自分の処理などを。

cache_key, json, createdという単純なスキーマでcollectionを作って、APIの結果をjsonにまるごとぶちこむ感じですね。
createdはexpireのために残しておく。

cache_keyなんですが、これはちょっと独特のやり方で決めていまして。

もともと、APIを叩くクラスを持っていたので、それをラップするというかProxyするというか、そんな感じの、CacheProxyクラスを作って、そいつ経由で実際の関数を叩きます。

class CacheProxy{
public function fetch($Model, $method, $args=array()){
$cache_key = get_class($Model) . "_" . $method;
foreach($args as $val){
$cache_key .= "_" . $val;
}
$res = $MongoCache->get($cache_key);
if($res) return $res;
$res = call_user_func_array(array($Model, $method), $args);
$MongoCache->set($cache_key, $res);
return $res;
}
}

叩く方は、
$res = $CacheProxy->fetch($YoutubeApi, 'search', array('unko'));
こんな感じですね。

controller側は特にキャッシュするしないを意識せずに、proxyが勝手にやってくれるイメージです。 ]]> https://ameblo.jp/tack-u/entry-12006586912.html Fri, 27 Mar 2015 01:18:38 +0900 最近MySQLにメモリが食いつぶされてる WEBサービスごときにメモリとか不足しないだろとか思ってたけどどういうこっちゃ。

と調べてる見ると犯人はMySQL。

チューニングとか全然知らないんだけど調べてみる。解決しない。原因不明。

といろいろ探ってたら、ひとつのテーブルがやたら肥大化してた。プログラムミスったようだ。
ただのキャッシュテーブルだったので、えいや！とトランケートしちゃいました^^

そしたら落ち着いた、ような気がする。。。 ]]> https://ameblo.jp/tack-u/entry-12006422336.html Thu, 26 Mar 2015 18:52:15 +0900 CentOSにyumでMongoDBをインストール
個人的に作ってるサービスで、jsonをキャッシュしたいなと思って、mongoDBを導入。
MySQLのtextカラムにjsonぶち込んでやってもいいんだけど、まあ導入。

公式サイトにyumでのインストール方法が丁寧に書いてあった。

http://docs.mongodb.org/manual/tutorial/install-mongodb-on-red-hat/

/etc/yum.repos.d/mongodb-org-3.0.repoを作成する
[mongodb-org-3.0]
name=MongoDB Repository
baseurl=http://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/3.0/x86_64/
gpgcheck=0
enabled=1

で、

yum install mongodb-org ]]> https://ameblo.jp/tack-u/entry-12006403270.html Thu, 26 Mar 2015 18:07:56 +0900 YoutubeIframeAPIをiphoneに対応させる 1. iphoneで動画が再生されない
2. バックグラウンドで連続再生できない

1. iphoneで動画が再生されない
YoutubeのIFrameAPIを触っていたのですが、iphoneの場合は一度タップして再生しないとloadVideoByIdを叩いても再生されません。

タップした、というよりは、一度は再生したというフラグをもたせて以降はloadVideoByIdを叩くようにしたいと思います。

最初の動画は、queVideoByIdで再生待ち状態で待機させます。
その後、onStateChangeイベントで渡ってくる、dataでstateをみて、再生できた = 1、だったら再生したフラグを立てるようにしました。

2. バックグラウンドで連続再生できない
動画の再生が終わると次の動画をajaxで非同期で取得してloadVideoByIdしてましたが、これだとバックグラウンドで動かないんですよね。。
おそらくバックグラウンドだとhttpリクエストが投げられないないのかな？とか妄想して、最初に動画を全て取得するように修正しました。

動画の数が決まっていればいいんですが、無制限となると難しいですね。。 ]]> https://ameblo.jp/tack-u/entry-12006073236.html Wed, 25 Mar 2015 21:37:49 +0900 JavaScriptを再度勉強中
最近ブラウザ版JavaScriptを触りまくってみて感じたことなどを。

感じたこと1
jQueryは捨てるべきか。
まあ確かに便利なんだが、使うAPIはほんの一部だし（セレクタ、ajaxくらいかな。。）、コーディング中に、これは生のDOMオブジェクトなのかjQueryオブジェクトなのかわからなくなる。
とりあえず$(this)しとけー的な。
jQueryオブジェクトはaddEventListenerも動かない（？）様子だし、バージョンでAPIの仕様かわるし。。
jQueryはやめて使う分だけ自前で実装してしまった方が自分には合ってるんじゃないかなーとか妄想中。でも効率的なライブラリの開発手法までは知らないので勉強中。

感じたこと2
データバインドは必要なのか。
Vue.jsやangular.jsを触ってみてデータバインド確かに便利そうに思えたけど、デスクトップアプリのようなSPAでも目指さない限りいらなくね？と感じた。
ViewとModelを切り離す設計はとてもいいと思うので、observerパターンでModelの変更通知をviewに伝える機構だけあればええんちゃうかと思った。

感じたこと3
coffeeScriptは覚える気にもなれない。クラス書くときに便利そうだけど、そんなにクラス書きまくるほどのアプリケーションを作らないかな。

感じたこと4
HTMLを動的に書き換えるのはSEO的にどうなのよ？
クローラーボットに対しては静的で出力するという話も聞いたが、それもそれでSEO的にどうなのよ？クローラーに違う表示させるのは昔流行ったスパムじゃないすか。

感じたこと5
いろんなJavaScriptライブラリやフレームワーク使ってみんな何してんの？
正直そんなに使いどころがあるとは思えないのだが。。。
そんなにページ遷移させたくないのかしら。。
]]> https://ameblo.jp/tack-u/entry-12003075350.html Wed, 18 Mar 2015 14:54:50 +0900 TitaniumでUI.create系をラップしておく 後で変更しようと思った時に簡単に変更できるように関数でラップしておくが好き。

exports.createWindow = function(param){
return Titanium.UI.createWindow(param);
}

みたいな。

あとで、
window全体の色をかえたいよぉ。。。
androidのwindowだけちょめちょめしたいよぉ。。。
っていうとき。

exports.createWindow = function(param){
param.backgroundColor = "#000";
if(isAndroid()) param.backgroundColor = "#FFF";
return Titanium.UI.createWindow(param);
}

みたいな感じでデフォルトを追加できるしね。

ってことでやってきたんだけど、
UI分exports関数作るのすらだるくなってきたのでこうした。

function ui(method, p){
if(!p) p = {};
switch(method){
case "createWindow":
if(!p.backgroundColor) p.backgroundColor = "#FFF";
break;
case "createLabel":
if(!p.font){
p.font = {fontSize:16, fontWeight:"bold"};
}
break;
}
return eval("Titanium.UI." + method + "(" + JSON.stringify(p) + ")");
};

var window = ui("createWindow");

eval使ってんじゃねぇよ！って言われそうだけど気にしない。
]]> https://ameblo.jp/tack-u/entry-11998532834.html Sat, 07 Mar 2015 16:43:42 +0900 Observerパターンのnotify中にstate変えちゃあかんのか
例えばドラクエだと。

1. 勇者の攻撃メッセージ

2. 勇者の攻撃エフェクト

3. モンスターがダメージを受けるエフェクト

4. ダメージメッセージ

5. モンスターの攻撃メッセージ

6. モンスターの攻撃エフェクト

7. 勇者がダメージを受けるエフェクト（画面揺れたり）

8. ダメージメッセージ and HP表示の再描画

こんなのが、非同期で実行しないといけない。

1が終わったら2を実行して、3を.....

終わったらcallbackのネストが深くなるのでなんとかならんかなぁということで、observerパターンを検討。

適当なオブジェクト(model)に状態(state)をもたせて、stateが切り替わったことを各viewに通知(notify)する。

非同期だけど、同期処理っぽくかけるぜひゃっはーって思ってたら、
viewのupdate処理中にmodelのstateを書き換えちゃうと、次のviewへのnotifyを待たずに新規のnotifyが走っちゃう。

どうしたもんか。 ]]> https://ameblo.jp/tack-u/entry-11998327245.html Sat, 07 Mar 2015 01:13:20 +0900 PHPのExceptionを拡張する
try{
// めっちゃいろいろやる処理
}catch(Exception $e){
echo $e->getMessage();
}

これが標準な使い方だけど、
めっちゃいろいろやる処理の中で何が起きたかを分岐してとりたいときはこうするといい。

class PageNotFoundException extends Exception{}
class SqlErrorException extends Exception(){}

try{
// めっちゃいろいろやる処理
// if(!$is_page) throw new PageNotFoundException();
// if($mysql_error) throw new SqlErrorException();
}caatch(PageNotFoundException $pe){
}catch(SqlErrorException $se){
}caatch(Exception $e){
}

こうやっておけば、例外処理を分岐して使える。
致命的なエラーはログに仕込んだり、ユーザーにはエラー表示見せないようにしたり。

]]> https://ameblo.jp/tack-u/entry-11994997660.html Fri, 27 Feb 2015 00:56:06 +0900