XMLプログラミング（DOM編）

Size: px

Start display at page:

Download "XMLプログラミング（DOM編）"

れんかたかひ
5 years ago
Views:

1 XML プログラミング DOM に依る XML 文書の操作 DOM と DOMDocument オブジェクトプログラミング言語から XML を扱うには DOM(Document Object Model) と呼ばれるプログラミングインターフェイスを利用するのが最も簡単で有る DOM は Internet Explorer 5.x 以降の XML パーサ (MSXML) に実装されて居る DOMDocument オブジェクトプログラミング言語から DOM を利用するには DOMDocument オブジェクトのインスタンスを生成し其のプロパティとメソッドを操作する DOMDocument は XML 文書に記述されたデータとデータ構造を保持するオブジェクトで Java JavaScript VBScript C# C++ 等のプログラミング言語から XML 文書に記述されたデータを取り出して利用出来る様に成る DOM は W3C で規定されたオブジェクトの操作手段で有り公開された API を利用する事で各種プログラミング言語から XML 文書を操作出来る併し実用的で小回りの利くアプリケーションを作るには機能不足と思える面も有る其の為 Internet Explorer では W3C の規定に独自の拡張 API を加えて居るインスタンスの生成アプリケーションから DOMDocument を扱うには先ずオブジェクトのインスタンスを生成し其処に既存の XML 文書を読み込ませたり或いは XML 形式に変換したデータをオブジェクトを介して書き出したりする事に成る下記の様に仕て DOMDocument オブジェクトのインスタンスを生成する Dim Doc As MSXML2.DOMDocument Set Doc = New MSXML2.DOMDocument() 併し HTML 文書中で JavaScript 等の言語を使って XML 文書を扱うなら更に簡単な方法が有る XML データアイランド (XML Data Island) と呼ばれる機能を利用する方法で有るデータアイランドの生成 HTML 文書中で <xml> タグに依り XML 文書を定義すると XML データアイランドが生成される書式は下記の様に成る <xml id= 識別名 > XML 文書 </xml> 上記 id には文字列型の識別名を与える此れが XML ID と成りデータアイランドは DOMDocument -1-

2 オブジェクトと仕て操作する事が出来る ( 実際にはタグに囲まれた範囲の XML 文書に対してデータが解析された後 DOMDocument オブジェクトが生成される ) 例えば下記の様な形で有る <xml id="xmlmembers"> < 番号 >1001</ 番号 > < 氏名 > 山中重義 </ 氏名 > < 所属 > 総務部 </ 所属 > < 役職 > 部長 </ 役職 > </xml> XML データアイランドの生成 XML 文書を別ファイルと仕た場合 src オプションに依りファイルのパスを指定する事も出来る <xml id= 識別名 src= パス ></xml> XML 文書は通常 HTML ファイルとは別のファイルと成って居るから既存の XML 文書を読み込んで処理する場合此方の形式の方が一般的で有る下記の様な感じに成る <xml id="xmlmembers" src="members.xml"></xml> 其の他先に空のデータアイランドを定義して置いてスクリプトで DOMDocument の load メソッドを使い外部の XML 文書を読み込ませる事も出来る <xml id="xmlmembers"></xml> : xml.load("members.xml"); 亦 <script> タグでデータアイランドを定義する事も可能で有る <script language="xml" id="xmlitems"> < 番号 >1001</ 番号 > < 氏名 > 山中重義 </ 氏名 > < 所属 > 総務部 </ 所属 > < 役職 > 部長 </ 役職 > </script> DOMDocument オブジェクトのプロパティとメソッド此の様に HTML 文書でスクリプトを使えば XML データアイランドを介して XML 文書を簡単に扱える様に成る -2-

3 下記に DOMDocument オブジェクトの主なプロパティとメソッドを掲げて置く DOMDocument では XML 文書内のデータはルート要素から始まる階層構造と仕て参照する事が出来る DOMDocument オブジェクトの主なプロパティ documentelement XML 文書のルート要素 async 非同期読み込み ( 規定値は True) item 直下の要素の集合 (0から始まるインデックスに依り要素を指定する) text 要素の保持するテキストデータ namespaceuri 名前空間の URI definition DTD 又はスキーマに依るノードの定義 nodename ノード名 nodetype ノードの型を示すコード ( 要素 =1 属性 =2 テキスト =3) nodetypestring ノードの型名 attributes ノードの属性 datatype ノードのデータ型 nodevalue ノードの値 parentnode 存在すれば親のノード無ければ null childnodes 子ノードの集合 firstchild 最初の子ノード lastchild 最後の子ノード previoussibling 現在のノードの直前のノード nextattrbutessibling 現在のノードの直後のノード parsed 構造が解析済みか何うか parseerror 構造解析時のエラー情報 (IXMLDOMParseError オブジェクト ) マークは独自に拡張された物 DOMDocument オブジェクトの主なメソッド abort* 非同期のダウンロードを中止 appendchild ノードの最後に新しい子ノードを追加 createattribute 新しい属性を作成 createcomment コメントノードを作成 createelement 要素ノードを作成 createnode* 型と名前空間を指定してノードを作成 createtextnode テキストノードを作成 getelementsbytagname 指定された名前を持つ要素の集合を戻す load ファイル指定して XML 文書をオブジェクトに読み込む loadxml 文字列を指定して XML 文書をオブジェクトに読み込む removechild 子ノードを削除 replacechild 子ノードを置換 save 保持している XML 文書を書き出す selectnodes 指定したパターンに適合するノードのリストを返す transformnode* 指定したスタイルシートを使って XML 文書を表示形式のテキストに変換 transformnodetoobject 指定したスタイルシートを使って XML 文書を表示形式オブジェクトに変換マークは独自に拡張された物 -3-

4 各種言語と DOMDocument XML データアイランドを用いる他既に紹介した様にアプリケーションの側で XMLDOMDocument オブジェクトを生成して XML 文書にアクセスする事も可能で有る Microsoft XML Parser(MSXML) の入手 Microsoft XML Parser(MSXML~msxml.dll) は Internet Explorer 5.x 以上にコンポーネントと仕て組み込まれて居る亦下記のサイトにアクセスすれば最新の MSXML 4.0 とサービスパック 1(SP1) がダウンロード出来るスクリプト VBScript と JavaScript では下記の様に仕て XMLDOMDocument オブジェクトを生成出来る VBScript Set xmldoc = CreateObject("Microsoft.XMLDOM") JavaScript var xmldoc = new ActiveXObject("Microsoft.XMLDOM"); 孰れの場合も XML 文書を読み込ませる場合は下記の様なコードを記述する strxmldocument は XML 文書の URL を示す文字列とする xmldoc.async = false xmldoc.load strxmldocument ASP の VBScript ASP の場合は Web サーバー側にパーサーが必要で有る Set xmldoc = Server.CreateObject("Microsoft.XMLDOM") XML 文書を読み込ませるには下記の様なコードを記述する strxmldocument は XML 文書の URL を示す文字列とする xmldoc.async = false xmldoc.load strxmldocument Visual Basic Visual C# プロジェクト参照設定でプロジェクトに Microsoft XML, x.x(x.x はバージョン ) ライブラリを追加する Visual Studio.NET ではプロジェクト参照の追加で COM タブから Microsoft XML, x.x を追加する -4-

5 Dim xmldoc As MSXML.DOMDocument Set xmldoc = New MSXML.DOMDocument XML 文書を読み込ませるには下記の様なコードを記述する strxmldocument は XML 文書の URL を示す文字列とする xmldoc.async = false xmldoc.load strxmldocument C++ と DOM Visual C++ では msxml.dll をインポートしオブジェクトのインスタンスを生成する必要が有る #import "msxml.dll" using namespace MSXML; : MSXML::IXMLDOMDocumentPtr pdomdoc( uuidof(msxml::domdocument)); C++ で XML 文書を読み込ませるには下記の様にする pdomdoc->put_async(variant_false); VARIANT_BOOL varresult = DOMDoc->load(_variant_t(bstrURLofXMLDoc)); サンプル ~ スタイルシートの切り替え JavaScript で XML データアイランドを使ったサンプルと仕てスタイルシートの切り替え処理を紹介するスタイルシートで表示を切り替える XML で記述されたデータベースのテーブルは XSL スタイルシートに依り表示形式を設定する事が出来る詰まりスタイルシートを複数用意すれば 1 つのテーブルの内容を様々な表示形式で提示する事が出来ると謂う事で有るリスト 1 は社員情報の XML 文書で有る亦此の XML 文書を表示する為のスタイルシートをリスト 2~4 の 3 通り用意した各スタイルシートの表示形態は下記の様に成って居る members-a.xsl( リスト 2): 単純にデータを表示するだけ members-b.xsl( リスト 3): 社員番号を太字で表示する members-c.xsl( リスト 4): データを枠線付きの表形式で表示するリスト 1 <?xml version="1.0" encoding="shift_jis"?> <!DOCTYPE 社員情報 [ <!ELEMENT 社員情報 ( 社員 )+> <!ELEMENT 社員 ( 番号, 氏名, 所属, 役職 )> -5-

6 <!ELEMENT 番号 (#PCDATA)> <!ELEMENT 氏名 (#PCDATA)> <!ELEMENT 所属 (#PCDATA)> <!ELEMENT 役職 (#PCDATA)> ]> < 社員情報 > < 番号 >1001</ 番号 > < 氏名 > 山中重義 </ 氏名 > < 所属 > 総務部 </ 所属 > < 役職 > 部長 </ 役職 > < 番号 >1002</ 番号 > < 氏名 > 会田美子 </ 氏名 > < 所属 > 総務部 </ 所属 > < 役職 > 主任 </ 役職 > < 番号 >2001</ 番号 > < 氏名 > 奥村義男 </ 氏名 > < 所属 > 営業部 </ 所属 > < 役職 > 部長 </ 役職 > < 番号 >2011</ 番号 > < 氏名 > 西岡恒彦 </ 氏名 > < 所属 > 広報課 </ 所属 > < 役職 > 課長 </ 役職 > < 番号 >2013</ 番号 > < 氏名 > 園田充子 </ 氏名 > < 所属 > 広報課 </ 所属 > < 役職 > 主任 </ 役職 > </ 社員情報 > リスト 2 <?xml version="1.0" encoding="shift_jis"?> <xsl:stylesheet xmlns:xsl=" xml:lang="ja"> <xsl:template match="/"> <HTML lang="ja"> <TITLE> 社員名簿 -- 通常の一覧形式 </TITLE> <BODY> <xsl:apply-templates select="//*" /> -6-

7 </BODY> </HTML> <xsl:template match=" 番号 "> <DIV> </DIV> <xsl:template match=" 氏名 "> <FONT size="3"> </FONT> <xsl:template match=" 所属 "> <FONT size="3"> </FONT> <xsl:template match=" 役職 "> <FONT size="3"> </FONT> </xsl:stylesheet> リスト 3 <?xml version="1.0" encoding="shift_jis"?> <xsl:stylesheet xmlns:xsl=" xml:lang="ja"> <xsl:template match="/"> <HTML lang="ja"> <TITLE> 社員名簿 -- 社員番号を太字で表示 </TITLE> <BODY> <xsl:apply-templates select="//*" /> </BODY> </HTML> <xsl:template match=" 番号 "> <DIV> <B> 社員番号 : </B> -7-

8 </DIV> <xsl:template match=" 氏名 "> <FONT size="3"> </FONT> <xsl:template match=" 所属 "> <FONT size="3"> </FONT> <xsl:template match=" 役職 "> <FONT size="3"> </FONT> </xsl:stylesheet> リスト 4 <?xml version="1.0" encoding="shift_jis"?> <xsl:stylesheet xmlns:xsl=" xml:lang="ja"> <xsl:template match="/"> <HTML lang="ja"> <TITLE> 社員名簿 -- 枠線付きの表形式で表示 </TITLE> <BODY> <TABLE border="2"> <TR> <TH> 番号 </TH> <TH> 氏名 </TH> <TH> 所属 </TH> <TH> 役職 </TH> </TR> <xsl:apply-templates select="//*" /> </TABLE> </BODY> </HTML> # 繰り返しデータ <xsl:template match=" 社員 "> <TR> <TD> -8-

9 <B><xsl:value-of select=" 番号 "/></B> </TD> <TD> <xsl:value-of select=" 氏名 "/> </TD> <TD> <xsl:value-of select=" 所属 "/> </TD> <TD> <xsl:value-of select=" 役職 "/> </TD> </TR> </xsl:stylesheet> ボタンでシートが切り替わる斯うして 3 つのスタイルシートに依る 3 通りの表示方法を用意しても XML 文書内でスタイルシートの指定を記述して居たのでは表示を変更する度に下記の様に XSL スタイルシートの名称を書き換えなければ成りません <?xml-stylesheet type="text/xsl" href="members-a.xsl"?> 其れでは XML を利用する意味が無いので別の HTML ファイルに JavaScript を記述し其れに依りスタイルシートを切り替える様に仕て観るリスト 5 の HTML 文書をブラウザで開くと画面 1 の様に成る 3 つのボタンに先に紹介したスタイルシート (members-a.xsl members-b.xsl members-c.xsl) に依る表示が割り当てられて居るのでボタンをクリックすると画面 2~4 の様に XML 文書の表示が切り替わるリスト 5 <HTML> <HEAD> <META http-equiv="content-script-type" content="text/javascript"> <TITLE> スタイルシートの切り替え </TITLE> <xml id="members_xml" src="members04.xml"></xml> <xml id="type_a" src="members-a.xsl"></xml> <xml id="type_b" src="members-b.xsl"></xml> <xml id="type_c" src="members-c.xsl"></xml> <SCRIPT language="javascript"> <!-- function ViewTypeA() { viewarea.innerhtml = members_xml.transformnode(type_a.documentelement); } -9-

10 function ViewTypeB() { viewarea.innerhtml = members_xml.transformnode(type_b.documentelement); } function ViewTypeC() { viewarea.innerhtml = members_xml.transformnode(type_c.documentelement); } --> </SCRIPT> </HEAD> <BODY> <H3> スタイルシートを切り替えて表示方法を変更します </H3> <P> <FORM> <INPUT type="button" value=" 通常の一覧 " onclick="viewtypea()"> <INPUT type="button" value=" 番号を太字 " onclick="viewtypeb()"> <INPUT type="button" value=" 表形式 " onclick="viewtypec()"> </FORM> </P> <DIV id="viewarea">--- データは此処に表示されます ---</DIV> </BODY> </HTML> 画面 1:members04.html を開いたところボタンのクリックで表示形式を切り替えられる -10-

11 画面 2:[ 通常の一覧 ] ボタンをクリック ~members-a.xsl に依る表示画面 3:[ 番号を太字 ] ボタンをクリック ~members-b.xsl に依る表示画面 4:[ 表形式 ] ボタンをクリック ~members-c.xsl に依る表示 -11-

12 transformnode メソッドを使う JavaScript の詳しい解説は本記事のテーマから外れる為ソースの詳細な説明は割愛する要は function ViewTypeA() { viewarea.innerhtml = members_xml.transformnode(type_a.documentelement); } の様に仕て特定の XSL スタイルシートで XML 文書を表示させるメソッドを用意し <input type="button" value=" 通常の一覧 " onclick="viewtypea()"> と謂う形でボタンの OnClick イベントに割り当てて居る丈で有る transformnode メソッドは XML 文書を指定したスタイルシートに従った表示形式に変換する書式は下記の通りで有る戻り値 = オブジェクト.transformNode( スタイルシート ) 戻り値 : 返還後の文字列オブジェクト :XML 文書を保持している DOMDocument オブジェクトスタイルシート : スタイルシートを保持している DOMDocument オブジェクト -12-

XML（DOMガイド）

XML（DOMガイド） XML DOM ガイド初心者の為の XML DOM ガイドイントロダクション本稿は XML(eXtensible Markup Language) 形式のドキュメントからデータを受け取ろうと仕て居る Microsoft Visual Basic の開発者を対象と仕て居る此処では XML ドキュメントから情報を取得し其のデータを Visual Basic のソリューションに統合する方法を説明する