i os5 study
DESCRIPTION
TRANSCRIPT
![Page 1: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/1.jpg)
メディアテクノロジーラボ主催学生向けiPhoneアプリ勉強会(中級編)
2012/2/24
舩見 高貴生チーフエンジニア/メディアテクノロジーラボ
筑波大学1988年卒 農林学類 生物環境造成学主専攻
~iOS5 & Xcode4.3でスマートに開発しよう!~
12年2月24日金曜日
![Page 2: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/2.jpg)
~iOS5 & Xcode4.3でスマートに開発しよう!~アジェンダ
• 自己紹介
• MTLの紹介
• iOS5+Xcode4ショーケース+α
• Xcode4.3出ました
• ARC,StoryBoard,iCloud,AutomationTest,AirPlay
• iOS5概要とシェア
• 小話
• みなさんからの共有
12年2月24日金曜日
![Page 3: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/3.jpg)
自己紹介
12年2月24日金曜日
![Page 4: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/4.jpg)
フナミタカオ - エンジニア自己紹介
12年2月24日金曜日
![Page 5: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/5.jpg)
フナミタカオ - エンジニア自己紹介
• 1988 入社 - リクルート国際VAN 技術サポート
• 1990 ケイコとマナブ営業
• 1994 エイビーロード制作システム
• 2000 原稿制作フレームワーク
• 2006 たたみラボ
• 2007 MTL - WebAPI、iOS、Android
12年2月24日金曜日
![Page 6: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/6.jpg)
フナミタカオ - エンジニア自己紹介
• 1988 入社 - リクルート国際VAN 技術サポート
• 1990 ケイコとマナブ営業
• 1994 エイビーロード制作システム
• 2000 原稿制作フレームワーク
• 2006 たたみラボ
• 2007 MTL - WebAPI、iOS、Android
C
DTP
AppleScript
RB,.Net, Perl
Perl,PHP,Ruby
Perl,ObjC,Java
12年2月24日金曜日
![Page 7: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/7.jpg)
フナミタカオ - エンジニアブログ&Twitter&Facebook
• はてな iRSS
• Twitter @iRSS
• Facebook takao.funami
• MTLブログ
• http://mtl.recruit.co.jp/
12年2月24日金曜日
![Page 8: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/8.jpg)
88年大学卒業筑波出身です
• 筑波大学 第二学群 農林学類
• 生物環境造成学主専攻
• イチゴの植物工場が卒論のテーマ
• 88当時、世の中はバブル黎明期でした
• ご縁あってリクルートに
12年2月24日金曜日
![Page 9: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/9.jpg)
メールなし、ネットなし、一太郎&花子全盛期25年前、紙で情報をやり取りする時代
• パソコン通信はあった。
• コピー機もあった。10円コピー
• 音声の電話回線をつかって、データを送信
• PC9800のパソコンで清書
• 一太郎 - ワープロ
• 花子 - 図表エディタ
コンピュータ博物館
http://museum.ipsj.or.jp/heritage/ichitaro.html
ポリプロピレンのおもちゃ箱http://monopoly.cocolog-nifty.com/blog/
2011/06/post-546f.html
12年2月24日金曜日
![Page 10: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/10.jpg)
パソコン通信の画面
12年2月24日金曜日
![Page 11: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/11.jpg)
電話線を使うので、音で通信していたモデム、音響カプラ
12年2月24日金曜日
![Page 12: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/12.jpg)
JAMJAMというミニコミ紙を作っていましたサークル活動
印刷屋さんで写植&印刷12年2月24日金曜日
![Page 13: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/13.jpg)
一部文字作成にワープロ使用
一行の液晶表示、プリンタ付き、紙は熱転写専用紙。
12年2月24日金曜日
![Page 14: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/14.jpg)
あれから24年iOSアプリの開発をやっています。
12年2月24日金曜日
![Page 15: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/15.jpg)
works1
ホットペッパーiPhone&Android APP
2009年秋 2011年春
12年2月24日金曜日
![Page 16: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/16.jpg)
works2
iPadアプリ-じゃらんシリーズ
2010年5月より、シリーズ5作12年2月24日金曜日
![Page 17: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/17.jpg)
works3
はぴばる
2011年10月31日リリース12年2月24日金曜日
![Page 18: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/18.jpg)
works4
リクルートWebサービス
• 17種類のWebサービス(WebAPI)の開発、運用を約3人で行っています。
• 月間6億リクエスト。リリースは6回/月程度。
• 毎週500行くらい書いてるかも
12年2月24日金曜日
![Page 19: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/19.jpg)
MTLとはメディアテクノロジーラボのリクルート内での役割
12年2月24日金曜日
![Page 20: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/20.jpg)
5
新領域 学び領域 HR領域 住宅領域 IMC領域 狭域領域
ライフステージ領域 (人生の節目)
ライフスタイル領域 (日常の消費)
情報誌
WEB・
モバイル
新モデル
通販 イベント
フリーペーパー
事業領域の拡大
プラットフォームの拡大
DB型サービス ソリューション
新ビジネスモデル 新メディア
リアル事業 全国展開
情報誌/
フリーペーパー
Web/モバイル
新モデル
HR領域 学び領域 住宅領域 IMC領域 狭域領域 新領域
ライフステージ-人生の節目 ライフスタイル-日常の生活
社会の変化・ITの発展にそって進化事業領域の拡大
プラットフォームの拡大
12年2月24日金曜日
![Page 21: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/21.jpg)
5
新領域 学び領域 HR領域 住宅領域 IMC領域 狭域領域
ライフステージ領域 (人生の節目)
ライフスタイル領域 (日常の消費)
情報誌
WEB・
モバイル
新モデル
通販 イベント
フリーペーパー
事業領域の拡大
プラットフォームの拡大
DB型サービス ソリューション
新ビジネスモデル 新メディア
リアル事業 全国展開
情報誌/
フリーペーパー
Web/モバイル
新モデル
HR領域 学び領域 住宅領域 IMC領域 狭域領域 新領域
ライフステージ-人生の節目 ライフスタイル-日常の生活
社会の変化・ITの発展にそって進化事業領域の拡大
プラットフォームの拡大
MTL
12年2月24日金曜日
![Page 22: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/22.jpg)
2007-2011
MTLについて
• 2007年4月1設立 今年5期目
• 技術調査研究~新規事業開発を行う「実証研究機関(R&D)」
• テクノロジを源泉としたサービス企画・運営を行い、ネット分野における新しいビジネスモデルを創造する
12年2月24日金曜日
![Page 23: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/23.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
12年2月24日金曜日
![Page 24: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/24.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
12年2月24日金曜日
![Page 25: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/25.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
12年2月24日金曜日
![Page 26: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/26.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
12年2月24日金曜日
![Page 27: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/27.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
12年2月24日金曜日
![Page 28: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/28.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
12年2月24日金曜日
![Page 29: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/29.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
12年2月24日金曜日
![Page 30: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/30.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー
アドオプティマイゼーション推進室 etc.
12年2月24日金曜日
![Page 31: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/31.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー人材/進学/住宅結婚/自動車ライフスタイルetc.アドオプティマイゼーション推
進室 etc.
12年2月24日金曜日
![Page 32: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/32.jpg)
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー人材/進学/住宅結婚/自動車ライフスタイルetc.アドオプティマイゼーション推
進室 etc.
メディアテクノロジーラボ(MTL), リクルートインキュベーションパートナーズ(RIP)
etc.12年2月24日金曜日
![Page 33: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/33.jpg)
プランナーとエンジニア強みを活かして協働する
WEB サービスの企画設計・プロデュース、ビジネスプランニングなど。新規事業の企画・戦略立案から、プロジェクトチームの立上げ、課題抽出、日々の P/L 収益管理まで幅広く
システム設計、アーキテクチャ設計、フレームワーク開発、システム開発など。WEB サービスの企画設計から技術視点・クリエイタ視点で参加し、実際にシステム開発・運用までを行う。サービス企画・ディレクション・インフラ管理もあり。
+
プランナー
エンジニア - Webアーキテクト
- Webプロデューサー
12年2月24日金曜日
![Page 34: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/34.jpg)
最近のMTLのサービス代表的なサービスをいくつか...
12年2月24日金曜日
![Page 35: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/35.jpg)
開発勉強会支援→決済機能付きイベント開催支援1.ATND →EventATND
Exit
12年2月24日金曜日
![Page 36: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/36.jpg)
開発勉強会支援→決済機能付きイベント開催支援1.ATND →EventATND
Exit
12年2月24日金曜日
![Page 37: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/37.jpg)
O2Oアプリ - オンライン・ツー・オフライン2.ショプリエ
チェックインしてポイントためる ことでユーザーと商品のマッチングと来店促進を目指す 2月14日公開
12年2月24日金曜日
![Page 38: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/38.jpg)
これまで7回開催、今年も実施予定3.Mashup Award 7
MA は、開発者が新技術・新サービスに挑戦する年に1度のお祭りです。今年も、オープンな API やプラットフォーム、デバイスを存分に活用して頂いて、ちょっと先の未来の Web を見せてくれる作品を期待しています!
12年2月24日金曜日
![Page 39: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/39.jpg)
いまできることに取り組む4.Hack For Japan&復興支援
じゃらん 東北地方太平洋沖地震<被災者支援プラン>API
Hack For Japanみんなのわ、げんきのわ(NHK 報道局 × MTL コラボ)
12年2月24日金曜日
![Page 40: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/40.jpg)
どんなオフィス職場環境は?
12年2月24日金曜日
![Page 41: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/41.jpg)
MTLのオフィス/カフェコラボが生まれる/開発に集中できる
12年2月24日金曜日
![Page 42: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/42.jpg)
MTLのオフィス/カフェコラボが生まれる/開発に集中できる
12年2月24日金曜日
![Page 43: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/43.jpg)
MTLのオフィス/カフェコラボが生まれる/開発に集中できる
「MTL カフェ」社内外の勉強会などに使うイベントスペース。
12年2月24日金曜日
![Page 44: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/44.jpg)
MTLのオフィス/カフェコラボが生まれる/開発に集中できる
「MTL カフェ」社内外の勉強会などに使うイベントスペース。
12年2月24日金曜日
![Page 45: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/45.jpg)
MTLのオフィス/カフェコラボが生まれる/開発に集中できる
「MTL カフェ」社内外の勉強会などに使うイベントスペース。
「コンセントレーションスペース」開発者のための集中作業スペース。
電話設置なし。ノートPC用外付モニタ完備。12年2月24日金曜日
![Page 46: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/46.jpg)
伊豆とか、三浦とか。温泉付きでもちろん合宿もします
座敷よりは腰にくるので、最近はテーブルを用意12年2月24日金曜日
![Page 47: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/47.jpg)
iPhone案件たくさん大半はMac,iPhone率100%越え
12年2月24日金曜日
![Page 48: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/48.jpg)
iOS5+Xcode4ショーケース+α注目の便利機能、iTVの予感
12年2月24日金曜日
![Page 49: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/49.jpg)
XCode4.32月16日リリース
12年2月24日金曜日
![Page 50: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/50.jpg)
それほど影響ないですが、とまどうかも4.2と違い
• iOSのバージョンはかわらない
• AppStoreからインストールはこれまでどおり
• /Applications/Xcode.appにインストール
• インストーラなくなった
• /Developerもなくなった×
12年2月24日金曜日
![Page 51: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/51.jpg)
共存もできる模様古いXCodeの削除はオプションで
12年2月24日金曜日
![Page 52: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/52.jpg)
CommandLine ToolsやiOS4.3 SimulatorもDashCodeはオプションに
More Developper Tootlsからダウンロード
Preferences>Downloadから取得できるものもある
12年2月24日金曜日
![Page 53: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/53.jpg)
画面UIはかわらず復習
12年2月24日金曜日
![Page 54: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/54.jpg)
これでだけは、覚えたいXcode ショートカット
コマンド+数字 左枠(ナビゲーター)
コマンド+Opt+数字 右上(インスペクタ)
コマンド+Opt+Ctl+数字 右下(ライブラリ)
コマンド+Shift+Y 下(デバッグ)
Ctl+数字 ジャンプバー
12年2月24日金曜日
![Page 55: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/55.jpg)
ARC[iOS5 ] Retain,Releaseからの解放
12年2月24日金曜日
![Page 56: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/56.jpg)
retain or releaseを自動的にやってくれるAutomatic Reference Counting
• retain, release, autoreleaseのことは忘れる
• コンパイラが自動挿入。GCではない
• ただしmalloc/free,CF等は対象外
• 変数の初期化は自動的に行われる
• nilになるので、安全。nilのメソッドを呼んでも落ちないから
• 循環参照には、注意
12年2月24日金曜日
![Page 57: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/57.jpg)
ARC利用のルール
• retain, release, retainCount, or autoreleaseを呼び出さない。@selector(retain), @selector(release)もNG
• deallocでインスタンス変数の解放は不要。
[super dealloc]はNG
• CFRetain, CFReleaseはARCの対象外
• Cの構造体は使わないで、Objective-Cのクラスに
• NSAutoreleasePool のかわりに@autoreleasepoolを
12年2月24日金曜日
![Page 58: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/58.jpg)
すこし心配な事
• 外部ライブラリ(github等)がARCに非対応のものも多い。
• でも大丈夫、混在は可能。
• ビルド設定の、Build Phaseタブの、Compile
Sources 設定でコンパイルオプションに -fno-
objc-arcを入力すれば、ARC非対応のライブラリもARC環境で混在できる
12年2月24日金曜日
![Page 59: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/59.jpg)
__weak修飾子を使う循環参照をさける
@interface MTLList : NSObject{ MTLItem *_child;}- (void)setChild:(MTLItem *)obj;@end@implementation- (void)setChild:(MTLItem *)obj{ _child = obj;}@end
@interface MTLItem : NSObject{ MTLList *_parent;}
- (void)setParent:(MTLList *)obj;@end@implementation- (void)setChild:(MTLItem *)obj{ _parent = obj;}@end
{ MTLItem *a = [[MTLItem alloc] init]; MTLList *b = [[MTLList alloc] init]; [a setList:b]; [b setParent:a]; }
循環参照になる変数はデフォルトで__strong
MTLList_child
MTLItem_parent
12年2月24日金曜日
![Page 60: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/60.jpg)
__weak修飾子を使う循環参照をさける
@interface MTLList : NSObject{ MTLItem *_child;}- (void)setChild:(MTLItem *)obj;@end@implementation- (void)setChild:(MTLItem *)obj{ _child = obj;}@end
@interface MTLItem : NSObject{ MTLList __weak *_parent;}
- (void)setParent:(MTLList *)obj;@end@implementation- (void)setChild:(MTLItem *)obj{ _parent = obj;}@end
MTLList_child
MTLItem_parent
{ MTLItem *a = [[MTLItem alloc] init]; MTLList *b = [[MTLList alloc] init]; [a setList:b]; [b setParent:a]; }
循環参照にならない片方は__weakとする
12年2月24日金曜日
![Page 61: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/61.jpg)
参考書&リファレンスARC
• Transitioning to ARC Release Notes
• https://developer.apple.com/library/ios/#releasenotes/ObjectiveC/RN-TransitioningToARC/Introduction/Introduction.html
• エキスパートObjective-Cプログラミング ― iOS/OS X
のメモリ管理とマルチスレッド
• 電子書籍:http://tatsu-zine.com/books/objc
• Amazon書籍 : http://amzn.to/xGuL2c
12年2月24日金曜日
![Page 62: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/62.jpg)
WWDC2011
ビデオ
詳細はぜひ、ビデオ+スライドで
12年2月24日金曜日
![Page 63: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/63.jpg)
iCloud[iOS5]OSX10.8ではMacでも本格対応
12年2月24日金曜日
![Page 64: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/64.jpg)
UIDocument,Key-ValueStore
• UIDocument
•
12年2月24日金曜日
![Page 65: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/65.jpg)
どんなクラスを使うのか
• UIDocument
• サブクラスを作って、データの読み書きを実装
• NSUbiquitousKeyValueStore(シンプル)NSUbiquitousKeyValueStore *keyStore = [[NSUbiquitousKeyValueStore alloc] init];
//保存[keyStore setString:@”Saved String” forKey:@"MyString"];[keyStore synchronize];
//読み出しNSString *storedString = [keyStore stringForKey:@"MyString"];
12年2月24日金曜日
![Page 66: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/66.jpg)
Storyboard[iOS5 ] ワイヤーとして流れがつかめるわかりやすさ。
12年2月24日金曜日
![Page 67: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/67.jpg)
画面の関連を見渡せるようになった。.xibから.storyboardに
• コントロール+ドラッグで画面をつなぐ
• Segueで関連づけ
• 遷移アニメーションをカスタマイズ可能
• UITableView
• 固定セル作成可能
• UITableViewCellの編集が簡単に
12年2月24日金曜日
![Page 68: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/68.jpg)
Appearance [iOS5 ]一気に画面をカスタマイズ。「友達を探す」のようなアプリを簡単に実現
12年2月24日金曜日
![Page 69: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/69.jpg)
Tint color & BackgroundImage &etc
一気に雰囲気を変更できる
[[UINavigationBar appearance] setTintColor:color]
[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"skin_44"] forBarMetrics:UIBarMetricsDefault];
12年2月24日金曜日
![Page 70: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/70.jpg)
MTLAppearanceソースをつかってDemo
12年2月24日金曜日
![Page 71: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/71.jpg)
参考
• UIAppearance で色や画像を変える
• http://cocoadays.blogspot.com/2011/10/uiappearance.html
• WWDC Video
• 114_customizing_the_appearance_of_uikit_controls
12年2月24日金曜日
![Page 72: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/72.jpg)
iTVの予感[iOS4.3~]AppleTVと組み合わせてできる、iTVもどき
12年2月24日金曜日
![Page 73: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/73.jpg)
ミラーリングできるApple TV & iOSでバイス
12年2月24日金曜日
![Page 74: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/74.jpg)
別スクリーンとしても使えるUIScreen
- (void)viewDidLoad...
// 最後のスクリーンが外部ディスプレイ if ([[UIScreen screens] count] > 1) { [self prepareScreen:[[UIScreen screens] lastObject]]; }......}
- (void)prepareScreen:(UIScreen *)connectedScreen{
//外部ディスプレイのサイズでWindowを作る CGRect frame = connectedScreen.bounds; self.window2 = [[UIWindow alloc] initWithFrame:frame]; [self.window2 setScreen:connectedScreen]; self.window2.hidden = NO;......
}12年2月24日金曜日
![Page 75: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/75.jpg)
参考AirPlay
• WWDC Video
• 406_airplay_and_external_displays_in_ios_apps
• サンプルコード
• ExternalDisplay
• https://developer.apple.com/library/ios/#samplecode/ExternalDisplay/Introduction/Intro.html#//apple_ref/doc/uid/DTS40010724
12年2月24日金曜日
![Page 76: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/76.jpg)
Automation + SenTest[Instruments] 画面操作を自動的に行えるツール
12年2月24日金曜日
![Page 77: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/77.jpg)
UnitTest はSenTest
UIの自動テストを行う
• SenTestを使った、自動テスト。
• 自動テストだが、UIが絡むとむずかしい
• Automation
• Javascriptで自動実行
• JavaScriptの記録もできるので、テストのひな形にできる
12年2月24日金曜日
![Page 78: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/78.jpg)
UnitTest
SenTest
Person
firstNamelastName
ageaddress
fullName
12年2月24日金曜日
![Page 79: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/79.jpg)
Instrumentsに追加Automation
12年2月24日金曜日
![Page 80: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/80.jpg)
テキスト
• HELP > Instruments New Features User Guide
• New Features in Instruments 4.2
12年2月24日金曜日
![Page 81: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/81.jpg)
UIPageViewManeger[iOS5]iBookのようなUIができちゃう
12年2月24日金曜日
![Page 82: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/82.jpg)
iBook風のアプリPage-Based Application
12年2月24日金曜日
![Page 83: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/83.jpg)
R25APIを利用した例ページめくりアニメーションを実現
サンプルソース:http://dl.dropbox.com/u/27096935/students/mybook.zip
参考:MTL主催 学生向けiPhoneアプリ勉強会(中級編) ~リクルート流アプリの創り方~ http://atnd.org/events/24249
12年2月24日金曜日
![Page 84: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/84.jpg)
UIPageViewController
UIPageViewController
page view
view view
FNSDataViewController
FNSDataViewController
FNSRootViewController<UIPageViewControllerDele
gate>
spineLocationForInterfaceOrientation
(回転時の挙動)
FNSModelController<UIPageViewControllerDataSour
ce>(改ページ時)
Before ViewAfter View
Page Data(model)Page Data(model)@property pageData
@property dataObject
@property dataObject
UIPageViewControllerがページごとにDataViewControllerを作成、破棄を繰り返
してページを表示している。12年2月24日金曜日
![Page 85: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/85.jpg)
UITwitter[iOS5]Twitterアカウント管理はOS任せにできる
12年2月24日金曜日
![Page 86: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/86.jpg)
テキスト
12年2月24日金曜日
![Page 87: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/87.jpg)
ところで、iOS5のシェアは?i0S4の対応はどうしようか?
12年2月24日金曜日
![Page 88: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/88.jpg)
リクルートWebサービスへのリクエスト数から算出iOS5のシェアは6割強
1%
37%
62%
iPhoneOS3 iOS4 iOS5
12年2月24日金曜日
![Page 89: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/89.jpg)
公開から4ヶ月でiOS5シェアは6割強(2012/2)
iOSバージョンシェア推移
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
10/5 10/7 10/9 10/11 11/1 11/3 11/5 11/7 11/9 11/11 12/1
iPhoneOS3 iOS4 iOS5
2010/5 ~2012/2のリクルートWebサービスへのリクエスト数から算出iPhoneOS3→iOS4の時は6ヶ月後に1:9になった。4→5は少し鈍い
12年2月24日金曜日
![Page 90: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/90.jpg)
1ヶ月後でiOS5 5割超えあるコミックアプリのiOSシェア
中村智武のCTO記-http://ameblo.jp/tomotaken/entry-11060841833.html iPhone向けコミック配信サービスのサーバーへのアクセスを元にした独自調べ
iPhone 4S発売及びiOS 5リリースから約一ヶ月後(集計期間11/11~11/17)のシェア内訳
12年2月24日金曜日
![Page 91: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/91.jpg)
いつかは、iOS5以上になるけれど...
いつまでiOS4対応すべきか?
• iOS5以上で使える..
• iCloud
• Newsstand
• iTunes U
• 友達を探す
• 通知センター
• Mountain Lion
• ARC
• StoryBoard
• Segue
• Custom Appearance
• TwitterAPI
• Table View Static Content
ARC,StoryBoardは非常に魅力的すぐにでもiOS5にしぼりたい12年2月24日金曜日
![Page 92: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/92.jpg)
My Little Story自分の想いをコードで実現することについて、すこし、自分の体験を話します
12年2月24日金曜日
![Page 93: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/93.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
12年2月24日金曜日
![Page 94: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/94.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
12年2月24日金曜日
![Page 95: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/95.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
地図と記事の2画面12年2月24日金曜日
![Page 96: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/96.jpg)
25years ago
12年2月24日金曜日
![Page 97: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/97.jpg)
アパート情報の地図
12年2月24日金曜日
![Page 98: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/98.jpg)
アパート情報の地図
12年2月24日金曜日
![Page 99: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/99.jpg)
アパート情報の地図
12年2月24日金曜日
![Page 100: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/100.jpg)
テキスト雲定規+製図ペン+トレース用紙
12年2月24日金曜日
![Page 101: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/101.jpg)
地図別冊になりました
12年2月24日金曜日
![Page 102: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/102.jpg)
地図別冊になりました
12年2月24日金曜日
![Page 103: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/103.jpg)
Now
12年2月24日金曜日
![Page 104: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/104.jpg)
5years ago
12年2月24日金曜日
![Page 105: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/105.jpg)
2006年の想い位置と連動するサービスを...
12年2月24日金曜日
![Page 106: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/106.jpg)
2006年の想い位置と連動するサービスを...
12年2月24日金曜日
![Page 107: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/107.jpg)
2006年の想い位置と連動するサービスを...
12年2月24日金曜日
![Page 108: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/108.jpg)
2006年の想い位置と連動するサービスを...
携帯できる
12年2月24日金曜日
![Page 109: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/109.jpg)
2006年の想い位置と連動するサービスを...
携帯できる
地図と記事が連動
12年2月24日金曜日
![Page 110: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/110.jpg)
2006年の想い位置と連動するサービスを...
携帯できる
地図と記事が連動
しかし当時は、手頃なデバイスがなかった12年2月24日金曜日
![Page 111: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/111.jpg)
1years ago
12年2月24日金曜日
![Page 112: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/112.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
12年2月24日金曜日
![Page 113: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/113.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
12年2月24日金曜日
![Page 114: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/114.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
12年2月24日金曜日
![Page 115: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/115.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
最適なデバイスの登場
12年2月24日金曜日
![Page 116: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/116.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
最適なデバイスの登場+
12年2月24日金曜日
![Page 117: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/117.jpg)
2010/5/28 iPad日本公開同時発売iPadじゃらん
最適なデバイスの登場じゃらんというコンテンツ
+
12年2月24日金曜日
![Page 118: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/118.jpg)
想いは形になります確認事項
• アイデアや想いはいつか形になるもの
12年2月24日金曜日
![Page 119: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/119.jpg)
Android,WindowsPhoneも含むiOSデバイスのすごさ
• 持ち運べる
• 常時接続
• プログラム可能
12年2月24日金曜日
![Page 120: I os5 study](https://reader034.vdocuments.mx/reader034/viewer/2022051820/55424cb3b4c90551648b4610/html5/thumbnails/120.jpg)
Thank You! 樹海の森ですが、とても面白い場所です。一緒に楽しみましょう!
12年2月24日金曜日