Inside mixi Platform

  • 6,517 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • The combination of open source in smart fashion will create great app..
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
6,517
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
0
Comments
1
Likes
18

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 2010/3/16 DeNA Technology Seminar #1 Inside mixi Platform Copyright 2010 © mixi,Inc. All right reserved. 1
  • 2. (weboo) •  2009 2 mixi 
 mixi 
 •  Perl •  Developer Center •  SAP Copyright 2010 © mixi,Inc. All right reserved.
  • 3.   Photo by http://www.flickr.com/photos/u-suke Copyright 2010 © mixi,Inc. All right reserved.
  • 4. •  mixi •  mixi Platform mixi •  •  Plack+AnyEvent •  Copyright 2010 © mixi,Inc. All right reserved.
  • 5. 5
  • 6. 6
  • 7. 7
  • 8. 2 1 1,257 1,858 PV 2 PC 3 Mobile 224.8 PV 3 42 PC PV 276.2 PV 1 2009 12 31 2 2009 12 3 2009 12 8
  • 9. 9
  • 10. □ PC:2009 08 24 2009 10 27 □ PC 797 359 10
  • 11. Rekoo Media Ltd. PC □ 470 3/16 11
  • 12. □ 278 3/16 12
  • 13. mixi mixi PV FY07 FY08 FY09 13
  • 14. mixi 14
  • 15. 2009 /1Q 2009 /3Q (2009 6 30 ) (2009 12 31 ) 1,189 1,257 1 2 40 PC 3 42 2 150.6 PV PV 276.2 PV Mobile 109.9 PV PC 40 7 1 Mobile 224.6 PV PC PV PV 1 2 15
  • 16. mixi Copyright 2010 © mixi,Inc. All right reserved. 16
  • 17. mixi mixi Connect 17
  • 18. 
 
 
 18
  • 19. OpenSocial JavaScript API OpenSocial RESTful Protocol 19
  • 20. mixi Web URL <?xml version=“1.0” encoding=“utf-8”?> <Module> function init() { <ModulePrefs title=“Hello, world!”> var req = opensocial.newDataRequest(); <Require feature=“opensocial-0.8” /> req.add(req.newFetchPersonRequest( </ModulePrefs> opensocial.IdSpec.PersonId.VIEWER), <Content type=“html”><![CDATA[ “viewer”); req.send(function(data) { <div>Hello, mixi !</div> var viewer = data.get(“viewer”).getData(); ]]></Content>something… // do } </Module> } gadgets.util.registerOnLoadHandler(init); 20
  • 21. XML <?xml version=“1.0” encoding=“utf-8”?> <Module> <ModulePrefs title=“Hello, world!”> <Require feature=“opensocial-0.8” /> Gadget XML </ModulePrefs> <Content type=“url” view=“mobile” </Module> href=“http://example.com/” /> Person & Friends API Activities API HTML + Flash + RESTful API Persistence API Album API Lifecycle Events 21
  • 22. <?xml version=“1.0” encoding=“utf-8”?> <Module> <ModulePrefs title=“Hello, world!”> <Require feature=“opensocial-0.8” /> </ModulePrefs> <Content view=“mobile” type=“url” href=“http://example.com/” /> </Module> url URL 22
  • 23. / <?xml version=“1.0” encoding=“utf-8”?> <Module> <ModulePrefs title=“Hello, world!”> <Require feature=“opensocial-0.8” /> </ModulePrefs> PC <Content type=“html” view=“home,canvas,profile”><![CDATA[ <div>Hello, mixi !</div> ]]></Content> <Content type=“url” view=“mobile” href=“http://example.com/” /> </Module> 23
  • 24. Person & Friends API Persistence API Activities API Album API Lifecycle Events mixi API GPS mixi 24
  • 25. 
 25
  • 26. Mobile Phone mixi Server SAP Server mixi HTTP mixi SAP HTTP mixi API API JSON, AtomPub HTML 26
  • 27. http://developer.mixi.co.jp/ 27
  • 28. Reverse Proxy App Proxy (Apache) Forward Proxy (Squid) Reverse Proxy Media Proxy (Apache) 28
  • 29.                     29
  • 30. Reverse Proxy App Proxy (Apache) Forward Proxy (Squid) Reverse Proxy Media Proxy (Apache) Reverse API Server Proxy (Apache) 30
  • 31.         31
  • 32. mixi Copyright 2010 © mixi,Inc. All right reserved. 32
  • 33.       33
  • 34.         34
  • 35. •  
 •  
 •  
 •  •  
 35
  • 36. SAP 36
  • 37. SAP join 37
  • 38. •  •  •  
 
 
 
 
 
 
 •  
 38
  • 39. 39
  • 40. 40
  • 41. •  •  •  •  •  41
  • 42. Plack+AnyEvent Copyright 2010 © mixi,Inc. All right reserved. 42
  • 43. Apps Proxy SAP Server           43
  • 44. Plack::Server::AnyEvent::Prefork Coro::AnyEvent   
   
   44
  • 45. 45
  • 46. 46
  • 47. •  
 •  •  •  47
  • 48. 48
  • 49. Tokyo Tyrant Q4M Copyright 2010 © mixi,Inc. All right reserved. 49
  • 50. •  •  •  •  •  •  •  
 50
  • 51. Copyright 2010 © mixi,Inc. All right reserved. 51
  • 52. •  •  •  •  52
  • 53. 53
  • 54. Copyright 2010 © mixi,Inc. All right reserved. 54
  • 55. 55
  • 56.         56