『はじめてのXSLT 』小林信次

はじめての XSLT SwapSKills 2009 　 vol.2 次に求められる　 Web サイト制作の技術株式会社まぼろし：小林　信次 2009.04.05 はじめての XSLT

自己紹介小林信次（こばやし・しんじ）株式会社まぼろし（ maboroshi.biz ） WEB ディレクター／マークアップエンジニア

このセッションの流れ XSLT とは ? XML を XSLT で変換してみよう ! 参考

1.XSLT とは ? XML としての XSLT XSLT の歴史 XSLT の名前 XSLT の役割

XML としての XSLT XSL XML etc XHTML XSL-FO XSLT XPath SVG MathML

XSLT の歴史 1999-11-16 XSLT Version 1.0 2007-01-21 XSLT Version 2.0

XSLT の名前 XSLT=XSL Transformations XSL =Extensible Stylesheet Language 　　 = 拡張可能なスタイルシート言語 Transformation= 変換、変形 XSLT= 拡張可能なスタイルシートによるデータ構造変換

XSLT の役割 XML を「他の形式の XML 」「 HTML 」「テキスト」などに変換することができる【例】 XML XSLT HTML XSL-FO PDF ブラウジング印刷

2.XML を XSLT で変換してみよう ! XSLT のお決まり XML と XSLT を関連付ける出力結果を指定する XSLT はテンプレートのかたまり DW と XSLT で、制作ページ一覧を作る Amazon の WEB サービスを利用する

XSLT のお決まり <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet 　 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> ... </xsl:stylesheet>

XML と XSLT を関連付ける <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/xsl" href=“hoge.xsl" ?> ... </xsl:stylesheet> XSLT までのパス application/xslt+xml application/xml

出力結果を指定する <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet 　 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" encoding="UTF-8" /> ... </xsl:stylesheet> 【 xsl:output ／属性参考】 http://msdn.microsoft.com/ja-jp/library/ms256187.aspx xml html text QNAME

XSLT はテンプレートのかたまりテンプレート = 一連のスタイル規則を定義したもの <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet 　 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" encoding="UTF-8"> <xsl:template match="/"> ... </xsl:template> </xsl:stylesheet> ルート要素に適用されるテンプレート ※ このテンプレートから他のテンプレートを呼び出したりが可能

XSLT はテンプレートのかたまり <xsl:template match="/" > ... </xsl:template> match 属性テンプレートが XML 文書のどの要素に適用されるのか上記の例「 match=“/” 」 = XML 文書のルート要素に適用される = XML 文書全体に適用

XSLT はテンプレートのかたまり XSLT ルート要素のテンプレートテンプレートテンプレート

2-1. DW と XSLT で、制作ページ一覧を作る変換する XML 要素・属性の内容を表示するテンプレートから別のテンプレートを呼ぶ繰り返し処理属性を生成する

要素・属性の内容を表示する要素の内容を表示： <xsl:value-of select=“hoge" /> 属性の内容を表示： <xsl:value-of select=“hoge/@hoge" /> 現在のノードからのパス ※ XPath 式で記述 hoge 要素の hoge 属性 hoge 要素の内容

XML Path Language マークアップ言語： XML に準拠した、文書の特定の部分を指定する言語構文 = パスを示すルール XPath

XPath XPath で利用できる主な構文の例構文概要例 / 直下の子要素 a/b a 要素直下の b 要素 // すべての子孫要素 a//b a 要素内のすべての b 要素 * すべての要素 a/* a 要素直下のすべての要素 @ 要素の属性 a/@b a 要素の b 属性

テンプレートから別のテンプレートを呼ぶ <xsl:apply-templates select=“hoge" /> 現在のノードからのパス ※ XPath 式で記述

テンプレートから別のテンプレートを呼ぶ <xsl:stylesheet …> <xsl:template match="/"> <xsl:apply-templates select=“hoge" /> </xsl:template> <xsl:template match=“hoge"> </xsl:template> </xsl:stylesheet> select 属性と一致した match 属性の値を持つテンプレートが呼び出される

さらに何重にもテンプレートを呼び出すことが可能テンプレートから別のテンプレートを呼ぶルート要素のテンプレートテンプレートテンプレート

テンプレートから別のテンプレートを呼ぶテンプレートを入れ子にするのは NG ルート要素のテンプレートテンプレートテンプレート

<xsl:for-each select=“hoge"> … </xsl:for-each> 繰り返し処理現在のノード配下にあるすべての hoge 要素を繰り返し処理

<xsl:stylesheet …> <xsl:template match="/"> <xsl:apply-templates select=“hoge" /> </xsl:template> <xsl:template match=“hoge"> <xsl:for-each select=“fuga"> … </xsl:for-each> </xsl:template> </xsl:stylesheet> 現在のノードルート要素ルート要素内の hoge 要素 hoge 要素内の fuga 要素

<a href=“<xsl:value-of select=“hoge/@fuga" />”> 属性を生成する構文エラーになってしまう

<a> <xsl:attribute name="href"> <xsl:value-of select=“hoge" /> </xsl:attribute> <xsl:value-of select=“fuga" /> </a> 属性を生成する href 属性を生成し、 href 属性の値に、 hoge 要素の内容を指定 a 要素の内容に、 fuga 要素の内容を指定

2-2. AMAZON の WEB サービスを利用する変換する XML 連番を追加する XSLT のソート機能条件によって表示を変える平均値を求める 85

■ アマゾンへのリクエスト例 http://ecs.amazonaws.jp/onca/ xml?Service=AWSECommerceService &AWSAccessKeyId=1JCQ41ZTFKEWXT0FZ602 &AssociateTag=skoba-22 &Operation=ItemSearch &SearchIndex=Books &Keywords=xhtml &Sort=salesrank &ResponseGroup=ItemAttributes,Images 変換する XML

<ItemSearchResponse> <Items> <Request> <ItemSearchRequest> <Keywords> <Item> <DetailPageURL> <MediumImage> <URL> <Height> <Width> <ItemAttributes> <Author> <Creator Role=“hoge"> <ListPrice> <Amount> <NumberOfPages> <Publisher> <Title> 変換する XML

<xsl:number format="01" /> 連番を追加する番号の表示形式その他ももろもろ [ 割愛 ] format 属性指定番号の表示形式 format="1" 1 2 3 ..... 10 11 12 ..... format="A" A B C ..... Z AA AB AC ..... format="a" a b c ..... z aa ab ac ..... format="i" i ii iii iv v vi ..... format="I" I II III IV V VI ..... format=" あ " あいうえおか ..... format=" ア " アイウエオカ ..... format=" 一 " 一二三四五六 ..... format=" 壱 " 壱弐参四五六 .....

<xsl:sort select=“hoge“ data-type=“hoge“ order=“hoge" /> XSLT のソート機能ソートする対象の要素を指定データ型 text/number の 2 種類昇順 [ascending] 降順 [descending]

<xsl:if test=“ 条件式” > 内容 </xsl:if> 条件によって表示を変える <xsl:choose> <xsl:when test=“ 条件式 A”> 内容 A </xsl:when> <xsl:otherwise> 内容 B </xsl:otherwise> </xsl:choose> 条件式が true のときに内容を表示条件式 A が true のときに内容 A を表示それ以外のときに内容 B を表示 xsl:when は複数指定可能

条件式の例 price[number(.) <= 3000] 条件によって表示を変える [] -> フィルタパターン ※ 中に比較式や論理式を記述可能

フィルタパターンの構文 price[number(.) <= 3000] 条件によって表示を変える要素比較の対象演算子【比較式／論理式参考】 http://msdn.microsoft.com/ja-jp/library/ ms256081(VS.80).aspx

<xsl:value-of select=“sum(hoge/fuga) div count(hoge/fuga)” /> 平均値を求める hoge 要素内の fuga 要素の合計【さまざまな XPath 関数参考】 http://msdn.microsoft.com/ja-jp/library/ ms256138(VS.80).aspx 割り算 hoge 要素内の fuga 要素の数

3. 参考 wikipedia http://ja.wikipedia.org/wiki/XSL_Transformations MSDN ライブラリ http://msdn.microsoft.com/ja-jp/library/default.aspx XML 関係アーカイブ | Takazudo Clipping* http://gyauza.egoism.jp/clip/archives/xml/

はじめての XSLT ありがとうございました [email_address]

『はじめてのXSLT 』小林 信次

More Related Content

Similar to 『はじめてのXSLT 』小林 信次

More from SwapSkills