学生向けITスキル勉強会~リクルート流iPhoneアプリの創り方~
2011/12/13
舩見 高貴生チーフエンジニア/メディアテクノロジーラボ
テキスト本日の内容
• メディアテクノロジーラボの紹介(5分)
• サンプルアプリを使った実習(60分)
• Q&A&共有
• 参加者のみなさんからのアピールタイム
フナミタカオ - エンジニア自己紹介
• 1988 入社 - リクルート国際VAN 技術サポート
• 1990 ケイコとマナブ営業
• 1994 エイビーロード制作システム
• 2000 原稿制作フレームワーク
• 2006 たたみラボ
• 2007 MTL - WebAPI、iOS、Android
C
DTP
AppleScript
RB,.Net, Perl
Perl,PHP,Ruby
Perl,ObjC,Java
ときどき書いていますブログ&Twitter
• はてな iRSS
• Twitter @iRSS
• MTLブログ
works1
リクルートWebサービス
• 17種類のWebサービス(WebAPI)の開発、運用を約3人で行っています。
• 月間6億リクエスト。リリースは6回/月程度。
• 毎週500行くらい書いてるかも
works2
iPadアプリ-じゃらんシリーズ
2010年5月より、シリーズ5作
works3
はぴばる
10月31日リリース
2011/6/5-6/10
WWDC参加してきました
• Etech,Where2.0,Web2.0EXPO等海外カンファレンスにも参加して情報収集しています。刺激になります。
今年の注目
NewsstandiBookTwitter
MTLとはメディアテクノロジーラボのリクルート内での役割
5
新領域 学び領域 HR領域 住宅領域 IMC領域 狭域領域
ライフステージ領域 (人生の節目)
ライフスタイル領域 (日常の消費)
情報誌
WEB・
モバイル
新モデル
通販 イベント
フリーペーパー
事業領域の拡大
プラットフォームの拡大
DB型サービス ソリューション
新ビジネスモデル 新メディア
リアル事業 全国展開
情報誌/
フリーペーパー
Web/モバイル
新モデル
HR領域 学び領域 住宅領域 IMC領域 狭域領域 新領域
ライフステージ-人生の節目 ライフスタイル-日常の生活
社会の変化・ITの発展にそって進化事業領域の拡大
プラットフォームの拡大
MTL
2007-2011
MTLについて
• 2007年4月1設立 今年5期目
• 技術調査研究~新規事業開発を行う「実証研究機関(R&D)」
• テクノロジを源泉としたサービス企画・運営を行い、ネット分野における新しいビジネスモデルを創造する
シードを担うMTLはリクルートのR&D部門
R&D
事業開発カンパニー人材/進学/住宅結婚/自動車ライフスタイルetc.アドオプティマイゼーション
推進室 etc.
メディアテクノロジーラボ(MTL), リクルートインキュベーションパートナーズ(RIP)etc.
プランナーとエンジニア強みを活かして協働する
WEB サービスの企画設計・プロデュース、ビジネスプランニングなど。新規事業の企画・戦略立案から、プロジェクトチームの立上げ、課題抽出、日々の P/L 収益管理まで幅広く
システム設計、アーキテクチャ設計、フレームワーク開発、システム開発など。WEB サービスの企画設計から技術視点・クリエイタ視点で参加し、実際にシステム開発・運用までを行う。サービス企画・ディレクション・インフラ管理もあり。
+
プランナー
エンジニア - Webアーキテクト
- Webプロデューサー
最近のMTLのサービス代表的なサービスをいくつか...
開発勉強会支援1.ATND
• イベント開催支援サービス
• 草の根の勉強会・セミナー活動を応援
コミュニケーション2.はぴばる
3つの絵文字のみで気持ちを伝えるiPhone/iPod touch向けの新しいコミュニケーションアプリ
データのオープン化3.リクルートWebサービス
• リクルートのデータを多くの経路で、より多くの方に届けられるようにする
• 新たな活用方法、価値の発見を促す
xmljsonjsonp
今年で7回目!4.Mashup Award 7
MA は、開発者が新技術・新サービスに挑戦する年に1度のお祭りです。今年も、オープンな API やプラットフォーム、デバイスを存分に活用して頂いて、ちょっと先の未来の Web を見せてくれる作品を期待しています!
いまできることに取り組む5.Hack For Japan&復興支援
じゃらん 東北地方太平洋沖地震<被災者支援プラン>API
Hack For Japanみんなのわ、げんきのわ(NHK 報道局 × MTL コラボ)
どんなオフィス職場環境は?
MTLのオフィス/カフェコラボが生まれる/開発に集中できる
「MTL カフェ」社内外の勉強会などに使うイベントスペース。
「コンセントレーションスペース」開発者のための集中作業スペース。
電話設置なし。ノートPC用外付モニタ完備。
伊豆とか、三浦とか。温泉付きでもちろん合宿もします
座敷よりは腰にくるので、最近はテーブルを用意
iPhone案件たくさん大半はMac,iPhone率100%越え
My Little Story自分の想いをコードで実現することについて、すこし、自分の体験を話します
2010/5/28 iPad日本公開同時発売iPadじゃらん
地図と記事の2画面
25years ago
ミニコミ紙を作っていました学生のころ...
アパート情報の地図
テキスト雲定規+製図ペン+トレース用紙
テキスト地図別冊になりました
Now
5years ago
2006年の想い位置と連動するサービスを...
携帯できる
地図と記事が連動
しかし当時は、手頃なデバイスがなかった
1years ago
2010/5/28 iPad日本公開同時発売iPadじゃらん
最適なデバイスの登場じゃらんというコンテンツ
+
想いは形になります確認事項
• アイデアや想いはいつか形になるもの
Android,WindowsPhoneも含むiOSデバイスのすごさ
• 持ち運べる
• 常時接続
• プログラム可能
では、そろそろ
iPhoneアプリ開発の話
テキスト皆さんの経験は?
• XCodeインストールしてサンプル動かした
• iOS Developperプログラムに申し込んだ
• UI系一通りやった
• Delegateの仕組みがわかる
• IBを使いこなせる
• AppStoreで自作アプリ発売中
人それぞれのレベルでなにか発見があること今日のゴール
• ホットペッパーのお店を表示するアプリを作ってみる
• UITableView
• NSURLConnection
• JSONライブラリ
• Twitter連動
githubにありますサンプルソース
• master
• 通信なし、UITableView基本
• advance
• 通信あり、UITableViewのセクション
https://raw.github.com/funami/mtl_iPhone_student_seminner_1
http://bit.ly/vNCNlm