osde と opensocial jquery で作る簡単ソーシャルアプリ (1/3)

41
OSDE OpenSocial jQuery で作る 簡単ソーシャルアプリ @nakajiman @yoichiro @webos_goodies 2010/9/27 1

Upload: nakajiman-software-inc

Post on 24-May-2015

1.898 views

Category:

Technology


0 download

DESCRIPTION

Google Developer Day 2010 Tokyo GTUG Boot Camp https://sites.google.com/site/tokyogtugusersite/bootcamp-2010?pli=1

TRANSCRIPT

Page 1: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ

@nakajiman

@yoichiro

@webos_goodies

2010/9/27 1

Page 2: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

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)

その前に・・・

• Eclipseはインストールしていますか?

– 入れてない場合は大至急インストールを!

– USBメモリからEclipseをすぐにコピーできます

– JDKも入れていない方は・・・ごめんなさい

2010/9/27 3

Page 4: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

Install OSDE

2010/9/27 4

Page 5: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 5

Page 6: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 6

Page 7: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 7

http://opensocial-development-environment.

googlecode.com/svn/update-site/site.xml

Page 8: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 8

Page 9: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 9

Page 10: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 10

Page 11: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 11

Page 12: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 12

Page 13: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 13

Page 14: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

Configure OSDE

2010/9/27 14

Page 15: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 15

Page 16: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 16

Page 17: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

Generate a first new project

2010/9/27 17

Page 18: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 18

Page 19: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 19

Page 20: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 20

Page 21: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 21

Page 22: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 22

Page 23: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 23

Page 24: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 24

Page 25: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

Start Apache Shindig server

2010/9/27 25

Page 26: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 26

Page 27: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 27

Page 28: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

Create a sample database

2010/9/27 28

Page 29: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 29

Page 30: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 30

Page 31: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 31

Page 32: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

Run your application

2010/9/27 32

Page 33: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 33

Page 34: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 34

Page 35: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 35

Page 36: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 36

Page 37: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

Change your code

2010/9/27 37

Page 38: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 38

Page 39: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 39

Page 40: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 40

Page 41: OSDE と OpenSocial jQuery で作る簡単ソーシャルアプリ (1/3)

2010/9/27 41