SlideShare a Scribd company logo
1 of 33
GREE Platform for smartphone の構成技術 グリー株式会社 メディア開発本部 ソーシャルメディア統括部長 伊藤 直也 <naoya.ito@gree.co.jp>
アジェンダ スマートフォン版GREEの構成技術 GREE Platform for smartphone の構成技術
GREEはフィーチャフォンからスマートフォンへ
スマートフォン版GREE
GREE iPhoneアプリ
Webとネイティブのハイブリッド
HTML5+CSS3+JavaScript = スマートフォンWeb Android, iOS ともに WebKit ベースブラウザ: 新技術を積極的に採用 Ajax, HTML5, CSS3 (animation, transform), HTML Forms, Web Storage ...
GREE iOS/Android SDK GREE  HTTP GREE iOS/Android SDK (OAuth認証、シングルサインオン、GREE HTTP APIコール、プッシュ通知) Web View 拡張 (外部リンクUI, 電話帳連携, カメラ etc) WebView
HTMLだけでできないことをネイティブが補う プッシュ通知、バッジ UIの拡張 (外部リンク押下時) iPhone電話帳連携 カメラ、アルバム
iPhoneゲーム + iOS GREE SDK
iPhoneアプリ GREE iOS SDK iOS SDKでGREEをインテグレートする GREE
GREE  HTTP GREE iOS/Android SDK (OAuth認証、シングルサインオン、GREE Platform APIコール、スクリーンショット ひとこと/ランキングダイアログ、プッシュ通知) SNSブラウザ (SNS WebView, 外部リンクUI, 電話帳連携, カメラ, ブラウザゲーム用WebView) アプリケーション本体 GREE iOS SDK + アプリ
GREE Platform GREEパートナーが開発したソーシャルアプリケーションをGREEユーザー向けに提供することを可能にするプラットフォーム
GREEは国内No.1のソーシャルプラットフォームに 2,246万人 (2010年9月末) 2,190万人 (2010年10月末) 2,167万人 (2010年9月末) (単位:万人)
"for smartphone" グリーは、GREEパートナーと共に、スマートフォンにおいても No.1のエコシステムを創造して参ります。 資金、 企画・開発、 分析  支援 集客支援 マネタイズ支援
GREE Platform GREE Platform for feature phone GREE Platform for smartphone 2011年1月より順次開始
iPhone/Androidアプリ GREE iOS SDK 集客・課金 GREE Platform iPhone/AndroidアプリでもGREE基盤を活かしたビジネスが可能に GREE iOS/Android SDKを開放
GREE Platform のバックエンド HTTP ユーザー認証API、友だち一覧取得API、課金決済API … GREE Platform
GREE Platform API によるデータ通信  GET /api/rest/people/@me/@all?fields=nickname,profileUrl,thumbnailUrl {     "totalResults": 3,     "itemsPerPage": 3,     "entry": [       { “nickname”: “なおや",         "profileUrl": "http://gree.jp/0123457",         "thumbnailUrl": "http://gree.jp/img/0123457.jpg"       },       {         "nickname": "ナンチョビー・マツダ",         "profileUrl": "http://gree.jp/0123458",         "thumbnailUrl": "http://gree.jp/img/0123458.jpg"       },       {         "nickname": "ハコニワ工房",         "profileUrl": "http://gree.jp/0123459",         "thumbnailUrl": "http://gree.jp/img/0123459.jpg"       },     ]   } OAuth + HTTP over JSON
SDK が GREE Platform をラップ -(void)callAPI {     NSString *actionName = @"/people/@me/@friends";     NSDictionary *params = [NSDictionary dictionaryWithObjectsAndKeys:                 @"2",@"count",               nil];     [gree requestAction:actionName method:@"GET" params:params context:nil delegate:self]; } - (void)request:(NSMutableURLRequest*)request didLoad:(id)result { // result (NSDictionary) に呼び出したAPIに対応するデータが入る } iOS GREE SDKによるAPIコール
VIVID Runtime Adobe® AIR® Titanium Mobile Unreal Engine 3 Unity ... ミドルウェア + GREE iOS/Android SDK
Unity: Game Development tool http://unity3d.com/unity/
“True Multiple Development” http://unity3d.com/unity/publishing/
GREE iOS SDK + Unity = +
developer.gree.co.jp
2007年5月 Facebook Platform開始 2007年7月 クリノッペ開始 2009年11月 EAがPlayfish買収 2010年6月 GREE Platform開始 2007年11月 OpenSocial登場 2007年7月 Zynga創業 2009年8月 mixiアプリ開始 2010年1月 モバゲープラットフォーム開始 2007年5月 釣り★スタ開始 by Zynga 2009年7月 Farmville開始 2007年 2010年 ソーシャルメディアの発展
ウェブ技術の発達
スマートフォンの技術
Internet Trends
10年
「GREE Platform for smartphone」の構成技術
「GREE Platform for smartphone」の構成技術

More Related Content

Similar to 「GREE Platform for smartphone」の構成技術

gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作るgumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作るgumilab
 
jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキング
 jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキング jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキング
jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキングTakashi Okamoto
 
スマホにおけるWebGL入門
スマホにおけるWebGL入門スマホにおけるWebGL入門
スマホにおけるWebGL入門Yohta Kanke
 
Titanium Mobile
Titanium MobileTitanium Mobile
Titanium MobileNaoya Ito
 
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装Mitsue-Links
 
10 power night2014_uematsu
10 power night2014_uematsu10 power night2014_uematsu
10 power night2014_uematsuTerraSky
 
20111031 MobileWeb at TDC
20111031 MobileWeb at TDC20111031 MobileWeb at TDC
20111031 MobileWeb at TDCNobuhiro Sue
 
Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!Shinpei Ohtani
 
はじめてのAndroid
はじめてのAndroidはじめてのAndroid
はじめてのAndroidhiro nemu
 
Wordpress on gae se
Wordpress on gae se Wordpress on gae se
Wordpress on gae se Hayato Ito
 
ソーシャルアプリ勉強会(第一回資料)配布用
ソーシャルアプリ勉強会(第一回資料)配布用ソーシャルアプリ勉強会(第一回資料)配布用
ソーシャルアプリ勉強会(第一回資料)配布用Yatabe Terumasa
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由Masakazu Muraoka
 
はじめてのAndroid開発
はじめてのAndroid開発はじめてのAndroid開発
はじめてのAndroid開発Katsumi Honda
 
お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~Che Renkov
 
2013.01.18 G*Workshop GGX 2012 Report
2013.01.18 G*Workshop GGX 2012 Report2013.01.18 G*Workshop GGX 2012 Report
2013.01.18 G*Workshop GGX 2012 ReportYu Sudo
 
ExtJSで作るAIRアプリケーション
ExtJSで作るAIRアプリケーションExtJSで作るAIRアプリケーション
ExtJSで作るAIRアプリケーションDaisaku Yamamoto
 
CodeIgniterによるPhwittr
CodeIgniterによるPhwittrCodeIgniterによるPhwittr
CodeIgniterによるPhwittrkenjis
 
モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)Akihiro Matsumura
 
Oculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVR
Oculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVROculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVR
Oculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVRTakashi Yoshinaga
 

Similar to 「GREE Platform for smartphone」の構成技術 (20)

gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作るgumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
 
Jqm20120804 publish
Jqm20120804 publishJqm20120804 publish
Jqm20120804 publish
 
jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキング
 jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキング jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキング
jQuery MobileとPhoneGapでスマートフォンアプリ楽々クッキング
 
スマホにおけるWebGL入門
スマホにおけるWebGL入門スマホにおけるWebGL入門
スマホにおけるWebGL入門
 
Titanium Mobile
Titanium MobileTitanium Mobile
Titanium Mobile
 
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
 
10 power night2014_uematsu
10 power night2014_uematsu10 power night2014_uematsu
10 power night2014_uematsu
 
20111031 MobileWeb at TDC
20111031 MobileWeb at TDC20111031 MobileWeb at TDC
20111031 MobileWeb at TDC
 
Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!
 
はじめてのAndroid
はじめてのAndroidはじめてのAndroid
はじめてのAndroid
 
Wordpress on gae se
Wordpress on gae se Wordpress on gae se
Wordpress on gae se
 
ソーシャルアプリ勉強会(第一回資料)配布用
ソーシャルアプリ勉強会(第一回資料)配布用ソーシャルアプリ勉強会(第一回資料)配布用
ソーシャルアプリ勉強会(第一回資料)配布用
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
 
はじめてのAndroid開発
はじめてのAndroid開発はじめてのAndroid開発
はじめてのAndroid開発
 
お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~
 
2013.01.18 G*Workshop GGX 2012 Report
2013.01.18 G*Workshop GGX 2012 Report2013.01.18 G*Workshop GGX 2012 Report
2013.01.18 G*Workshop GGX 2012 Report
 
ExtJSで作るAIRアプリケーション
ExtJSで作るAIRアプリケーションExtJSで作るAIRアプリケーション
ExtJSで作るAIRアプリケーション
 
CodeIgniterによるPhwittr
CodeIgniterによるPhwittrCodeIgniterによるPhwittr
CodeIgniterによるPhwittr
 
モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)
 
Oculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVR
Oculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVROculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVR
Oculus Quest 1&2 開発のはじめの一歩 with A-Frame WebVR
 

「GREE Platform for smartphone」の構成技術