XSLTマッシュアップでは，XSLTによる変換処理をどこで行うかによって，クライアント変換型とサーバー変換型の2つの種類がある。クライアント変換型のXSLTマッシュアップでは，WebサイトからXMLをダウンロードして，WebブラウザのXSLT変換処理を利用する。一方，サーバー変換型のXSLTマッシュアップでは，Webサービスの呼び出し時に変換指示用のXSLTを指定して，サーバー側でXSLT変換を行う。

複数のWebサービスをマッシュアップする際に，Webサービスの連携の仕方によって，並列型と直列型がある。複数のWebサービスを順に呼び出し，その結果をマッシュアップする形態を並列型マッシュアップ呼ぶ。もう1つの形態である直列型マッシュアップは，1つのWebサービスを呼び出して，その応答メッセージからあるキーワードを抽出し，それを手掛かりに別なWebサービスを呼び出して，その結果をマッシュアップするという形態である。直列型では，はじめに呼び出したWebサービスの結果によって，それ以降のWebサービスが呼び出されるために，結果として得られるデータの意外性が生じやすい。で扱うWebサービスの種類とその内容について以下の，に示す。

に示す例では，クライアント変換型の直列型XSLTマッシュアップであり，の例では，サーバー変換型の直列型XSLTマッシュアップである。利用するWebサービスをに示す。

のWebサービスの例では，クライアント変換型で，直列型と並列型を混合させた形態である。利用するWebサービスをに示す。

入力となる情報は，検索のためのキーワード(この例では「野球」)，一回の要求で表示する最大件数(5件)，件数が多いときにページが分割されるため，そのページ番号(この例では一ページ目)という情報であり，これを入力XML(ファイル名：dispHonStyle1.xml)として定義する。hon.jpのWebサービスを利用する場合には，アクセスのためのIDが必要となるので，この値もこの入力XML内に指定しておく。各自で実際に試す場合には，是非自分用のIDを取得して使っていただきたい。の画面上では上部に入力XMLの内容を表示させている。ここでのIDは，お試し用IDを使用している。

この入力XMLに対して，スタイルシート(XSLT，dispHonStyle1.xsl.xml)を用意して，まずは画面の上部に入力の内容を示す表(table)を生成する指示を記述する。その後でhon.jpのWeb APIを呼び出し，電子書籍の情報を獲得し，表の下部左側部分の各セルに対応する情報を埋め込む。

次のXSLTのコード()は，入力XMLで指定されるhon.jpのWeb APIを呼び出すURLの定義と実際に呼び出す部分である。ベースとなるURLの後に，利用者ID(uid)を付け，xsl:for-each命令を使ってパラメタとなるキーワード，最大件数，パージ番号を巡回的に付加してアクセス用のURL(accessUrl)を定義している。そして3段落目がそのURLを使って，Webサービスを呼び出すコードである。hon.jpのWeb APIはREST型のWebサービス呼び出しであり，HTTPのGETを利用しているために，XSLTでは，document関数を使って，そのWeb APIを呼び出すことが可能な点に注目して欲しい。

この結果，Web APIで呼び出された情報は，XSLTの中では，"honjpDoc"という名前のドキュメントノードとして取り扱うことが可能となる。ここで応答として得られるXMLの中身については，hon.jpのサイトにあるドキュメントを参照して分かるように，ルート要素を"ProductInfo"として持ち，その子要素として，1個の"request"及び複数個の"results"などの要素を持つ構造をしている。results要素が1つの電子書籍の情報を持つ。因みにresults要素は，最大件数を5に設定したために，ここでは5個以下のはずである。hon.jpからの応答XMLが具体的にどんな内容かを確かめるために，上記のアクセス用URLを実際に手作業で作りあげ，Webブラウザ上で呼び出してみるとよくわかる。

このリクエストによって，応答されたXMLを見ながらXSLTのコード作成などを作成すると良い。このURL上ではキーワードが漢字表記されているが，Webブラウザ(IE6)上では，エスケープされてアクセスされるためにこのままでも良い。

このhonjpDocのノードの中で現れる要素"ProductInfo"を取り出し，XSLTのテンプレートを適用させるためには，次の様に，XSLTのxsl:for-each命令を使うことで達成される点を注目したい。

そして"ProductInfo"に対するテンプレートの中で，各results要素を取り出し，必要な情報をHTMLの表(table)に変換するコードが，である。

"results"要素に対するテンプレートの中における1件分の処理の最後で，の下部右側部分にアマゾン提供の画像情報を埋め込むための考慮をしておかなければならない。honjpDocノード内にあるISBN(sourceISBN_10要素)をキーとして，更にアマゾン提供のWeb APIを使って書籍データを獲得するために，またアマゾンWebサービスへのアクセス用のURLを作成しなければならない。では，最初の段落で情報の区切りごとに設定するコードを示している。各パラメタは，amazon.co.jpのWebサービスの規定に従って記述しなければならない。ISBN番号からハイフンを除いたものが，ItemId要素であるために，XPathのtranslate関数を使って，sourceISBN_10要素の中身からハイフンを削除している点に注意。

そして，XSLTのdocument関数で獲得したWebサービスからの応答メッセージを，ansXmlという名前でドキュメントノードとして保持しておく。アマゾンWebサービスの情報から，画像情報を取り出す部分のコードはの通り。

]]>

画像情報のURLを取り出すだけなので，XSLTでは，ドキュメントノードを示す$ansXml変数を使って，変数imgUrlの値として簡単に取り出せる。HTMLのimgタグのsrc属性にこの値を設定すれば，Webブラウザ上で表紙の画像が表示される。 XML，XSLTをダウンロードして，入力用XMLのデータを変更してみて，Webブラウザ(IE6)で見ることで是非確かめて欲しい。もう少し複雑な利用法や，パラメタを入れ替えて，複数のスタイルで見ることも可能になっているので，を参照していただきたい。

の例( dispHonStyle2.xml )は，とほぼ同様の処理をしているが，XSLTを分割して，xsl:import処理をしているところが異なっている。入力XMLを処理するXSLTから，hon.jpからの応答XMLを処理するXSLT( hon-style-01.xsl.xml )をインポートし，更にそのXSLTから，アマゾンWebサービスからの応答XMLを処理するXSLT( amazonIsbn2.xsl.xml )とから構成されている。それぞれのXSLTが，単独でそれぞれの応答XMLを処理するように作成されているおり，それらを，再利用する形となっている。

は，hon.jpのREST型WebAPIを呼び出すためのパラメタ設定を画面上から選択させ，その応答に対してどのスタイルシートを適用させるかを指定するために，HTMLのform機能を用いて作成したものである。左端の通番欄のスタイルをチェックし，右側のパラメタを選んで，「hon.jpの呼び出し」ボタンをクリックすることによって，hon.jpにアクセスする。このソースは，XMLであり，パラメタとなる候補群を予め設定するようになっている。スタイルシート( dispHonStyle.xsl.xml )では，そのXMLの内容をformを使うHTMLに変換している。ここでは4通りのスタイルを指定しているが，【1】はスタイル変換をしない指定であるため,パラメーターに応じて要求された応答としてのXMLが表示される。そのほかどんな形で変換しているかを概観したのがである。

また，じゃらんWebサービスを使って，銀座・晴海・築地地区のエリアコードを指定しているので，地図上では緑の旗の位置にあるホテルの情報があることがわかる。実際に幾つかの緑の旗をクリックしてみると，ホテルの写真が現れるはずである。実はこの例では位置情報の持ち方の単位(測地系)が，じゃらんWebサービス(日本測地系)とグーグルマップ(世界測地系)で異なるために，位置が少しずれているのだが，お分かりだろうか。実際に利用するときには，測地系をあわせることに注意が必要である。

入力XML()において，更にkeyword要素を"コンピュータ"に変更するとか，info要素にて，type属性の値を"xbrl1-bs2"に戻すとかして，異なる表示になることを試してみて頂きたい。 GPS付きカメラや携帯電話を持っている人は，写真をWebサイトに公開して，その写真のURLを入力XML内に設定し，若干のコメント，キーワードを加えて，簡単にマッシュアップできることを試行すると良いだろう。更に興味のある人は，XSLTのソースを見て，様々なチャレンジをしていただきたい。

最後に，マッシュアップをする際には，利用するサービスの利用条件を満たすように注意が必要であることを付け加えておく。個人的に利用する場合には問題になることが少ないと思われるが，商用で利用する場合には特によく注意していただきたい。また，サービス提供が突然停止してしまったり，インタフェースが変わることが起こり得ることなどにも気をつける必要がある。上で紹介したWebサービスが使えなくなった場合にはご容赦願いたい。商用で利用する際にはこのような条件も含めて，はっきりとさせておくことが必要であろう。それらを頭に入れながら，まずはマッシュアップを試していただきたい。