1. 企業システムを
マッシュアップ型に変えるには
13-B-3 米持 幸寿
日本アイ・ビー・エム株式会社
ソフトウェア・テクノロジー・カウンシル

2. エンタープライズ・マッシュアップ
高度な素材
共有と
による
管理
補完・促進
企業システム
インターネット
個人・部門
IBM Mashup Center

3. IBMが提供するマッシュアップ・オファリング
IBM Mashup Center
InfoSphere
Lotus Mashups MashupHub
(ビジュアル ) (データフィード )
カタログ
ウィジェットを組み合わせてマッシュアッ 企業内、インターネット上、組織内、個
マッシュアップ
プを作成 人のあらゆる情報を再利用できる形で
素材の共有/発見
これまでにはなかった情報の組み合わ 解き放つ
・ウィジェット
フィードを加工（結合、ソート、変換など）
せ、可視化により、新たな”気づき”を得 ・フィード
により新たなフィードを作り出すブラウザ
る ・ページ ベースの
コードを書くことなく、ウィジェットを作成
ビジュアルなツール
するためのツール
WebSphere sMash
(スクリプト記述 )
軽量なスクリプト言語 (Groovy / PHP) で
既存資産を活用した新たな RESTサービスを提供
ウィジェットを開発、提供
25

4. Web 2.0 テクノロジー用語
ブラウザに表示されるアプリケーションをリッチなユーザーインターフェイスにするための技術
RIA
XmlHttpRequest： JavaScriptから動的にサーバーとHTTP通信するためのオブジェクト
XmlHttpRequest：JavaScriptから動的にサーバーとHTTP通信するためのオブジェクト
XHR
XHRを使って、Webブラウザーに表示されたコンテンツをサーバーデータで動的に更新する手法。
XHRを使って、Webブラウザーに表示されたコンテンツをサーバーデータで動的に更新する手法。
Ajax
Ajax に JavaScript-API を準備し、外部からAjaxコンポーネントを操作できるようにしたもの。
を準備し、外部からAjaxコンポーネントを操作できるようにしたもの。
JavaScript-
Ajax-API
Webサイトの更新情報やサマリーを配信するためのXML技術の抽象的な呼び方。
シンジケーション・フィード Webサイトの更新情報やサマリーを配信するためのXML技術の抽象的な呼び方。
Netscape社が1996年ころから使い始め、非常に多くのサイトで利用されているシンジケーション・
Netscape社が1996年ころから使い始め、非常に多くのサイトで利用されているシンジケーション・
RSS
フォーマット。
IETFに提案されたシンジケーション・フォーマット。
IETFに提案されたシンジケーション・フォーマット。
ATOM
WebサービスAPI インターネット・サイトのソフトウェア・コンポーネントの機能を、別のソフトウェアから呼び出せるようにで
きるように公開されているプログラム手続き(API)の抽象的な呼び方。
きるように公開されているプログラム手続き(API)の抽象的な呼び方。
ネットワーク上に呼び出し可能になっているAPIやデータの抽象的な呼び方。
オープンAPI・データ ネットワーク上に呼び出し可能になっているAPIやデータの抽象的な呼び方。
HTTPのコマンド（GET、 POST、 PUT、 DELETE）を利用する、Webサービス呼び出しの考え方。
HTTPのコマンド（GET、POST、PUT、DELETE）を利用する、Webサービス呼び出しの考え方。
RESTful
ATOMパブリッシング・プロトコル。ATOMフィード技術に、RESTfulの考え方でプロトコルとして仕立て
ATOMパブリッシング・プロトコル。ATOMフィード技術に、RESTfulの考え方でプロトコルとして仕立て
APP
たもの。
JavaScript のオブジェクト記述フォーマットを使って、JavaScript－サーバー間でデータ交換をする。
JSON（プロトコル） のオブジェクト記述フォーマットを使って、JavaScript－サーバー間でデータ交換をする。
上記に紹介されているような、Web上に提供されている情報やサービスなどを組み合わせて、新しいソ
上記に紹介されているような、Web上に提供されている情報やサービスなどを組み合わせて、新しいソ
Mash Up
フトウェアやサービス、データベースなどを作ること。

5. Ajax （Asynchronous JavaScript and XML）
DHTML ＋ 動的にデータをサーバーからダウン
ロードするテクニック
JSON （JavaScript Object Notation）
JavaScript のオブジェクト記述（リテラル）方法
サーバーから別ファイルで用意したJSON記述を動的に
ダウンロードすることが可能
当然、サーバーアプリケーションで生成してもよい
XHR（XmlHttpRequest）
サーバーからXMLを動的にダウンロードする
JavaScriptオブジェクト

6. プログラマブルWeb
Webサイトは「操作」するだけでなく、プログ
ラムできるようになっているものが増加
Webサービス、オープンAPI
HTTPパケットを送信
リクエスト＋パラメーター
リクエスト＋テキスト、CSV、XML、JSON
HTTPパケットを受信
テキスト、CSV、XML、JSON
Ajaxコンポーネントに装備されたAPI

7. JavaEETMでWeb2.0
WebSphere Application Server に搭載されているWeb
2.0フィーチャー
Web Remoting
Javaオブジェクト、EJB、WebサービスをRESTfulでアクセス
JSON4J
JSONデータをJavaからアクセスする
Ajax Proxy
複数サイトへのアクセスをサポート
Web Feeds
RSS、ATOMのためのJava API
Ajax Messaging
SIBusを通して、Ajaxに非同期メッセージを送付する
Ajax 開発ツールキット
Dojoツールキット＋IBM拡張
WebSphere Feature Pack for Web 2.0で検索

8. WebSphere sMash
Groovy、PHPでWebアプリケーションを開発
データベース検索結果（結果オブジェクト）を簡単
にJSONやXMLに変換可能
def result = data.queryArray('SELECT * FROM employees')
request.view = 'JSON'
request.json.output = result
render()
Zero Resource Framework
RDBを登録するだけで、RESTfulでアクセス可能
→超便利！
サーバー側にはまったくコードを書かないAjaxアプリ
ケーションも開発可能
Dojoツールキットを同梱

9. ProjectZero：Wiki のような開発環境
使う セットアップ 管理者
インフラ担当
ブラウザー
ユーザー
書き込む
保存する
アプリケーション
ビルダー
スクリプト
プログラマー

12. IBM “Mashup Center”
シチュエーショナル・アプリケーション
Catalog:
Lotus Mashups: ウィジェットを マッシュアップの材料を登録・検索
作ったり、ウィジェットの組み合わせで
マッシュアップ画面を作る
InfoSphere MashupHub:
RESTスタイルのアプリケーションや
フィードを共有し、マッシュアップする
グラフィカルツール

13. Optim、DB2、IMS などエンタープライズシステム、
CSV、Excel、XMLなどのファイル類も
マッシュアップ対象に変換可能！

14. アプリケーションはウィジェットで
在庫リスト
顧客リスト
受注
仕入リスト
ポートフォリオ
地図
株価
レイアウト 予約

16. e-businessアプリケーションの新しい形態
SOA
Web 2.0
Mashup
部品 サービス
ユーザー
Social クラウド
メインフレーム
Webサーバー
トランザクション
RESTful、フィード、Ajax EA・SOA・SOAP
スクリプト言語 クラスタリング Java EE
ユーザー
アジャイル開発、永遠にβ 長期運用・保守 オブジェクト設計
ウィジェット
マッシュアップ
スクリプト 専門プログラマー
プログラマー

17. 悪意のあるコードのマッシュアップ
0001 保浦 美奈 東京都 03-4567-8901
0002 八鎌 椎名 埼玉県 049-8765-4321
0003 薔薇 真理 神奈川県 045-321-0987
DOMを検索して、
顧客情報を見つけたら
自分のサーバーへ送信

18. Secure Mash technology
Webブラウザー上でマッシュアップされたア
プリケーションに潜む悪意のあるコードが別
のコンポーネントにアクセスしにくくするテク
ノロジー
IBM東京基礎研究所とアルマデン研究所の
共同開発
OpenAjax に寄贈
将来の製品で提供予定

20. まとめ
機能を解き放つのが大切
フィード（RSS・ATOM）
RESTful
Ajax・Ajax API→ウィジェット化
ユーザーレベルで自由に組み合わせる
プログラミングでマッシュアップする時代は終了
シチュエーショナル・アプリケーション