情報処理学会
平成18年度短期集中セミナー『Web 2.0の現在と展望』

Web 2.0時代の情報アーキテクチャ
Ajax＆マッシュアップ先端事例徹底解剖！

2006年 11月 29日（水）株式会社リクルート 事業開発室
川崎 有亮
http://www.kawa.net/

今日のゴール『Web 2.0』とは定義不詳の曖昧なバズワード？
⇒具体的な事例から Web 2.0 の現在を感じる。
Web 2.0 時代の情報アーキテクチャにおいて今、アカデミアに求めらているものを捉える。

Web 2.0時代の情報アーキテクチャ

川崎 有亮

21

スゴイ地図 ＝ Web 2.0？

http://sugoi.doko.jp/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

3

はてなブックマークでの評価

Google Maps
使ってません！

Ajax
使ってません！

Web 2.0なんだろうか？
http://b.hatena.ne.jp/entry/http://sugoi.doko.jp/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

42

Web 2.0的な要素とスゴイ地図
電話帳以上の情報量を網羅• The Long Tail＋自社独自情報• Data is the Next Intel Inside• Users Add Value
レビュー投稿・お気に入り機能• Network Effects by Default• Some Rights Reserved
公開後も新機能追加• The Perpetual Beta
プロプライエタリな疎結合• Cooperate, Don't Control• Software Above the Level of a Single Device
雑誌感覚の新しい検索体験をテーマにサイトを作ったら、確かに、Web 2.0 的な要素が含まれていた・・・
Web 2.0時代の情報アーキテクチャ

川崎 有亮

5

か わ さ き ゆ う す け

自己紹介 （川崎有亮）
1998年5月 合資会社いなかっぺ（学部4年の友人4名で起業）
1999年3月 千葉大学工学部情報工学科卒業（環境リモートセンシング）
2000年4月 株式会社かっぺ設立
2001年3月 千葉大学大学院自然科学研究科知能情報科学専攻卒業
2005年9月 株式会社かっぺ退社（取締役副社長）
2006年3月 技術評論社『Ajax 実装のための基礎テクニック』（共著）2006年8月 株式会社リクルート入社（事業開発室R&Dユニット）

http://www.kawa.net/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

6

3

TODAY’S AGENDA
1. Web 2.0らしさとは？
2. Ajax の浸透と発展
3. JavaScriptの復権とリッチUIライブラリ
4. WebサービスAPIとマッシュアップ
5. マッシュアップ構築のレシピ
6. Sun×RECRUIT Mash Up Award
7. 今後の課題と展望

Web 2.0時代の情報アーキテクチャ

川崎 有亮

7

(1) Web 2.0らしさとは？
〜明確な定義が欠如している〜

4

セマンティックWeb （レイヤーケーキ）

http://www.w3.org/2005/Talks/0511-keynote-tbl/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

9Web 2.0 バブルマップ『ごちゃごちゃ』・『雑然』・『カオス』
http://kosmar.de/archives/2005/11/11/the-huge-cloud-lens-bubble-map-web20/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

2005/11/11

105

『Web 2.0 的』 ウェブサービス

http://flickr.com/photos/stabilo-boss/101793494/
2006/02/20
Web 2.0時代の情報アーキテクチャ
川崎 有亮

11

β版ままリリースされるサービス
The Perpetual Beta

http://mail.google.com/

http://flickr.com/

http://mixi.jp/

Web 2.0時代の情報アーキテクチャ

川崎 有亮

126

RSSとAtomの変遷
Netscape

現在も3フォーマットの規格が並存している

RDF

RSS 0.9

RSS 1.0
ロゴは統一

RSS

RSS 0.91

UserLandRSS 2.0
Atom-PPでパブリッシング対応

リーダー側で各フォーマットに対応。
配信側は1種のみ〜3種全て出力。 Atom
データ形式でなく配信するデータこそが大事
1999年

Atom 0.3

Atom 1.0

2000年

Web 2.0時代の情報アーキテクチャ2005年

川崎 有亮

13

RSS 2.0フォーマット例<rss version="2.0"><channel><title>ブログサイト名</title><link>http://blog.example.com/</link><description>ブログサイトの説明文。</description><language>ja</language><copyright>Copyright 2006</copyright><lastBuildDate>Wed, 15 Nov 2006 00:00:00 +0900</lastBuildDate><generator>http://www.sixapart.com/movabletype/</generator><docs>http://blogs.law.harvard.edu/tech/rss</docs><item><title>ブログ記事名</title><description>ブログ記事の概要文。</description><link>http://blog.example.com/archives/post.html</link><guid>http://blog.example.com/archives/post.html</guid><pubDate>Wed, 15 Nov 2006 00:00:00 +0900</pubDate></item></channel></rss>※MovableTypeの生成するRSS 2.0のサンプルデータ
Web 2.0時代の情報アーキテクチャ

川崎 有亮

147

JSONフォーマット例※JSON - JavaScript Object Notation{"rss": {←E4X風属性値プリフィックス @"@version": "2.0","channel": {"title": "ブログサイト名","link": "http://blog.example.com/","description": "ブログサイトの説明文。","language": "ja","copyright": "Copyright 2006","lastBuildDate": "Wed, 15 Nov 2006 00:00:00 +0900","generator": "http://www.sixapart.com/movabletype/","docs": "http://blogs.law.harvard.edu/tech/rss","item": {"title": "ブログ記事名","description": "ブログ記事の概要文。","link": "http://blog.example.com/archives/post.html","guid": "http://blog.example.com/archives/post.html","pubDate": "Wed, 15 Nov 2006 00:00:00 +0900"}}}}※RSSフィードの内容をそのままJSONフォーマットで表現した例
Web 2.0時代の情報アーキテクチャ

川崎 有亮

15(2) Ajax の浸透と発展〜直感的なインターフェースを実現する手法〜

8

Ajaxの 誕生
Jesse James Garrettの命名により、開発者コミュニティが初めて共通言語を持った。

http://adaptivepath.com/publications/essays/archives/000385.php
2005/02/18
Web 2.0時代の情報アーキテクチャ

川崎 有亮

17Ajaxエンジンと5つの要素•••••Web 2.0時代の情報アーキテクチャ

川崎 有亮

XHTML と CSS を用いた、
Web 標準に基づくプレゼンテーション
Document Object Model によるダイナミックな表示と相互作用
XML と XSLT による、データの変換や操作
XMLHttpRequest による、データの非同期的な取得
それらを JavaScript で結びつける

18

9

Ajaxの技術モデル←従来の同期型アプリモデルではユーザの操作に空白が生じていた←Ajaxの非同期型アプリモデルではAjaxエンジンが応答することでユーザの操作が途切れない▼
直感的なインターフェースを実現可能に

Web 2.0時代の情報アーキテクチャ

川崎 有亮

19

GoogleによるAjaxアプリケーション

Google Maps

Google Suggest

Google Personalized Home Gmail
Web 2.0時代の情報アーキテクチャ

川崎 有亮

20

10

その他の海外Ajaxアプリケーション

WikiMapia

Windows Live Shopping

thinkfree (Java)My Yahoo!

Web 2.0時代の情報アーキテクチャ

川崎 有亮

21Google Docs & Spreadsheets

http://docs.google.com/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

22

11

国産Ajaxアプリケーション

Ajaxを使った日本語 Full IME

livedoor Reader

Google Maps API
シューティング挫折版@nifty Webメール 2.0β

Web 2.0時代の情報アーキテクチャ

川崎 有亮

23

身近なところからAjax導入

http://www.sukoyaka-ya.com/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

24

12

郵便番号から住所を自動入力

さりげなく、地に足のついた技術へ
Web 2.0時代の情報アーキテクチャ

川崎 有亮

25

Ajaxのバリエーション
非同期通信

XML形式

狭義のAjax¦¦
XMLフォーマット利用
非同期通信必須

狭義のAjax

広義のAjax

狭義のAjaxに限らず、複数の方式から選択して利用できる。
• 通信オブジェクト： XMLHttpRequest、Microsoft.XMLHTTP• データフォーマット： XML (responseXML)、任意テキスト (responseText)• 非同期通信： Async-mode、Sync-mode• XHR以外の実現手段： <iframe>要素、<script>要素（JSONP）
Web 2.0時代の情報アーキテクチャ

川崎 有亮

2613

XMLHttpRequestとprototype.js
var http;
if ( typeof(window.XMLHttpRequest) != 'undefined' ) {http = new XMLHttpRequest();} else {http = new ActiveXObject('Microsoft.XMLHTTP');}var callback = function () {if ( http.readyState != 4 ) return;var stat = http.status;
var elem = document.getElementById('news_here');if ( ! stat || ( 200 <= stat && stat < 300 ) ) {elem.innerHTML = http.responseText;} else {elem.innerHTML = '通信エラー ('+stat+')';}};
http.onreadystatechange = callback;http.open('GET', 'news.txt', true);
http.send('');↑XMLHttpRequest (XHR) を利用したスクリプト例

prototype.jsを利用したスクリプト例↓

new Ajax.Updater('news_here','news.txt',{method: 'GET'});Web 2.0時代の情報アーキテクチャ

川崎 有亮

27

(3) JavaScriptの復権とリッチUIライブラリ〜不遇の10年間を経て蘇ったJavaScript〜

14

ECMAScript 標準化と拡張

1st:1997

ECMA-262
2nd: 1998 3rd: 1999

Web 2.0時代の情報アーキテクチャ

ECMA-357 (E4X)
1st:2004 2nd: 2005

川崎 有亮

29

Ajax／Web 2.0フレームワーク

Web 2.0時代の情報アーキテクチャ

川崎 有亮

2006/05/29

30

15

Ajaxian.com 2006 Survey Results
Ajax用JavaScriptライブラリは、prototype.jsのシェアが高い。（25％はXHR直利用）
サーバ側開発言語としては、PHPが最も多く利用されている。

http://ajaxian.com/archives/ajaxiancom-2006-survey-results
2006/09/23

Web 2.0時代の情報アーキテクチャ

川崎 有亮

31

prototype.js

http://prototype.conio.net/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

32

16

script.aculo.us

http://script.aculo.us/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

33

文字が順に出てくるエフェクト

script.aculo.usを利用することで、Flash並のリッチエフェクトもJavaScriptで実現できる
Web 2.0時代の情報アーキテクチャ

川崎 有亮

34

17

Rico

http://www.openrico.org/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

35

画像を使わないラウンドコーナー

従来はテーブルを利用して制作が面倒だった角丸四角形をRicoが自動生成する
Web 2.0時代の情報アーキテクチャ

川崎 有亮

3618

Yahoo! UI Library

http://developer.yahoo.com/yui/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

37

Yahoo! Design Pattern Library

http://developer.yahoo.com/ypatterns/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

3819

Google Web Toolkit

http://code.google.com/webtoolkit/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

39

Google Web Toolkitの特徴

豊富なWidget

Web 2.0時代の情報アーキテクチャ

java.lang・java.util クラスのエミュレーションを内蔵

川崎 有亮

40

20

dojo

http://dojotoolkit.org/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

41

Spry framework for Ajax

http://labs.adobe.com/technologies/spry/Web 2.0時代の情報アーキテクチャ

川崎 有亮

4221JSAN – JavaScript Archive Network

http://www.openjsan.org/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

43

Animation.Rasterライブラリ

http://www.kawa.net/works/js/animation/raster.html
Web 2.0時代の情報アーキテクチャ

川崎 有亮

44

22

Animation.Cubeライブラリ

http://www.kawa.net/works/js/animation/cube.html
Web 2.0時代の情報アーキテクチャ

川崎 有亮

45

XMLHttpRequest とライブラリ利用例
DATA

XML
XML::TreePP
JSON

Server side

XMLHttpRequest
Client side
JKL.ParseXML

VIEW
Web 2.0時代の情報アーキテクチャ

prototype.js
XML.ObjTree
HTML + JavaScript
川崎 有亮

46

23

Ajaxから広がるJSフレームワーク
他言語とのコンビネーション

Google Web Toolkit
Ruby on Rails

Ajax

シンプルフルスペック

Spry

JSAN

prototype.jsクライアントサイドJavaScript
Web 2.0時代の情報アーキテクチャ

Yahoo! UI Library

川崎 有亮

47

JavaScriptライブラリとライセンス形態
ライブラリ

ウェブサイトライセンス

作者

Direct Web Remoting

http://getahead.ltd.uk/dwr/

Apache License 2.0

Getaheaddojo

http://dojotoolkit.org/

AFL / LGPL (dual)

Dojo Foundation

Google Web Toolkit

http://code.google.com/webtoolkit/

Apache License 2.0

Google Inc.

jQueryhttp://jquery.com/

MIT / GPL (dual)

John Resig

MochiKit

http://mochikit.com/

MIT / AFL (dual)

Mochi Media, LLC

prototype.js

http://prototype.conio.net/

MIT License

Sam Stephenson

Rico

http://openrico.org/

Apache License 2.0

Richard Cowin

script.aculo.us

http://script.aculo.us/

MIT License

Thomas Fuchs

Spry framework for Ajax

http://labs.adobe.com/technologies/spry/

BSD License

Adobe Systems Inc.

Yahoo! UI Library

http://developer.yahoo.com/yui/

BSD License

Yahoo! Inc.

XML.ObjTree

http://www.kawa.net/

Artistic License

川崎 有亮

Web 2.0時代の情報アーキテクチャ

川崎 有亮

48

24

Ajaxアプリケーション実装の課題

••
•
•
•
•
•

プログラミング規約、標準デザインパターン
IDE 統合開発環境、デバッグ環境
テスト手法の確立、ユニットテスト
ブラウザ間の互換性検証
Webサービスの granularity（粒度）設計
データ管理、ストレージ＆ネットワークコスト
エンタープライズ分野サービス品質保証

Web 2.0時代の情報アーキテクチャ

川崎 有亮

49

(4) WebサービスAPIとマッシュアップ〜API公開のメリットとリスク〜

25

マッシュアップとは複数のサービスを組合せて、（さくっと）新たなサービスを作り出す+=GoogleMaps （オンライン地図）

craigslist （不動産情報）

HousingMaps
Web 2.0時代の情報アーキテクチャ

川崎 有亮

51

WebAPIの 提供と利用の段階

出展：Web2.0から学ぶSOAの本質／鈴木雄介（アークランプ）
2006/05/26
川崎 有亮

Web 2.0時代の情報アーキテクチャ

52

26

マッシュアップサイト増加中

http://www.programmableweb.com/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

53

検索系WebサービスAPI
Google SOAP Search API

SOAP/WSDL

http://code.google.com/apis/soapsearch/

Yahoo! Web Search APIREST
POX/JSON/PHP

http://developer.yahoo.com/search/web/V1/webSearch.html

Technorati API Search

REST
POX/RSS

http://technorati.com/developers/api/search.html

Webサービス利用者（サードパーティ）の開発・実装が容易なRESTを採用するサービスが増えてきた。
Web 2.0時代の情報アーキテクチャ

川崎 有亮

54

27

Google SOAP Search API リクエスト例<?xml version="1.0" encoding="UTF-8"?><soap:Envelope xmlns:typens="urn:GoogleSearch"soap:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/"
xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"
xmlns:wsdl="http://schemas.xmlsoap.org/wsdl/"
xmlns:soapenc="http://schemas.xmlsoap.org/soap/encoding/"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"><soap:Body><typens:doGoogleSearch><key xsi:type="xsd:string">XXXX</key><q xsi:type="xsd:string">Web 2.0</q><start xsi:type="xsd:int">0</start><maxResults xsi:type="xsd:int">10</maxResults><filter xsi:type="xsd:boolean">true</filter><restrict xsi:type="xsd:string">countryJP</restrict><safeSearch xsi:type="xsd:boolean">true</safeSearch><lr xsi:type="xsd:string">lang_ja</lr><ie xsi:type="xsd:string">utf8</ie><oe xsi:type="xsd:string">utf8</oe></typens:doGoogleSearch></soap:Body></soap:Envelope>

Web 2.0時代の情報アーキテクチャ

SOAP/WSDL

川崎 有亮

55

Technorati API／RESTリクエスト例
REST

http://api.technorati.com/search?format=xml&language=ja&key=XXXX&query=Web+2.0

Web 2.0時代の情報アーキテクチャ

川崎 有亮

56

28

API経由で自社メディア以外へもコンテンツを展開
効果
自社メディアの利用者
整形された
データ

コンテンツ
ホルダ

非整形
データ

API提供
整形されたデータ

効果
Web 2.0時代の情報アーキテクチャ

ネット上の様々なメディアの利用者

川崎 有亮

57

API開放で想定されるリスク• どこでどのように露出するか分からない（データハンドリング）– 誹謗中傷目的の利用、有害コンテンツへの掲載• 競合他社サイトの情報とアグリゲートも可能– 容易に比較できる →自社コンテンツの精度が重要！
• API提供のデータのみ利用され、アクションに結びつかない– 例）AmazonのAPIで本を選んで、楽天Booksで購入• データを全件取得して、競合他社サイトに活用される危険– 二次利用だけでなく、データ傾向の分析処理も• 自社所有コンテンツの著作権と、API向けの再配布権の確認– ウェブ掲載契約に、API経由の再配布も含まれる？
• 社内システムに直結（しないけど）セキュリティ面にも要注意などなど
Web 2.0時代の情報アーキテクチャ

川崎 有亮

58

29

APIマネジメント・サービスも登場

WebサービスAPI提供をサポートするサービス（米国）ドキュメント制作・コミュニティ運営・アクセス制御など
Web 2.0時代の情報アーキテクチャ

http://www.mashery.com/

川崎 有亮

59

(5) マッシュアップサイト構築のレシピ〜番外編：美味しい『くるくるブログ』の作り方〜

30

レシピ（１）WikiPedia オンライン百科事典
他言語への翻訳

見出しキーワード／関連語句（類想語）
http://ja.wikipedia.org/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

61

レシピ（２）Technoratiブログ検索
日本語ブログを自動車 で検索

ドイツ語ブログを
automobil で検索

http://www.technorati.com/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

62

31

レシピ（３）画面キャプチャ（サムネイル生成）

http://x-row.cc/webtojpeg/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

63

レシピ（４）よく交ぜ合わせる
百科事典
関連語辞書
各国語訳

+
ブログ検索

画面サムネイルオリジナルのアイディア！

Web 2.0時代の情報アーキテクチャ

川崎 有亮

64

32

できあがり ⇒ くるくるブログ
ブログマッチングサービス

12ヶ国語対応！

http://kuru2.st/kuru2blog/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

65

くるくるブログ トップ

http://kuru2.st/kuru2blog/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

66

33

12テーマ×12言語 マトリックス

http://kuru2.st/kuru2blog/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

67

世界各国からアクセス

Google Analytics Geo Map Overlay
Web 2.0時代の情報アーキテクチャ

川崎 有亮

68

34

くるくるブログ 国別アクセス統計
TurkeyVietnam
PolandBrazil
Germany
GreeceFrance
Spain
SwedenNetherlands
United StatesNorway
PortugalMexicoChileAustralia
Peru
Belgium
Colombia
Canada

20.7%
8.1%
7.2%
6.6%
5.2%
3.0%
2.8%
2.7%
2.7%
2.5%
2.1%
1.3%
1.0%
1.0%
0.8%
0.8%
0.8%
0.6%
0.6%
0.4%

１位：トルコ ２位：ベトナム
非英語圏からのアクセスが多い▼
アクセス元のロングテール化

Google Analytics Geo Location
Web 2.0時代の情報アーキテクチャ

川崎 有亮

69

ちなみに Wikipedia 言語別記事件数
1 English

1,503,965

2 Deutsch

501,884

3 Français

399,759

4 Polski

318,889

6 Nederlands

242,509

8 Português

198,951

9 Svenska

195,578

10 Español

173,435

14 Norsk

87,41025 Türkçe

39,56738 Ελληνικά

16,53148 Tiếng Việt12,252

トルコ語：25位 ベトナム語：48位▼
サイト数が少なくSEO効果が高い?

http://meta.wikimedia.org/wiki/List_of_Wikipedias
Web 2.0時代の情報アーキテクチャ

川崎 有亮

70

35

(6) Sun×RECRUIT Mash Up Award〜集え、オモシロremixer。三度の飯よりマッシュアップ〜

Sun×RECRUIT Mash Up Award 2006

http://jp.sun.com/promotions/mashupaward/
Web 2.0時代の情報アーキテクチャ

川崎 有亮

72

36

むかしむかし・・・ポータルサイト全盛

Web 2.0時代の情報アーキテクチャ

川崎 有亮

73

そして・・・ユーザーメディアの台頭

Web 2.0時代の情報アーキテクチャ

川崎 有亮

74

37

リクルートの提供するAPI

2006年6月より中古車／旅館・ホテル／住宅／求人情報をWeb ＡＰＩとして公開

Web 2.0時代の情報アーキテクチャ

川崎 有亮

75

WebAPI の提供とコンテストの開催• 新たなアイデアの発見– 自社では思いつかない・できない、社内データの有効活用• 開発者コミュニティとの連携– ゆるやかなリレーションを醸成するきっかけに• Ｗｅｂ ＡＰＩ自体のプロモーション– Ｗｅｂ ＡＰＩとしての知名度獲得、デファクトスタンダード▼• 募集期間： 2006年6月5日〜7月31日– エントリー者数： 303名
– 応募作品数： 56作品
Web 2.0時代の情報アーキテクチャ

川崎 有亮

76

38

ネットのこちら側からあちら側へのアプローチ
ネットのこちら側

ネットのあちら側『不特定多数無限大』を信頼する『不特定多数無限大』を信頼しない大組織の情報システム

出展：ウェブ進化論／梅田望夫
Web 2.0時代の情報アーキテクチャ

川崎 有亮

77

日本横断 パチスロ武者修行の旅
フロムエー賞「漢 -macho-」
STEP.1 旅を記録する
STEP.2 泊まる場所を探す（じゃらんAPI利用→ホテル・旅館）
STEP.3 資金を集める（FromA API利用→アルバイト）⇒全国をパチスロ行脚していく
http://macho.machoup.jp/account/login
Web 2.0時代の情報アーキテクチャ

川崎 有亮

7839

住宅情報と土地利用データのマッシュアップ

Smatch賞「家すぐMAP」
Web 2.0時代の情報アーキテクチャ

http://convivial-web.com/PHMaps/
川崎 有亮

79

(7) 今後の課題と展望

40

Webアプリケーション開発の今後• ウェブサーバ側アプリの開発は容易になった。
Linux / Apache / MySQL・PostgreSQL / PHP・Perl・Ruby…
– 適材適所で選択。スピーディーな開発＆β版リリース。
• Data is the Next Intel Inside データ大事。
通信方式（プロトコル／データフォーマット）や実装技術よりも、そのデータによって実現できることが重要視される。
– しかし、規格統一を待たない弊害も出てきている• クライアント側アプリ（JavaScript/Ajax）の開発は課題が残る。
開発環境の充実と、ブラウザ間の互換性を確保するライブラリ– デバッグ・テスト手法の提案はあるが、確立していない• さらにリッチになるユーザインターフェース。直感的な操作を実現。
動的コンテンツ・リッチインターフェースの性能評価は未整備。
– システム負荷試験だけでなく、ユーザの『体感』性能を測定
Web 2.0時代の情報アーキテクチャ

川崎 有亮

81

『Web 2.0を滅亡させるもの』• 人類を滅亡させるものは？
– 原子力？
– ウイルス？
▼
http://www.youtube.com/user/lonelygirl15• Web 2.0を滅亡させるものは？
– バイラル(viral)マーケティング– ステルス(stealth)マーケティング• 企業は、ブログも他のメディア同様にマーケティングに活用するが、利用者は、個人の情報発信と期待して受け取っている （認識の相違）
高島 （i-Top研究会） 2006

Web 2.0時代の情報アーキテクチャ

川崎 有亮

82

41

新たなネット利用リテラシが求められる•

Web 2.0 的サービスに対する利用者からの信頼性が失墜する？

•性善説に基づく システムは、悪意の攻撃に弱い– 初期の多くのインターネット・プロトコルもそうだった– ウイルスメール・spamメール・チェーンメール・・・– 集合知、SNS、クチコミ情報も性善説で済まない現状•

新たなネット利用リテラシが求められている– SNSも誰でも見れる。個人情報を掲載してはいけない(!?)– クチコミ情報を読んだら、企業の宣伝と疑え (!?)••

対策は規制？（⇒いわゆる「Web 2.0 的」の逆になってしまう・・・）
利用者への地道な啓蒙活動が重要。それを担うのは？

Web 2.0時代の情報アーキテクチャ

川崎 有亮

83

Questions?
川崎 有亮
株式会社リクルート 事業開発室
kawasaki@r.recruit.co.jp

http://www.kawa.net/
u-suke@kawa.net

42