Downloaded 13 times
![独自UITableViewControllerの設定
- (void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
!
NSURL *url = [NSURL URLWithString:self.strEndPoint];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[NSURLConnection sendAsynchronousRequest:request
queue:[NSOperationQueue mainQueue]
completionHandler:^(NSURLResponse *response, NSData *data, NSErro
*error) {
NSDictionary *jsonDictionary = [NSJSONSerialization JSONObjectWithData:data options:
error:nil];
self.items = [jsonDictionary valueForKeyPath:self.strField];
[self.tableView reloadData];
}];
}
Storyboardで設定されたstrEndPointの値
Storyboardで設定されたstrFieldの値](https://image.slidesharecdn.com/iosuifromserver-140426012130-phpapp02/85/iOS-17-320.jpg)
![独自UILabelの設定
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath
*)indexPath
{
//(いつもの処理)
NSDictionary* dict = [self.items objectAtIndex:indexPath.row];
NSArray* cellSubviews = cell.contentView.subviews;
for( UIView* control in cellSubviews){
if( [[[control class] description] isEqualToString:@"UIEntityLabel"]){
UIEntityLabel* label = (UIEntityLabel*)control;
NSString* strData = [dict valueForKeyPath:label.strEntity];
label.text = strData;
!
}
}
return cell;
}](https://image.slidesharecdn.com/iosuifromserver-140426012130-phpapp02/85/iOS-19-320.jpg)
サーバーからiOSアプリを変更する
- 1.
- 2. 自己紹介 • @TachibanaKaoru • 渋谷のgenesixで働くiOSエンジニアです •Blog : http://www.toyship.org/
- 3. サーバーからiOSアプリを変更する • 一回リリースしたiOSアプリをサーバーサイドで変更し たい • できるだけ頻繁にアプリの仕様やUIを変更したい •ユーザーによって表示するUIを変えて、A/Bテストを 行いたい
- 4. MVC in server/local ModelController View Native Code (Objc..) Server API Storyboard or Xib or Code
- 5.
- 6. UIWebViewによる弊害 • 全体的なパフォーマンス • 特にTableViewではUIKitのCellのresuseの仕組みが使 えないため、操作が遅くなる •多量のデータハンドリングに問題あり • デバイス固有の機能を使うには制限がある
- 7. UIWebViewを使わずに動的に変更するには • 簡単な例としては、UIに表示する画像の一部をサー バーサイドからもってくる方法もありますが… • 実施例：アプリ起動時の「ようこそ画面」をサーバー サイドから取得し、ABテストを実施 •ただ、この仕組みをコードに記述する必要があるため、 コードに仕組みをいれこまないような形にしたい • もっと大幅な変更を動的に行いたい
- 8. Storyboardをネットワークからダウンロード • @tokoromさんの案 • http://www.slideshare.net/yutatokoro7/potatotips1 •StoryboardをNSBundleに含めてzipにして、サーバー に置いておく • アプリがダウンロードしてunzipしてStoryboardを作 成する
- 9. MVC in server/local Controller View ServerAPI Model Storyboardをダウンロード することで、この部分が サーバーで更新できるよう になる Storyboard or Xib Native Code (Objc..)
- 10.
- 11.
- 12.
- 13. 対応例 • 今まで別のものを表示していたTableViewに、このjson のなかの特定の要素を表示するという変更に、 Storyboardだけで対応してみたいと思います。 • http://itunes.apple.com/jp/rss/topfreeapplications/limit=20/json { "feed":{ "author": { "name": { "label": "iTunes Store" }, "uri": { "label": "http://www.apple.com/jp/itunes/" } }, "entry": [ { "category": { "attributes": { "im:id": "6016", "label": "エンターテインメント", "scheme": "https://itunes.apple.com/jp/genre/ios-entateinmento/id6016?mt=8&uo=2", "term": "Entertainment" }
- 14.
- 15. • このUITableViewControllerクラスは、CallすべきAPIの EndPointのURL、表示すべきJsonの要素名をpropertyと して持っています。 ! • 通常、このpropertyの代入は、ソースコード上で行って いますが……。 独自UITableViewControllerの設定 @interfaceCommonListViewController : UITableViewController @property (nonatomic,strong)NSString* strField; @property (nonatomic,strong)NSString* strEndPoint; @property (nonatomic,strong)NSArray* items; @end self.EndPoint = @“http://itunes.apple.com/jp/rss/topfreeapplications/limit=20/json”; self.strField = @“feed.entry”;
- 16. 独自UITableViewControllerの設定 StoryboardのUser Defined RuntimeAttributesを使い、ソースコード 上でなく、StoryboardでstrEndPoint、strField の値を入力します。
- 17. 独自UITableViewControllerの設定 - (void)viewWillAppear:(BOOL)animated{ [super viewWillAppear:animated]; ! NSURL*url = [NSURL URLWithString:self.strEndPoint]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [NSURLConnection sendAsynchronousRequest:request queue:[NSOperationQueue mainQueue] completionHandler:^(NSURLResponse *response, NSData *data, NSErro *error) { NSDictionary *jsonDictionary = [NSJSONSerialization JSONObjectWithData:data options: error:nil]; self.items = [jsonDictionary valueForKeyPath:self.strField]; [self.tableView reloadData]; }]; } Storyboardで設定されたstrEndPointの値 Storyboardで設定されたstrFieldの値
- 18. 独自UILabelの設定 StoryboardでUIEntityLabelのstrEntityプロパティに、そのラベ ルに表示したい要素名を指定する @interface UIEntityLabel :UILabel @property(nonatomic,strong)NSString* strEntity; ! @end
- 19. 独自UILabelの設定 - (UITableViewCell *)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { //(いつもの処理) NSDictionary* dict = [self.items objectAtIndex:indexPath.row]; NSArray* cellSubviews = cell.contentView.subviews; for( UIView* control in cellSubviews){ if( [[[control class] description] isEqualToString:@"UIEntityLabel"]){ UIEntityLabel* label = (UIEntityLabel*)control; NSString* strData = [dict valueForKeyPath:label.strEntity]; label.text = strData; ! } } return cell; }
- 20.
- 21. MVC in server/local Controller View storyboard fromserver ModelServer API Native Code (Objc..)
- 22. UIViewControllerの場合 • 基底クラスがUIViewControllerの場合にも、 UITableViewControllerと同様に独自ラベル （UIEntityLabel）とUser DefinedRuntime Attributeの仕 組みを使えばなことが可能です。
- 23. まとめ • StoryboardとUser DefinedRuntime Attributeをうまく使 うと、サーバーサイドだけでModel/Viewの大幅な変更 ができるようになります。