osde と opensocial jquery で作る簡単ソーシャルアプリ (1/3)
DESCRIPTION
Google Developer Day 2010 Tokyo GTUG Boot Camp https://sites.google.com/site/tokyogtugusersite/bootcamp-2010?pli=1TRANSCRIPT
![Page 1: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/1.jpg)
OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ
@nakajiman
@yoichiro
@webos_goodies
2010/9/27 1
![Page 2: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/2.jpg)
Agenda
• First step is ...
– OSDEのインストール
– プロジェクトの新規作成と実行
• Second step is ...
– アプリにソーシャル性を与えるためのOpenSocial APIの利用
• Third step is ...
– より簡単に開発するためのopensocial-jqueryの利用
2010/9/27 2
![Page 3: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/3.jpg)
その前に・・・
• Eclipseはインストールしていますか?
– 入れてない場合は大至急インストールを!
– USBメモリからEclipseをすぐにコピーできます
– JDKも入れていない方は・・・ごめんなさい
2010/9/27 3
![Page 4: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/4.jpg)
Install OSDE
2010/9/27 4
![Page 5: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/5.jpg)
2010/9/27 5
![Page 6: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/6.jpg)
2010/9/27 6
![Page 7: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/7.jpg)
2010/9/27 7
http://opensocial-development-environment.
googlecode.com/svn/update-site/site.xml
![Page 8: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/8.jpg)
2010/9/27 8
![Page 9: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/9.jpg)
2010/9/27 9
![Page 10: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/10.jpg)
2010/9/27 10
![Page 11: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/11.jpg)
2010/9/27 11
![Page 12: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/12.jpg)
2010/9/27 12
![Page 13: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/13.jpg)
2010/9/27 13
![Page 14: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/14.jpg)
Configure OSDE
2010/9/27 14
![Page 15: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/15.jpg)
2010/9/27 15
![Page 16: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/16.jpg)
2010/9/27 16
![Page 17: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/17.jpg)
Generate a first new project
2010/9/27 17
![Page 18: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/18.jpg)
2010/9/27 18
![Page 19: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/19.jpg)
2010/9/27 19
![Page 20: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/20.jpg)
2010/9/27 20
![Page 21: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/21.jpg)
2010/9/27 21
![Page 22: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/22.jpg)
2010/9/27 22
![Page 23: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/23.jpg)
2010/9/27 23
![Page 24: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/24.jpg)
2010/9/27 24
![Page 25: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/25.jpg)
Start Apache Shindig server
2010/9/27 25
![Page 26: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/26.jpg)
2010/9/27 26
![Page 27: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/27.jpg)
2010/9/27 27
![Page 28: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/28.jpg)
Create a sample database
2010/9/27 28
![Page 29: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/29.jpg)
2010/9/27 29
![Page 30: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/30.jpg)
2010/9/27 30
![Page 31: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/31.jpg)
2010/9/27 31
![Page 32: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/32.jpg)
Run your application
2010/9/27 32
![Page 33: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/33.jpg)
2010/9/27 33
![Page 34: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/34.jpg)
2010/9/27 34
![Page 35: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/35.jpg)
2010/9/27 35
![Page 36: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/36.jpg)
2010/9/27 36
![Page 37: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/37.jpg)
Change your code
2010/9/27 37
![Page 38: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/38.jpg)
2010/9/27 38
![Page 39: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/39.jpg)
2010/9/27 39
![Page 40: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/40.jpg)
2010/9/27 40
![Page 41: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)](https://reader034.vdocuments.mx/reader034/viewer/2022052523/5560b25dd8b42af93b8b4771/html5/thumbnails/41.jpg)
2010/9/27 41