学生向け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回/月程度。

• 毎週500行くらい書いてるかも

works2

iPadアプリ-じゃらんシリーズ

2010年5月より、シリーズ５作

works3

はぴばる

10月31日リリース

2011/6/5-6/10

WWDC参加してきました

• Etech,Where2.0,Web2.0EXPO等海外カンファレンスにも参加して情報収集しています。刺激になります。

今年の注目

NewsstandiBookTwitter

MTLとはメディアテクノロジーラボのリクルート内での役割

5

新領域 学び領域 ＨＲ領域 住宅領域 ＩＭＣ領域 狭域領域

ライフステージ領域 （人生の節目）

ライフスタイル領域 （日常の消費）

情報誌

ＷＥＢ・

モバイル

新モデル

通販 イベント

フリーペーパー

事業領域の拡大

プラットフォームの拡大

ＤＢ型サービス ソリューション

新ﾋﾞｼﾞﾈｽﾓﾃﾞﾙ 新メディア

リアル事業 全国展開

情報誌/

フリーペーパー

Web/モバイル

新モデル

HR領域 学び領域 住宅領域 IMC領域 狭域領域 新領域

ライフステージ-人生の節目 ライフスタイル-日常の生活

社会の変化・ITの発展にそって進化事業領域の拡大

プラットフォームの拡大

MTL

2007-2011

MTLについて

• 2007年4月1設立 今年５期目

• 技術調査研究～新規事業開発を行う「実証研究機関（R＆D）」

• テクノロジを源泉としたサービス企画・運営を行い、ネット分野における新しいビジネスモデルを創造する

シードを担うMTLはリクルートのR&D部門

R&D

事業開発カンパニー人材/進学/住宅結婚/自動車ライフスタイルetc.アドオプティマイゼーション

推進室 etc.

メディアテクノロジーラボ(MTL), リクルートインキュベーションパートナーズ（RIP）etc.

プランナーとエンジニア強みを活かして協働する

WEB サービスの企画設計・プロデュース、ビジネスプランニングなど。新規事業の企画・戦略立案から、プロジェクトチームの立上げ、課題抽出、日々の P/L 収益管理まで幅広く

システム設計、アーキテクチャ設計、フレームワーク開発、システム開発など。WEB サービスの企画設計から技術視点・クリエイタ視点で参加し、実際にシステム開発・運用までを行う。サービス企画・ディレクション・インフラ管理もあり。

+

プランナー

エンジニア - Webアーキテクト

- Webプロデューサー

最近のMTLのサービス代表的なサービスをいくつか...

開発勉強会支援1.ATND

• イベント開催支援サービス

• 草の根の勉強会・セミナー活動を応援

コミュニケーション2.はぴばる

３つの絵文字のみで気持ちを伝えるiPhone/iPod touch向けの新しいコミュニケーションアプリ

データのオープン化3.リクルートWebサービス

• リクルートのデータを多くの経路で、より多くの方に届けられるようにする

• 新たな活用方法、価値の発見を促す

xmljsonjsonp

今年で７回目！４.Mashup Award 7

MA は、開発者が新技術・新サービスに挑戦する年に１度のお祭りです。今年も、オープンな API やプラットフォーム、デバイスを存分に活用して頂いて、ちょっと先の未来の Web を見せてくれる作品を期待しています！

いまできることに取り組む５.Hack For Japan&復興支援

じゃらん　東北地方太平洋沖地震＜被災者支援プラン＞API

Hack For Japanみんなのわ、げんきのわ（NHK 報道局 × MTL コラボ）

どんなオフィス職場環境は？

MTLのオフィス/カフェコラボが生まれる/開発に集中できる

「MTL カフェ」社内外の勉強会などに使うイベントスペース。

「コンセントレーションスペース」開発者のための集中作業スペース。

電話設置なし。ノートPC用外付モニタ完備。

伊豆とか、三浦とか。温泉付きでもちろん合宿もします

座敷よりは腰にくるので、最近はテーブルを用意

iPhone案件たくさん大半はMac,iPhone率100%越え

My Little Story自分の想いをコードで実現することについて、すこし、自分の体験を話します

2010/5/28 iPad日本公開同時発売iPadじゃらん

地図と記事の２画面

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