DigiTechLog Dot Com » DOM

as3cannonball: DOM+HTML+CSS+BrowserのActionScript 3ライブラリ

admin — Fri, 10 Apr 2009 10:52:11 +0000

「as3cannonball」というものは、DOM+HTML+CSS+Browserなどを簡単で操作できるActionScript 3オープンソースのライブラリです。公式サイトの紹介を見るとそのライブラリのソースはまだ全部テストされてないです。サンプルを参照しなら実装してみました、使いやすいですよね。ちょっとJavaScriptのExtライブラリ風があるじゃないかぁ。

※CSS解説：Cascading Style Sheets（CSS、段階スタイルシート、カスケーディング・スタイル・シート、カスケード・スタイル・シート）とは、HTML や XML の要素をどのように修飾（表示）するかを指示する仕様であり、W3Cによる勧告の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。CSS は HTML で表現可能と考えられるデザインの大部分を実現できる要素を取り入れつつ、新たなデザイン機能を備える。

ActionScriptには、以下のようでHTMLLoader オブジェクトが complete イベントを送出すると、ページ内の CSS スタイルを調べたり操作したりできます。

<html>
<style>
.style1A { font-family:Arial; font-size:12px }
.style1B { font-family:Arial; font-size:24px }
style>
<style>
.style2 { font-family:Arial; font-size:12px }
style>
<body>
<p class="style1A">
Style 1A
p>
<p class="style1B">
Style 1B
p>
<p class="style2">
Style 2
p>
body>
html>

as3cannonballライブラリを使うと、

CSSソース:

a
{
color: #00FF00;
}
#content a[href$=".pdf"]
{
color: #FF0000;
}

XMLソース:

<div id=”content”>
<ul>
<li><a href=”somedoc.pdf”>Some PDFa>li>
ul>
div>

ActionScript ソース

import com.newgonzo.cannonball.css.CSSDocument;
import com.newgonzo.cannonball.css.CSSStyleDeclaration;
var document:CSSDocument = new CSSDocument();
document.parseCSS(css);
var style:CSSStyleDeclaration = document.getCascadedStyle(xml);
trace(style.color); // #FF0000

関連リンク

http://code.google.com/p/as3cannonball/　公式サイト

JavaでXMLを操作の４種類方法とサンプルソース

admin — Tue, 24 Feb 2009 16:43:34 +0000

本文はJavaでXMLファイルを操作するDOM、SAX、JDOMとDOM４Jという４種類の説明とサンプルソースです。

・DOM

DOMはDocument Object Modelの略です。XMLにアクセスするためのAPI(Application Programming Interface)です。W3Cによって仕様が公開されています。DOMは、XML文書をツリー構造として扱います。

これを「DOMツリー」といいます。XML文書全体を解析してDOMツリーとしてメモリ上に保存するのでデータの多いXML文書を解析する場合は多くのメモリを消費します。

以下はサンプル用のhelloworld.xml

xml version=”1.0″ encoding=”Shift_JIS” ?>
<message>Hello Worldmessage>

解析用のJavaソースです。

import java.io.*;
import javax.xml.parsers.*;
import org.w3c.dom.Document;
import org.w3c.dom.Element;
public class HelloWorldDOM {
public static void main (String[] args) {
try {
// ドキュメントビルダーファクトリを生成
DocumentBuilderFactory dbfactory = DocumentBuilderFactory.newInstance();
// ドキュメントビルダーを生成
DocumentBuilder builder = dbfactory.newDocumentBuilder();
// パースを実行してDocumentオブジェクトを取得
Document doc = builder.parse(new File("helloworld.xml"));
// ルート要素を取得（タグ名：message）
Element root = doc.getDocumentElement();
// 最初の子ノード（テキストノード）の値を表示
System.out.print(root.getFirstChild().getNodeValue());
} catch (Exception e) {
e.printStackTrace();
}
}
}

・SAX

SAXはSimple API for XMLの略です。DOM(Document Object Model)と並んでXMLを解析するために使用する標準APIです。SAXはXML文書を先頭から読んでいきそこで発生したイベントをアプリケーションでとらえて処理するAPIです。DOMに比べて、メモリ消費量が少ない、解析速度が速いなどのメリットがありますが、ノードの追加、削除など、XML文書を更新する機能はありません。

SAXで上記の同じのhelloworld.xmlを解析Javaソースです。

import javax.xml.parsers.*;
import org.xml.sax.*;
import org.xml.sax.helpers.*;
import java.io.*;
public class HelloWorldSax extends DefaultHandler {
public static void main(String[] argv) {
try {
// SAXパーサーファクトリを生成
SAXParserFactory spfactory = SAXParserFactory.newInstance();
// SAXパーサーを生成
SAXParser parser = spfactory.newSAXParser();
// XMLファイルを指定されたデフォルトハンドラーで処理します
parser.parse(new File("helloworld.xml"), new HelloWorldSax());
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* ドキュメント開始時
*/
public void startDocument() {
System.out.println("ドキュメント開始");
}
/**
* 要素の開始タグ読み込み時
*/
public void startElement(String uri,
String localName,
String qName,
Attributes attributes) {
System.out.println("要素開始:" + qName);
}
/**
* テキストデータ読み込み時
*/
public void characters(char[] ch,
int offset,
int length) {
System.out.println("テキストデータ：" + new String(ch, offset, length));
}
/**
* 要素の終了タグ読み込み時
*/
public void endElement(String uri,
String localName,
String qName) {
System.out.println("要素終了:" + qName);
}
/**
* ドキュメント終了時
*/
public void endDocument() {
System.out.println("ドキュメント終了");
}
}

・JDOM

JDOM（Java Document Object Model）はJavaでXMLを容易に扱うため、DOMより使いやすいAPIを提供することを目指して設計された軽量XMLライブラリです。

JDOMは以下のような特徴があります：
１、シンプルなAPIは、Javaプログラマにとって使いやすい
２、DOMと違って、Javaに特化した機能を提供しているため、生産性がDOMより優れています
３、SAXやDOMをサポートしています
４、軽量であるため、高速に動作します

以下はJDOMでhelloworld.xmlを読んでるJavaソース

import java.io.File;
import org.jdom.Element;
import org.jdom.Document;
import org.jdom.JDOMException;
import org.jdom.input.SAXBuilder;
public class Main {
　public static void main(String[] args) {
　　try {
　　　Document doc = new SAXBuilder().build( new File(”helloworld.xml”) );
　　　Element root = doc.getRootElement();
　　} catch (JDOMException e) {
　　　System.out.println(e);
　　}
　}
}

・DOM4J

dom4j は JDOM の派生と言われています。Javaプラットフォーム上でXML, XPath, XSLTを扱える、単純で柔軟性に富んだオープンソース・ライブラリです。Javaコレクション・フレームワークを使え、DOM, SAX, JAXPを完全にサポートしています。

以下はDOM4Jでhelloworld.xmlを生成するJavaソース

import org.dom4j.Document;
import org.dom4j.DocumentHelper;
import org.dom4j.Element;
public class Users {
public Document createDocument() {
Document document = DocumentHelper.createDocument();
Element root = document.addElement( "messages" );
Element me = root.addElement( "message" )
.addAttribute( "attr", "A message" )
.addText( "message" );
return document;
}
}

リソース
・http://www.ibm.com/developerworks/library/x-dom4j.html?S_TACT=105AGX52&S_CMP=cn-a-x DOM4Jについてトライアル

jQueryを使ってXMLを解析操作する（サンプルソースコード含める）

admin — Thu, 15 Jan 2009 03:31:22 +0000

jQuery は、JavaScript™ と Ajax (Asynchronous JavaScript + XML) のプログラミングを単純化する、2006年の初めに John Resig によって作成されました。JavaScript コードを扱うすべての人にとって素晴らしいライブラリーです。jQuery は、他の類似の JavaScript ライブラリーとは異なるユニークな考え方を持っており、一般的で複雑なコードを簡潔に表現することができます。この記事では、jQuery の考え方を学び、その特徴と機能を知り、いくつかの一般的な Ajax タスクを実行し、またプラグインを使って jQuery を拡張する方法を学びます。

jQuery は、コードを単純で簡潔なものにしておくために役立ちます。jQuery を利用することで、大量の繰り返しループや DOM Scripting ライブラリー・コールを作成する必要がなくなります。jQuery によって、本質的なことに集中することができ、また必要なことを最小限の文字数で表現することができます。

では、実際のソースからjQueryでXMLの解析を勉強しましょう。

１）、下記のような「jquery_xml.xml」というXMLファイルを作成する

Download: jquery_xml.xml

xml version=”1.0″ encoding=”utf-8″ ?>
<RecentTutorials>
<Tutorial author=”The Reddest”>
<Title>Silverlight and the Netflix APITitle>
<Categories>
<Category>TutorialsCategory>
<Category>Silverlight 2.0Category>
<Category>SilverlightCategory>
<Category>C#Category>
<Category>XAMLCategory>
Categories>
<Date>1/13/2009Date>
Tutorial>
<Tutorial author=”The Harriest”>
<Title>Cake PHP 4 - Saving and Validating DataTitle>
<Categories>
<Category>TutorialsCategory>
<Category>CakePHPCategory>
<Category>PHPCategory>
Categories>
<Date>1/12/2009Date>
Tutorial>
<Tutorial author=”The Tallest”>
<Title>Silverlight 2 - Using initParamsTitle>
<Categories>
<Category>TutorialsCategory>
<Category>Silverlight 2.0Category>
<Category>SilverlightCategory>
<Category>C#Category>
<Category>HTMLCategory>
Categories>
<Date>1/6/2009Date>
Tutorial>
<Tutorial author=”The Fattest”>
<Title>Silverlight 2 - Using initParamsTitle>
<Categories>
<Category>TutorialsCategory>
<Category>Silverlight 2.0Category>
<Category>SilverlightCategory>
<Category>C#Category>
<Category>HTMLCategory>
Categories>
<Date>12/12/2008Date>
Tutorial>
RecentTutorials>

２）、AJAXでXMLファイルを読み取る

それはjQueryに対して簡単です。

$(document).ready(function()
{
$.ajax({
type: “GET”,
url: “jquery_xml.xml”,
dataType: “xml”,
success: function(xml) { parseXml(xml); }
});
});

３）、parseXmlの関数を実装する

function parseXml(xml)
{
//find every Tutorial and print the author
$(xml).find(”Tutorial”).each(function()
{
$(”#output”).append($(this).attr(”author”) + “<br />”);
});
// Output:
// The Reddest
// The Harriest
// The Tallest
// The Fattest
}

ｊQueryにXMLを解析すること、selector systemですると一番簡単だと思います。次は[Date]と[Title]を出力するサンプルソースです。

//print the date followed by the title of each tutorial
$(xml).find(”Tutorial”).each(function()
{
$(”#output”).append($(this).find(”Date”).text());
$(”#output”).append(”: ” + $(this).find(”Title”).text() + “<br />”);
});
// Output:
// 1/13/2009: Silverlight and the Netflix API
// 1/12/2009: Cake PHP 4 - Saving and Validating Data
// 1/6/2009: Silverlight 2 - Using initParams
// 12/12/2008: Silverlight 2 - Using initParams

４）、[Category]以外の情報を解析するソース

//print each tutorial title followed by their categories
$(xml).find(”Tutorial”).each(function()
{
$(”#output”).append($(this).find(”Title”).text() + “<br />”);
$(this).find(”Category”).each(function()
{
$(”#output”).append($(this).text() + “
/>”);
});
$(”#output”).append(”<br />”);
});
// Output:
// Silverlight and the Netflix API
// Tutorials
// Silverlight 2.0
// Silverlight
// C#
// XAML
// Cake PHP 4 - Saving and Validating Data
// Tutorials
// CakePHP
// PHP
// Silverlight 2 - Using initParams
// Tutorials
// Silverlight 2.0
// Silverlight
// C#
// HTML
// Silverlight 2 - Using initParams
// Tutorials
// Silverlight 2.0
// Silverlight
// C#
// HTML

※１、XML概念の説明は「Javaでiniファイルを読み書きクラスソース」に参照できます。

※２、英語版チュートリアルは下記のURLで参照できます。

http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery

Javaでiniファイルを読み書きクラスソース

admin — Wed, 07 Jan 2009 15:04:25 +0000

この前の「JavaでCSV形式のファイルを読み書きするライブラリソースと使用例（BufferedReaderとFileReaderを利用する）」には、JavaでCSVファイルの読み書きすることを紹介しました。今回は、Javaでiniファイルを読み書きクラスソースです。JavaでXMLファイルの操作、DOM (Document Object Model) とSAX (Simple API for XML)のようなライブラリがありますので、一般的なJavaで開発されているシステムの設定ファイルなどは、XMLがよく使われていますが、iniファイルをいじって開発するプログラム／システムもあるし、DOM、SAXのような別のライブラリをインポートしたくない場合もありますね。

javaのjava.util.Propertiesなら、下記のようなソースで簡単なiniファイルを読めますが、「セッション」の概念がないことは、残念ですよね。

※XMLとは、文書やデータの意味や構造を記述するためのマークアップ言語の一つ。マークアップ言語とは、「タグ」と呼ばれる特定の文字列で地の文に構造を埋め込んでいく言語のことで、XMLはユーザが独自のタグを指定できることから、マークアップ言語を作成するためのメタ言語とも言われる。

以下はサンプルiniファイルの中身（sample.ini）：

[セッション1]
key1=111111
key2=222222

下記は読みだけJavaソース：

try {
java.util.Properties prop = new java.util.Properties();
prop.load(new java.io.FileInputStream(”sample.ini”));
String key1 = prop.getProperty(”key1″);
String key2 = prop.getProperty(”key2″);
System.out.println(”key1=” + key1);
System.out.println(”key2=” + key2);
} catch (java.io.IOException e) {
e.printStackTrace();
}

簡単なんですが、[セッション2]があれば面倒ですね。下記のクラスでiniの読み込み操作は出来ます。

package mytools;
import java.io.BufferedReader;
import java.io.BufferedWriter;
import java.io.FileReader;
import java.io.FileWriter;
import java.io.IOException;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
/**
* iniファイルを操作するクラス
* @author DigitechLog.com
* @version 2008-08-18
*/
public final class ConfigurationFile {
/**
* iniファイルからエントリ設定値を取得する
* @param file iniファイルのパス
* @param section セクション名称
* @param variable エントリ名称
* @param defaultValue エントリ名称が存在していない場合デフォルト値
* @return エントリの設定値
* @throws IOException IO例外情報
*/
public static String getProfileString(
String file,
String section,
String variable,
String defaultValue)
throws IOException {
String strLine, value = “” ;
BufferedReader bufferedReader = new BufferedReader( new FileReader(file));
boolean isInSection = false ;
try {
while ((strLine = bufferedReader.readLine()) != null ) {
strLine = strLine.trim();
strLine = strLine.split( ” [;] ” )[ 0 ];
Pattern p;
Matcher m;
p = Pattern.compile( ” file://[//s*.*//s*//] ” );
m = p.matcher((strLine));
if (m.matches()) {
p = Pattern.compile( ” file://[//s* " + section + " file://s*//] ” );
m = p.matcher(strLine);
if (m.matches()) {
isInSection = true ;
} else {
isInSection = false ;
}
}
if (isInSection == true ) {
strLine = strLine.trim();
String[] strArray = strLine.split( ” = ” );
if (strArray.length == 1 ) {
value = strArray[ 0 ].trim();
if (value.equalsIgnoreCase(variable)) {
value = “” ;
return value;
}
} else if (strArray.length == 2 ) {
value = strArray[ 0 ].trim();
if (value.equalsIgnoreCase(variable)) {
value = strArray[ 1 ].trim();
return value;
}
} else if (strArray.length > 2 ) {
value = strArray[ 0 ].trim();
if (value.equalsIgnoreCase(variable)) {
value = strLine.substring(strLine.indexOf( ” = ” ) + 1 ).trim();
return value;
}
}
}
}
} finally {
bufferedReader.close();
}
return defaultValue;
}
/**
* iniファイルエントリ設定値を変更する
* @param file iniファイルのパス
* @param section セクション名称
* @param variable エントリ名称
* @throws IOException IO例外情報
*/
public static boolean setProfileString(
String file,
String section,
String variable,
String value)
throws IOException {
String fileContent, allLine,strLine, newLine, remarkStr;
String getValue;
BufferedReader bufferedReader = new BufferedReader( new FileReader(file));
boolean isInSection = false ;
fileContent = “” ;
try {
while ((allLine = bufferedReader.readLine()) != null ) {
allLine = allLine.trim();
if (allLine.split( ” [;] ” ).length > 1 )
remarkStr = ” ; “ + allLine.split( ” ; ” )[ 1 ];
else
remarkStr = “” ;
strLine = allLine.split( ” ; ” )[ 0 ];
Pattern p;
Matcher m;
p = Pattern.compile( ” file://[//s*.*//s*//] ” );
m = p.matcher((strLine));
if (m.matches()) {
p = Pattern.compile( ” file://[//s* " + section + " file://s*//] ” );
m = p.matcher(strLine);
if (m.matches()) {
isInSection = true ;
} else {
isInSection = false ;
}
}
if (isInSection == true ) {
strLine = strLine.trim();
String[] strArray = strLine.split( ” = ” );
getValue = strArray[ 0 ].trim();
if (getValue.equalsIgnoreCase(variable)) {
newLine = getValue + “ = “ + value + “ “ + remarkStr;
fileContent += newLine + ” \r\n ” ;
while ((allLine = bufferedReader.readLine()) != null ) {
fileContent += allLine + ” \r\n ” ;
}
bufferedReader.close();
BufferedWriter bufferedWriter =
new BufferedWriter( new FileWriter(file, false ));
bufferedWriter.write(fileContent);
bufferedWriter.flush();
bufferedWriter.close();
return true ;
}
}
fileContent += allLine + ” \r\n ” ;
}
} catch (IOException ex) {
throw ex;
} finally {
bufferedReader.close();
}
return false ;
}
/**
* テストコード
*/
public static void main(String[] args) {
// String value = Config.getProfileString(”sysconfig.ini”, “Option”, “OracleDB”, “default”);
// System.out.println(value);
try {
System.out.println(ConfigurationFile.setProfileString( ” d:/1.ini ” , ” Settings ” , ” SampSize ” , ” 111 ” ));
} catch (IOException e) {
System.out.println(e.toString());
}
}
}

Enjoy!

DigiTechLog Dot Com » DOM

as3cannonball: DOM+HTML+CSS+BrowserのActionScript 3ライブラリ

Related Posts

JavaでXMLを操作の４種類方法とサンプルソース

Related Posts

jQueryを使ってXMLを解析操作する（サンプルソースコード含める）

Related Posts

Javaでiniファイルを読み書きクラスソース

Related Posts