- 追加された行はこの色です。
- 削除された行はこの色です。
- XML2dev2 へ行く。
#freeze
[[XMLに手を出した>XML0]]~
**[[おぼえがき・その２>XML2dev2]] [#sc9c455f]
#contents
----
SIZE(10){今更だけど.Net Framework2.0}~
SIZE(10){ﾓﾊﾞｲﾙWEBﾌｫｰﾑとかあるのに不便。}~
----
**ｹｰﾀｲでみれないぉ！(･∀･) [#v07d8cc7]
自分でｻｲﾄ作るとこういうとこがもう…ね…~
~
ﾌｨﾙﾀｰ(この場合ｽｷﾝやﾃﾝﾌﾟﾚｰﾄみたいなｲﾒｰｼﾞ)とやらで一発変換できないのけ！~
~
とかまず思う。いろいろ調べてみたけど…ないな。そんな便利機能。~
便利ツールは自分で実装しなきゃいけないみたいだ。~
~
まずは出力をShift-Jisにしないとな…~
streamとかでshift-jisで吐き出すとか手はあるだろうけど~
それならweb.configで設定して…結局別仮想ﾃﾞｨﾚｸﾄﾘかいな。~
ということで昔懐かしいUserAgentで判別ﾛｼﾞｯｸを組んでPCｻｲﾄからﾘﾀﾞｲﾚｸﾄを実装。~
ｹｰﾀｲ用ｻｲﾄに飛ぶようにする。~
~
~
でもこれじゃぁｹｰﾀｲ用ｻｲﾄをまた作るって手間になるなぁ。~
便利ツール(頭の中にだけあるｹｰﾀｲ向け便利ｽｸﾘﾌﾟﾄ)を~
既存masterﾌｧｲﾙに噛ませてなんとかならないかな〜。~
~
…とか考えるときっとこうなる。
<%if%>
PC用
<%else%>
ｹｰﾀｲ用
<%endif%>
…きっとこれじゃ(ﾏｲｸﾛｿﾌﾄのvisualなんたら製品で)ﾃﾞｻﾞｲﾅ画面が見れない。~
（私的ｻｲﾄなんだし(?)ﾃﾞｻﾞｲﾅ見ながら作業したいよ。）~
~
~
**ｹｰﾀｲでみれないぉ！(･∀･)その２ [#if2e8914]
便利ツール(頭の中にだけあるｹｰﾀｲ向け便利ｽｸﾘﾌﾟﾄ)を考えてみよう。~
・UserAgent判別。~
・おそらくｹｰﾀｲ向けﾃﾝﾌﾟﾚ(masterでもいいしﾃｷｽﾄﾍﾞｰｽでもいい)を読み込む~
・ﾓﾊﾞｲﾙWEBﾍﾟｰｼﾞにﾘﾀﾞｲﾚｸﾄとかもあり？~
・既存(PC向け)ｺﾝﾃﾝﾂがUTF-8なためShift-JisによるStreamWriter必須。~
~
ﾃﾝﾌﾟﾚは…ﾊｯ(ﾟдﾟ)XSLでいいのか？！~
~
~
~
**便利でもないツールをつくってみた。 [#hb865af4]
参考は[[ｺｺ>http://ufcpp.net/study/aspx/blog1.html]]
~
流れとしては~
ﾄｯﾌﾟﾍﾟｰｼﾞ.aspxでUserAgent判別
↓ ↓
(PC) (ｹｰﾀｲ)
そのまま表示 ｹｰﾀｲ.aspx(便利ﾂｰﾙのつもり)へﾘﾀﾞｲﾚｸﾄ
↓
ﾃｷｽﾄﾌｧｲﾙ(XML)を読み込んでHTMLへ変換(XSL)してShiftJisで出力
~
~
諸事情によりｺｰﾄﾞﾌｧｲﾙで実現できないので共通っぽいのは~
懐かしいIncludeで読み込ませる。~
ﾄｯﾌﾟﾍﾟｰｼﾞ.aspx
<%@ Page Language="C#" ・・・%>
<script runat="server">
public string mobfile = "ｹｰﾀｲ.aspx";
</script>
<!--#include file="判別用ｽｸﾘﾌﾟﾄ.inc"-->
<!DOCTYPE ・・・・>
<html ・・・>
とりあえずﾄｯﾌﾟﾍﾟｰｼﾞだけでも対応するってことで~
判別用ｽｸﾘﾌﾟﾄ内でｹｰﾀｲ.aspxへﾘﾀﾞｲﾚｸﾄ。~
判別用ｽｸﾘﾌﾟﾄはこんだけ。IT＠MEDIAの記事を参考。(いらないｺｰﾄﾞも入ってるな…)
<script runat="server">
private readonly static string[] MobileUserAgentList = new string[]{
"(DoCoMo){1}",
"(UP.Browser){1}",
"(J-PHONE){1}",
"(Vodafone){1}",
"(SoftBank){1}"
};
protected bool isMobile(string[] agentInfo)
{
foreach (string usr in agentInfo)
{
foreach (string exp in MobileUserAgentList)
{
if (Regex.IsMatch(usr, exp))
{
return true;
}
}
}
return false;
}
protected new void Page_Load(object sender, System.EventArgs e)
{
string[] agentInfo = HttpContext.Current.Request.UserAgent.Split('/');
if (agentInfo.Length == 0)
{
}
else
{
if (isMobile(agentInfo))
{
Server.Transfer(mobfile);
}
}
}
</script>
作りやすいのでこの判別ｽｸﾘﾌﾟﾄもaspxﾌｧｲﾙにしてたけど~
mobfile(ﾄｯﾌﾟﾍﾟｰｼﾞ.aspxで指定したｹｰﾀｲ用ﾌｧｲﾙ)のｽｺｰﾌﾟｴﾗｰとか~
PageLoadはnewいらないとかいるとかいろいろ出るので.incとかにしてみた。~
SIZE(10){ｳﾁのﾏｼﾝ性能のせいかもしれんｹﾄﾞね…ﾃﾞﾊﾞｯｸﾞ情報が少し遅い。}~
COLOR(#c4a8de){PageLoad にnewが必要なのはｺｰﾄﾞﾌｧｲﾙ側にすでにPageLoadがあったからっぽい…。}~
~
そしていよいよ！~
のちのちこれが便利ﾂｰﾙ本体になるはずの！~
ｹｰﾀｲ.aspx
<%@ Page Language="C#" %>
<%@ Import Namespace="System.IO" %>
<%@ Import Namespace="System.Text" %>
<%@ Import Namespace="System.Xml" %>
<%@ Import Namespace="System.Xml.Xsl" %>
<%@ Import Namespace="System.Xml.XPath" %>
<script runat="server">
//------------------------------------------------
//PageLoadでなくPage_PreRenderってところがﾐｿらしい
//------------------------------------------------
protected void Page_PreRender(object sender, System.EventArgs e)
{
//--------------------------
//XML(ﾃｷｽﾄ)をXSLでhtmlに変換
//--------------------------
// ﾌｧｲﾙを取得するには相対ﾊﾟｽじゃだめらしい。
string xfpath = Context.Server.MapPath("~/ﾃﾞｰﾀﾃﾞｨﾚｸﾄﾘ");
string xspath = Context.Server.MapPath("~/xslが置いてあるﾃﾞｨﾚｸﾄﾘ");
string xmlfile = xfpath + "/ﾃﾞｰﾀ.xml";
string xslfile = xspath + "/ｽﾀｲﾙ.xsl";
//XMLを読み込む
XmlDocument myXMLDoc = new XmlDocument();
myXMLDoc.Load(xmlfile);
//XSLTを変換用に読み込む
XslCompiledTransform transformer = new XslCompiledTransform();
transformer.Load(xslfile);
//読み込んだXMLのﾘｰﾀﾞｰを生成
XmlNodeReader reader = new XmlNodeReader(myXMLDoc);
//変換するためのﾒﾓﾘ領域生成
MemoryStream xs = new MemoryStream();
//変換するためのﾗｲﾀｰ生成
// * ちなみにxmlもxslもShift-Jisで作ったが
// * ここのｴﾝｺｰﾄﾞはﾃﾞﾌｫ(UniCode？UTF-8？で。)
XmlTextWriter xw = new XmlTextWriter(xs, null);
//いざ！変換。ﾘｰﾀﾞｰをﾗｲﾀｰへ。
transformer.Transform(reader, xw);
//------------------------
//Responseするための準備
//------------------------
//変換した中身を読み込む
xs.Seek(0, SeekOrigin.Begin);
StreamReader xr = new StreamReader(xs);
string outXhtm = xr.ReadToEnd();
xs.Dispose();
//Reasponseﾗｲﾀｰ生成。ここでｴﾝｺｰﾄﾞをShift−Jisへ。
Encoding enc = Encoding.GetEncoding("shift_jis");
Stream stream = Response.OutputStream;
StreamWriter writer = new System.IO.StreamWriter(stream, enc);
writer.Write(outXhtm);
writer.Flush();
}
</script>
中身はこんだけ。~
XML→XSL変換でShift-Jisにしたら二重変換みたいになった。~
…ﾃﾞｰﾀﾌｧｲﾙやなんやはﾃﾞﾌｫで作ってもいいのかもしれんな…。~
COLOR(#c4a8de){↑ｺｰﾄﾞ中のｺﾒﾝﾄに「xslもshift-jis」と書いてあるがutf-8のものもあった…}~
COLOR(#c4a8de){↑…xmlはshift-jisだったり(´･ω･)混在ﾓｰﾄﾞ…}~
COLOR(#c4a8de){↑それで文字化けしてたのかもなぁ。最後のwriterがshift-jisで出してるから問題ﾅｲっぽい。}~
~
~
~
**ﾘﾀﾞｲﾚｸﾄ無しで･･･ [#ec137209]
というわけで、記事部分をXMLで、XSLはHTMLにするために通す。~
ﾄｯﾌﾟﾍﾟｰｼﾞの記事xmlとxslを設定。~
ｹｰﾀｲ.aspx→ｹｰﾀｲ.incにして<%@ Page ・・・%>を消す。~
ﾄｯﾌﾟﾍﾟｰｼﾞ.aspx
<%@ Page ・・・ %>
<script runat="server">
public string myXmlpath = "~/ﾃﾞｰﾀﾃﾞｨﾚｸﾄﾘ";
public string myXslpath = "~/xslの置いてあるﾃﾞｨﾚｸﾄﾘ";
public string myXml = "/記事.xml";
public string myXsl = "/ｹｰﾀｲ用変換.xsl";
</script>
<!--#include file="判別用ｽｸﾘﾌﾟﾄ.inc"-->
<!--#include file="ｹｰﾀｲ.inc"-->
<!DOCTYPE html ・・・>
<html xmlns="http://www.w3.org/1999/xhtml" >
：
(以下通常ﾍﾟｰｼﾞの記述)
~
ｹｰﾀｲ.incのPage_PreRenderをｼﾘｱﾙ化…(?というんだろうか)~
COLOR(#c4a8de){↓ﾘﾀﾞｲﾚｸﾄ無しの場合、Page_Loadでｹｰﾀｲ判別〜その後処理〜ﾚｽﾎﾟﾝｽで終了。}~
COLOR(#c4a8de){↓つまりｹｰﾀｲの時はPage_Loadで終了させたい。}~
Page_PreRrenderはwebｱﾌﾟﾘがﾍﾟｰｼﾞを表示する時のｲﾍﾞﾝﾄなのでｵﾘｼﾞﾅﾙのﾒｿｯﾄﾞにする。~
(つまり通常のｲﾍﾞﾝﾄと被らないようにﾒｿｯﾄﾞ名を変更。この際なんでもいい。)
protected void myPage_PreRender(object sender, System.EventArgs e)
{
：
ﾌｧｲﾙﾊﾟｽ取得のところを書き換え。~
ｹｰﾀｲ.inc読み込み前にｾｯﾄしてある変数を参照る。
//--------------------------
//XML(ﾃｷｽﾄ)をXSLでhtmlに変換
//--------------------------
// ﾌｧｲﾙを取得するには相対ﾊﾟｽじゃだめらしい
string xfpath = Context.Server.MapPath(myXmlpath);
string xspath = Context.Server.MapPath(myXslpath);
string xmlfile = xfpath + myXml;
string xslfile = xspath + myXsl;
~
ｹｰﾀｲ.incのwriter.Flush()の後にﾚｽﾎﾟﾝｽ用の処理ｺｰﾄﾞを追加。~
COLOR(#c4a8de){↓これでｹｰﾀｲの時はPage_Loadｲﾍﾞﾝﾄでhttpﾚｽﾎﾟﾝｽ終了になる。}~
this.Response.HeaderEncoding = enc;
this.Response.ContentType = "text/html; charset=Shift_JIS";
this.Response.Flush();
this.Response.End();
ﾚｽﾎﾟﾝｽ終了！~
SIZE(10){ContentTypeのcharsetがShift_JISが正しいのかShift-JISが正しいのか…}~
これでﾄｯﾌﾟﾍﾟｰｼﾞ.aspxに書かれているWEB.UIのﾚｽﾎﾟﾝｽを抑止。~
~
~
判別用ｽｸﾘﾌﾟﾄ.incのﾘﾀﾞｲﾚｸﾄをmyPage_PreRender呼び出しに書き換え。
protected new void Page_Load(object sender, System.EventArgs e)
{
：
if (isMobile(agentInfo))
{
//Server.Transfer(mobfile);
myPage_PreRender(sender, e);
}
：
}
~
…いちおできたけど…
記事.xmlのﾊﾞｯﾌｧ長とか改良点はありそうなかんじ(′･ω･`)~
~
~
**Masterﾌｧｲﾙを使っていたので･･･ [#db75c3e2]
aspxの各ﾍﾟｰｼﾞはMasterﾌｧｲﾙ使ってﾃﾞｻﾞｲﾝを統一している。~
ﾃﾞｻﾞｲﾝの基本は：~
・ﾚｲｱｳﾄはMasterに書いたとおり~
・色、背景画像はPage_LoadでMasterにcssを追加する形で実現~
~
…Page_Load(´･ω･)~
いざ携帯に変換しようとしたら判別ｽｸﾘﾌﾟﾄ(判別.inc)はPage_Loadに書かれていた…。~
ので判別はPage_PreRenderｲﾍﾞﾝﾄで行うようにした。~
<script runat="server">
:
protected new void Page_PreRender(object sender, System.EventArgs e)
{
string[] agentInfo = HttpContext.Current.Request.UserAgent.Split('/');
if (agentInfo.Length == 0)
{
}
else
{
if (isMobile(agentInfo))
{
myPage_PreRender(sender, e);
}
}
}
</script>
…元々Page_PreRenderでやるべきところだったんだもんな〜~
ってｺﾄで問題なし(･∀･)…のﾊｽﾞ。~
COLOR(#c4a8de){↑newが付いてるのは…うｐするｻｰﾊﾞｰではdllとか使えないんだけどﾛｰｶﾙではｺﾝﾊﾟｲﾙできるから〜。どちでも使えるようにしてみただけ。}~
~
~
**Masterﾌｧｲﾙを使っていたので･･･(その２) [#p2502650]
MasterType使ってmasterにｵｰﾊﾞｰﾗｲﾄﾞしてるaspxで巧く変換されないぉ！(･∀･)~
…ってことでmasterにｹｰﾀｲ用ｽｸﾘﾌﾟﾄ埋めることにする…~
COLOR(#c4a8de){↑試していたﾌｧｲﾙﾊﾟｽ不正でtry〜catchしたのにthrowしてなかっただけかもだが今となってはわからん…}~
masterにｹｰﾀｲ変換用変数のget／setｱｸｾｻを実装…~
protected string myXmlpath = "~/ﾃﾞｰﾀﾃﾞｨﾚｸﾄﾘ";
protected string myXslpath = "~/xslの置いてあるﾃﾞｨﾚｸﾄﾘ";
protected string myXml = "/記事.xml";
protected string myXsl = "/ｹｰﾀｲ用変換.xsl";
public string MobXmlPath
{
get{return myXmlpath;}
set{myXmlpath = value;}
}
：
（以下同じようにｵﾅｼﾞ用に宣言）
…面倒なのでこれも別ﾌｧｲﾙ化。(ｹｰﾀｲ用変数.inc)
masterにinclude
<%@ Master ・・・ %>
<%@ Import namespase="System.Web.UI.WebControls" %>
:
(import部分)
:
<script runat="server">
// Masterのweb.ui.contorolに対して上書きするためのｱｸｾｻ
public string ﾃｷｽﾄﾗﾍﾞﾙ
{
get { return this.Label1.Text; }
set { this.Label1.Text = value; }
}
：
</script>
<!--#include file="ｹｰﾀｲ用変数.inc"-->
<!--#include file="判別用ｽｸﾘﾌﾟﾄ.inc"-->
<!--#include file="ｹｰﾀｲ.inc"-->
<script runat="server">
// MasterのPage_Load処理(通常＝PC表示時の処理)
protected new void Page_Load(object sender, System.EventArgs e)
{
：
}
</script>
<!DOCTYPE html ・・・>
<html xmlns="http://www.w3.org/1999/xhtml" >
：
(以下通常masterﾍﾟｰｼﾞの記述)
このmasterを使うaspxの記述
<%@ Page … %>
<%@ MasterType … %>
<script runat="server">
protected new void Page_Load(object sender, System.EventArgs e)
{
Master.MobXmlpath = "~/App_Data/x_heavnsdoor";
Master.MobXslpath = "~/x_heavnsdoor/css";
Master.MobXml = "/description.xml";
Master.MobXsl = "/m_x_heavns.xsl";
// 通常(＝PC)用の変数もｾｯﾄ
Master.ﾃｷｽﾄﾗﾍﾞﾙ = "PC用の変えたいﾃｷｽﾄはｺｺ";
：
}
</script>
：
(以下通常ﾍﾟｰｼﾞの記述)
これでなんかｽｯｷﾘ(･∀･)~
だけどｲﾍﾞﾝﾄ処理的にこれでいいのかな〜(´･ω･)とか思ってしまう~
aspxの方がPage_Loadでmasterの方がPage_PreRenderっていう。~
MSDNで見たらｲﾍﾞﾝﾄﾊﾟｲﾌﾟﾗｲﾝではPreRenderの方が後。~
aspxに書いたﾓﾉがmasterをｵｰﾊﾞｰﾗｲﾄﾞできるってことは~
aspxのLoad→masterのLoad→
なんじゃないかと。しかしこの先は…(´･ω･)~
ｺﾝﾃﾅの記述順でいえばmaster→aspxみたいなのでPreRenderはmasterの方が先っぽいような…(ｱﾔｼｲ)~
~
~(続く)
~
~
EOF
![[PukiWiki]](image/zenmai/type-1.png "[PukiWiki]"){kind=small}