Angularjsでcode上でpropertyをrefreshする

AngularJSを使うとHTML上のng-modelを指定したelementとjsコード上で$scope.hogeで指定したプロパティを自動的に同期してくれるのですが、コード上でプロパティを変更しても、そのままでは同期してくれません。

っていうところでいささかはまった話です。

なにやら以下のように書く必要があるようです。

$scope.$apply(function () {
    $scoep.anyProperty = 'hogehoge';
});

$applyの引数には式を文字列としても渡せるみたいです。

socket.ioを使ってimageをuploadする

画像なんてsocket越しにアップロードするものかわかりませんが。
expressjs + socket.ioでsocketごしに画像をサーバーに送信 > サーバー側でそれを画像として保存後、URLをクライアントに配信 > それをまた画面で受け取って表示するというサンプルを書いて実験してみました。

ポイントとしては
FileReader#readAsDataURLでDataURI形式にした画像を文字列としてサーバーに送る

         var file = input.files[0];
         var name = file.name;

         var reader = new FileReader();
         reader.onloadend = function (e) {
             var data = e.target.result;

             if (!data) {
                 return ;
             }

             socket.emit('upload', { name : name, data : data});
         };

         reader.readAsDataURL(file);

サーバー側で文字列的にbase64でencodeしてある部分を取り出して画像としてファイルに出力

                var imgStructure = img.split(',');
                var base64 = imgStructure[1];

                fs.writeFile(
                    './public/' + name,
                    new Buffer(base64, 'base64'),
                    function (err) {
                        console.log(err);
                    }
                );

その後はクライアント側で関しているイベントにたいして出力した画像のパスを配信

socket.emit('notify', {url : publicUrl});

クライント側で、受け取った画像パスをimgタグに突っ込んで表示

     socket.on('notify', function (data) {
                   console.log(data);
                   $('#image001').attr('src', data.url);

               });

実際に作成したサンプルは下においてあります。
https://github.com/hiroyukimizukami/socketio-image

RubyOnRailsとiOSでアプリを作る時にすばらしく便利なNSRails

Rails + iOSという組み合わせは割と多いと思うんだけど。いちいちサーバーとクライントの繋ぎ込みを自前で書くのはつらいなーと思って調べたら、NSRailsという便利なのがあったので試してみた。

https://github.com/dingbat/nsrails

Railsのモデルと対になるものをiOS側で定義しておくとiOSのオブジェクトを操作するだけサーバにデータを永続化したり、データの取得ができる。ざっくりいうとparse.comと非常に使用感が似ている。

導入

導入はcocoapods経由で。Podfileにuse 'NSRails'とかくだけ。

pod 'NSRails'

iOS側でRailsアプリの場所を指定するには、AppDelegateで以下のように指定するだけ。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    // Override point for customization after application launch.
    
    [NSRConfig defaultConfig].appURL = @"http://localhost:3000";
    
    return YES;
}

Railsアプリ

アプリと適当なオブジェクト+エンドポイント一式を作っておく

rails new nsrails_test_server
rails g scaffold user name:string email:string passwd:string created_at:datetime updated_at:datetime

あと、RailsアプリにCSRF対策用のキーをチェックする設定が入っているので/app/controllers/application_controller.rbのprotect_from_forgeryを:exceptionから:null_sessionに変更し無効とする。

protect_from_forgery with: :null_session

iOSアプリ

Railsのモデルに対応するモデルをクライアントとに定義する。NSRRemoteObjectを継承したクラスを作成。プロパティ名はRails側と合わせておく。

#import "NSRails.h"

@interface JpPluscNSRailsTestUser : NSRRemoteObject

@property (nonatomic, strong) NSString* name;
@property (nonatomic, strong) NSString* email;
@property (nonatomic, strong) NSString* passwd;
@property (nonatomic, strong) NSString* gender;

@end

iOS側のオブジェクトはプレフィックスの都合とかでRailsとあわせられない事が多いと思うので、そういう場合は実装ファイルでremoteModelName, remoteControllerNameを上書きする

+ (NSString *) remoteModelName
{
    return @"user";
}

+ (NSString *) remoteControllerName
{
    return @"users";
}

@end

あとはオブジェクトの作成、永続化、取得等が以下のように簡単にかける。

    //オブジェクト作成、永続化
    user = [[JpPluscNSRailsTestUser alloc] init];
    user.name = self.aName.text;
    user.email = self.aEmail.text;
    user.passwd = self.aPasswd.text;
    
    [user remoteCreateAsync:^(NSError *error) {
        if (error != nil) {
            NSLog(@"%@", error);
        }
    }];

    //取得
    [JpPluscNSRailsTestUser remoteAllAsync:^(NSArray *allRemote, NSError *error) {
        NSMutableArray *indexPaths = [NSMutableArray array];
        NSInteger size = [allRemote count];

        //画面レンダリングなど...        

    }];

実際に書いたコード iOS
Rails

apkの中身を見る

dex2jar を使ってapk > jarに変換

jarをJava Decompilerで開く

と見れる。便利。

Proguard+parse.comのAndroidSDKの話

Parse.comのAndroidSDKを使ったアプリを開発して、最後にさあProguardかけて公開するぞって時にWarningsが出まくってantでビルドかからなかったり、apkは作れたんだけど難読化したらSDKの中で落ちたりしてはまったのを解決した話


ant release -> [proguard] Warnings:com.parse.... が出まくってbuild failedな時

-dontwarn com.parse.** 

で、黙殺


ビルドはなんとか通ってapkは出来たが、実行時にSDKの中で落ちる時

sdkのコードは難読化しなくてよさそうなので

-keep class com.parse.**

で、Proguardの対象から外す

作成したapをdex2jarとJava Decompilerを使って解凍して内容を確認したところ開発分のソースは難読化されていたので大丈夫そうだった。

Android4.3変更点まとめ

Android - Android 4.3, Jelly Beanの変更点のまとめ

* RestrictedProfile. 家庭で家族と、職場で、アプリとコンテンツに制限付きでアクセスできる

* Bluetooth Smartのサポート. Androidにフィットネスセンサーに接続する全ての新しい種類のアプリへの準備をさせる

* OpenGL 3.0のサポート

Audio

* 仮想surround sound対応

DialPad

* 発信番号オートコンプリート(オプトイン導入

Keyboard & Input

* タップタイピングの認識アルゴリズムが改善されて入力が簡単に。

* ゲームパッドやジョイスティックのための入力の応答が早くなった

Location

* Wifi経由の位置特定 - いちいちWifiをonにしなくてもWifi経由の位置特定ができるように。

Networking

* BluetoothSmartReadyサポート

* Bluetooth AVRCP 1.3サポート ... カーステレオで曲名を表示できるように。

Graphics

* OpenGL ES 3.0

* WirelessDisplay ... タブレットの映像をTVで移せる(Nexus7(2013) Nexus10)

Internationalization and localization

* 多言語サポート、対象言語の追加

* 右から左げ書く言語の表示サポート

Settings

* Disabled apps tab ... 設定からどのアプリが無効化されているか確認する事ができるようになった

System

* Restricted profiles  ... アプリやコンテンツへのアクセスに制限がかかった状態を作ることができるようになった

* セットアップウィザードが簡単になった

* スクリーンロック状態からユーザーを切り替えるのが早くなった

* フォトのデイドリーム機能がさらに改善された

もうちょっとデベロッパ向けのページもあったので、そちらは後ほど。。
http://developer.android.com/about/versions/jelly-bean.html

AndroidStudioが「Guilding XXX Gradle project info」で止まる

前回、AndroidStudioの起動まで意味もわからずできたが、その後プロジェクトの新規作成で「Guilding XXX Gradle project info」というポップアップが出て以降進まなくなった。

ログを見てみると相変わらず「WARN - .intellij.util.EnvironmentUtil - timed out」が出ている。

EnvironmentUtil#L132で環境変数$SHELLをとってから「-l -c /usr/bin/printenv」をしている。
$SHELLが/bin/bashをさしてたけども、そこを普段使っているzshをさすように.zshrcに「SHELL=/bin/zsh」とかして環境変数を変更したら無事プロジェクト作成まで完了した。

今回もよくわからず。。