http://www.flickr.com/photos/15572431@N03/2091314252

4

http://webleon.org/2008/05/google-friend-connect.html

6

7

8

9

JavaScript APIs

JSONP

HTML + JavaScript

10

5,000,000

5M:

100,000

100K:

13

( )

15

16

17

http://www.flickr.com/photos/caotieou/2237283361/

http://www.flickr.com/photos/twose/887903401

http://www.flickr.com/photos/jakub_hlavaty/709973018

21

http://www.flickr.com/photos/kubina/471164507

http://www.flickr.com/photos/bluefootedbooby/370462145

24

Social Web Blog ( + )

Social Web Blog ( + )

2

5

25

Social Web Blog ( + )

2

6

26

27

28

http://www.flickr.com/photos/totalaldo/2399469680/

30

31

32

33

34

160px - 180px

35

Comments Comments

36

»

37

»«

38

»«

39

http://www.flickr.com/photos/jreed/419728489

41

42

– – ( )

– – ( )

43

44

=851783050906

?

45

46

http://www.flickr.com/photos/79557817@N00/122664322/in/set-72057594052967676/

OpenSocial API

4848

4949

5050

5151

5252

5353

20+

20+: OpenSocial SNS

700,000,000

700M:

http://www.flickr.com/photos/emagic/51069522

57

58

59

60

. . . . . . . . . . .

61

http://www.flickr.com/photos/bluefootedbooby/370460130

63

64

Comments on this page:

Jane said: “digit is so cute!”

John said: “too girly, I want a real dog”

Jane said: “awww, John is nuts!”

Tom said: “what breed is she?”

Kim said: “a goldendoodle!”

John said: “that’s not a breed”

1-6 of 424242

65

blog.getCommentsJson(onLoadFeed);

function onLoadFeed(data) {// Iterate over the array items

for (var i = 0; i < data.length; i++) {

var author = data[i].author;

a.appendChild(document.createTextNode(

author.name + “wrote..."));

dt.appendChild(a);

dd.appendChild(document.createTextNode(

data[i].content));

var openSocialId = author.openSocialId;

// if author is public follower and one of friendsif (openSocialId && friendProfiles[openSocialId]) {

dt.style.backgroundColor = "yellow";

dd.style.backgroundColor = "yellow";

}

}

}

http://www.flickr.com/photos/madaise/3213868369

67

1

2

68

69

70

<Optional feature="skins"/>

$("someElement").style.borderColor =

gadgets.skins.getProperty('BORDER_COLOR');

71

1

2

http://www.flickr.com/photos/munksynz/1350801503

73

: http://e.com/zh_ALL.xml<messagebundle><msg name=”greeting”> </msg>

</messagebundle>English: http://e.com/en_ALL.xml

<msg name=”greeting”>Hello</msg>

<Locale lang="zh-cn" essages="http://e.com/zh_ALL.xml"/><Locale lang="en" messages="http://e.com/en_ALL.xml"/>.....

<h1>__MSG_greeting__</h1>

http://www.flickr.com/photos/24072855@N08/2909789213

5,000,000

5M:

100,000

100K:

http://www.flickr.com/photos/criminalintent/94440474

81

http://www.google.com/friendconnect/submitgadget

GFC