XSLTで画像を表示する

固定のイメージファイルを出力(表示)するのであれば
<XSLT>

<img src="img/audio.gif"alt="sound" />

というように、終了タグに気をつければいいだけだ。(画面イメージは省略)
次の説明に行く前にXMLデータ(サンプル)を示します。
<artist.xml>

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="album.xsl" ?>
<Data>
<ArtistInfoList title="アーティスト情報一覧">
 <Artist>
  <Name>AEROSMITH</Name>
  <Kana>エアロスミス</Kana>
  <Nation code="US">ボストン</Nation>
  <Album year="2004" address="http://www.amazon.co.jp/Honkin-Bobo-Aerosmith/dp/B0001FT2F8">Honkin' on Bobo</Album>
 </Artist>
 <Artist>
  <Name>元ちとせ</Name>
  <Kana>ハジメチトセ</Kana>
  <Nation code="JP">奄美</Nation>
  <Album year="2006" address="http://www.sonymusic.co.jp/Music/Arch/ES/HajimeChitose/ESCL-2830/">ハナダイロ</Album>
  <Album year="2002" address="http://www.sonymusicshop.jp/detail.asp?goods=ESCL000002320">ハイヌミカゼ</Album>
 </Artist>
</ArtistInfoList>
</Data>



次に、この画像に対してハイパーリンクを張りたい場合はどうすればいいかというと、
まず、<a> </a>タグで括りますよね。
で<a>タグに、href属性にXMLからアドレスを取得する書き方を示します。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns="http://www.w3c.org/1999/xhtml"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">

<xsl:for-each select="Data/ArtistInfoList/Artist/Album">
<a><xsl:attribute name="href"><xsl:value-of select="@address"/></xsl:attribute><img src="img/audio.gif"alt="sound"/></a>

</xsl:template>
</xsl:stylesheet>


次にXMLファイルに<Nation>タグがあって国籍が区別できるようになっているので以下のような国旗画像を
JP.gif US.gif

JP.gif US.gif
というように、動的に変えてみることにする。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns="http://www.w3c.org/1999/xhtml"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">
<xsl:for-each select="Data/ArtistInfoList/Artist/Album">

  <xsl:value-of select="../Name" />  ←(1)アーティスト名
  <img title="Nation" border="0"><xsl:attribute name="src"><xsl:value-of select="concat('../../img/', ../Nation/@code, '.gif')" /></xsl:attribute><xsl:attribute name="alt"><xsl:value-of select="../Nation/@code" /></xsl:attribute></img>   ←(2)国旗画像

<a><xsl:attribute name="href"><xsl:value-of select="@address"/></xsl:attribute><img src="img/audio.gif"alt="sound"/></a>
</xsl:template>
</xsl:stylesheet>

というように、</img> を書き忘れないように!
出力イメージはこんな感じです。
XML-アーティスト


参考:→我家の所蔵CD検索

テーマ : web制作 - ジャンル : コンピュータ

タグ : XML XSLT JavaScript HTML ActiveXObject

10月30日 は『初恋の日』

今日10月30日は『初恋の日』だそうだ。
島崎藤村ゆかりの宿である長野県小諸市の中棚荘が制定。
1896(明治29)年、島崎藤村が『文学界』46号に『こひぐさ』の一編として初恋の詩を発表したことに由来している。

みんなの初恋はいつかな?

私の記憶では、幼稚園の年長のときなのだ。みんな一人づつマークをもらうのだけど、自分は自動車のマークだった。で、下のクラスで同じマークの子がいてその子がかわいくていつも面倒をみてやってた気がする。
まあ、幼児の恋なのでこんなもんです。

小学校に上がってからは、女の子とお付き合いしたことはありませんでした。中学の3年になってはじめて付き合ったのが最初かな。当時フランス映画の「ラ・ブーム」という恋愛映画がやっていて、一緒に見に行った記憶があります。やっぱり恋愛映画を見て、公園を手をつないでひたすら散歩するのがさすが中学生って感じ。

→日本の記念日一覧

テーマ : 雑学・情報 - ジャンル : 学問・文化・芸術

タグ : 島崎藤村 初恋 恋愛映画

ノロウィルスに気をつけよう

これから冬になると、海のカキが食べたくなる。ここで注意しなければいけないのがノロウィルスです。
ということで、調べてみたので報告します。
180px-Norwalk.jpg
ノロウイルスの透過型電子顕微鏡写真 (スケールバー50nm)

<発生経路と特徴>
「ノロウィルス」の名称は、平成14年(2002年)8月の国際ウィルス学会で命名された。
感染経路としては、経口感染(つまり、口から体に入ること)で感染すする。
主に、二枚貝(生カキ)、汚染された井戸水や簡易水道(標高が高いところ等で貯水して利用する水道)にウィルスがいる。また、これに感染した人の糞便・吐ぶつから人の手を介して二次感染する。つまり人へのヒトヒト感染もある。
更に、食品取扱者が感染していて、その人が調理したものを食べても感染する。(集団感染の主な原因はこれ)

恐ろしいのは、このウィルスは10〜100個の極微量のウイルスを摂取することで感染してしまうということだ。(ちなみにO157も100個程度で感染・食中毒になる、また腸炎ビブリオ菌での感染が成立するには約100万個以上の生きた菌の摂取が必要といわれている)

発症すると、吐き気、嘔吐、下痢、腹痛であり1〜2日続く。
発熱は軽度で、腹痛、頭痛、発熱、悪寒、筋痛、咽頭痛、倦怠感等を伴うこともある。ということは風邪の症状に似ている。

<かかってしまったっら>
残念ながら現在では抗ウイルス剤はありません。
対処療法しかありません。水分と栄養の補給を充分に行ってください。
止しゃ薬(下痢止め)は、病気の回復を遅らせることがあるので使用しないのがいいらしい。

<予防法>

  • 充分加熱したものを食べる。85℃1分

  • 調理器具等は塩素系漂白剤(次亜塩素酸ナトリウム)で消毒する

  • 手洗いの習慣をつける。

     ■食事の前

     ■トイレの後

     ■オムツ交換の後

  • 爪は短く

  • 食品取扱者は指輪など手・腕につけない

  • 手洗いは、石鹸を充分泡立て、ブラシなど使って爪の生え際、手指のしわ、指の間など洗浄する

  • 手洗いの最後は、温水ですすぎ、清潔なタオル又は使い捨てペーパータオルで拭く


テーマ : 食べ物 - ジャンル : ライフ

タグ : ウイルス 衛生 予防 感染 食品取扱者 汚染

XML初級編

今日はXMLファイルにXSLTをはめ込んで成形した状態でブラウザに出力(表示)する方法を記します。
<history.xml>

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="history.xsl" ?>   ←この行を追加

<Data>
 <historyList>
  <history>
    <date>2007.10.29</date>
    <category>[音楽]>/category>
    <contents>いろいろ直したらおかしくなっちゃった。</contents>
  </history>
  <history>
    <date>2006.12.18</date>
    <category></category>
    <contents>試運転開始</contents>
  </history>
 </historyList>
</Data>

XSLTもまたXML形式です。
<history.xsl>

<?xml version="1.0" encoding="UTF-8"?>  (1)XML宣言
<xsl:stylesheet version="1.0"  (2)XSLTスタイルシートのルート要素宣言xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3c.org/1999/xhtml">

<xsl:template match="/">   (3)ルート要素(/)用のテンプレート
<html lang="ja" xml:lang="ja" xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>更新履歴</title>
</head>
<body>
<h1 class="mainTitle">更新履歴</h1>
<ul>
<xsl:for-each select="Data/historyList/history"> (4)ルートからの相対パスでhistoryタグ集合をループさせる
  <xsl:sort select="date" order="descending" /> (5)日付でソートしておく
  <li>
    <xsl:value-of select="date" />    (6)XMLからデータを出力する
    <xsl:value-of select="category" /> 
    <xsl:value-of select="contents" />
  </li>
  </xsl:for-each>
</ul>


URL http://www.hoge/history.xml

ブラウザで表示すると


※テンプレートを利用したバージョンは次回お知らせします。
参考1:http://www3.ocn.ne.jp/~taugus/web/xml/index.html
参考2:http://www3.ocn.ne.jp/~taugus/index.htm

テーマ : web制作 - ジャンル : コンピュータ

タグ : XML XSLT JavaScript ActiveXObject XMLHttpRequest getElementById

日韓併合条約から昭和初期

 明治43年8月22日 韓国併合ニ関スル条約(通称:日韓併合条約) 調印
 明治43年8月29日 韓国併合が実施され、朝鮮総督府が設置される‐朝鮮植民地時代の始まり
 明治45年(大正元年)7月30日 明治天皇の崩御に伴い皇位交代。元号は大正とする。
 大正8年3月1日 朝鮮:三・一事件(独立運動)
 大正8年4月 朝鮮:上海に大韓民国臨時政府(亡命政府)樹立
 大正12年9月1日 関東大震災
 大正13年11月14日(公式記録)力道山こと金信洛が朝鮮半島(咸鏡南道浜京郡龍源面新豊里三七番地)で生まれる
 大正14年11月9日 ドイツの国家社会主義ドイツ労働者党にアドルフ・ヒトラーを保護する組織としてナチス親衛隊が設立される。
 大正15年12月28日 大日本相撲協会(現・日本相撲協会)が設立される。
 大正15年6月10日 朝鮮半島で、六・一〇万歳運動が起こる
 大正15年8月6日 日本放送協会の前身組織である社団法人日本放送協会設立。
 1926/12/25 大正天皇の崩御により昭和天皇が践祚(せんそ)する。また同時に陸海軍大元帥となる。
 昭和2年3月24日 中国で南京事件が発生。南京にある諸外国領事館が襲われ、それを救うために米英が南京に軍艦から砲撃し多数の死傷者が出た。
 昭和2年4月12日 中国で蒋介石が上海クーデター(四・一二クーデター)を起こす
 昭和2年12月30日 上野・浅草間に日本最初の地下鉄が開通する。
 昭和4年10月24日 ニューヨーク株式市場(ウォール街)の株価暴落を端に発した世界恐慌(米、英、仏、独、伊、日本)
 昭和5年7月13日 第1回FIFAワールドカップが開催される
 昭和7年1月6日 大相撲春秋園事件(天竜事件)
 昭和7年3月1日 滿洲國建国(最後の皇帝:爱新觉罗·溥仪)
 昭和7年5月15日 犬養毅総理暗殺事件
 昭和8年3月28日 日本が国際連盟を脱退
 昭和9年9月18日 ソ連が国際連盟加盟
 昭和9年12月26日 大日本東京野球倶楽部(巨人軍の前身)の設立
 昭和10年4月 溥儀来日
 昭和12年12月10日 日本軍、南京攻撃開始
 昭和14年1月場所 横綱双葉山69連勝でストップ
 昭和14年6月 端午節の朝鮮相撲(シルム)大会で金信洛(後の力道山)3位入賞
 昭和14年 創氏改名で「金村光浩」となる
 昭和14年9月1日 ナチス・ドイツ軍ポーランド侵攻、第二次世界大戦勃発
 昭和14年 金信洛(後の力道山)の父死亡。
 昭和15年 金信洛(後の力道山)単身日本に渡る

参考:格闘技/プロレス/力道山年表‐戦前戦後を駆け抜けた一人の朝鮮人‐

テーマ : 政治・経済・時事問題 - ジャンル : 政治・経済

タグ : 滿洲國 大正 昭和 世界恐慌 巨人軍 双葉山 創氏改名

朝鮮相撲「シルム」

 まずは力道山の生地を紹介する必要がある。
 本名(朝鮮名:金信洛)、金一家の住む村は、現北朝鮮統治区にある咸鏡南道浜京郡龍源村である。彼の住む村の一角「新豊里」金家の親類、一族が多く住み、”金の部落”と呼ばれていた。村一番の力持ちは長兄の恒洛であった。咸鏡道でも知らないものはいないほど、シルム力士として有名だった。恒洛はその立派な体で牛や反物を稼ぎ生活の足しにしていた。
 日本の相撲はもともと朝鮮半島から伝わり、農耕と深い関係にあったことは知られている。(ん〜、これにはいささか疑問もあるがここではそうしておきます)もちろんこれは朝鮮人の主張であり、日本相撲協会ではそんなこと認めていない。
 弟信洛も子供の頃から力持ちで"壮士(チャンサ)"とよばれていた。(ちなみに愛称はシンラギー)。朝鮮でのチャンサは日本語の壮士とは少し異なり、「力の強い勇者」といった意味合いがある。朝鮮で強い男に対する最大級のほめ言葉である。
 日本の植民地下にあった朝鮮半島で農家一家として暮らす金一家は、消して豊かではなかった。
 その起源は古く、高句麗(コグリョ)時代の壁画にも相撲の原形が描かれ、始まりは二、三世紀ともいわれる。
 シルム相撲と違い、両者組み合うところから始まる。力士の腰と腿にはサッパが巻かれているが、日本のまわしに比べるとだいぶ細いそのサッパを両手でしっかりつかみ、少しでも相手より有利な体制を維持しながらはじめ(シージャック)の掛け声を待つのである。日本の相撲のように土俵はなく、相手を倒すことでのみ勝ち名乗りを上げることができる。モンゴル相撲に近いかもしれない。その足場は柔らかい砂を用いる。広場に砂を敷き詰めるか、海岸の砂浜をそのまま利用することが多い。砂に足をとられながら闘うシルムは、足押しの強さが勝負を決める大きな要素となる格闘技である。
韓国ではプロ・シルム選手が活躍するほどである。
 その日優勝したのは兄恒洛であったが、ひときわ会場を沸かせたのが決勝戦を前に行われた三位決定戦だ。
 大会の行われたの年は、すでに日韓併合から二十八年が過ぎていた。したがって、見物客も朝鮮人ばかりではなく、日本人の姿もあった。そのうちに一人が、地元、六坮に警部補として赴任してきた小方寅一である。また小方と共に見物していたのが、小方の義父にあたる百田巳之吉である。そう、後の日本人力道山の父である。
 そしてこの後信洛少年は日本の相撲にスカウトされるわけだが心境は如何に…。
出典:「もう一人の力道山」李淳馹

テーマ : プロレス - ジャンル : スポーツ

タグ : 朝鮮相撲 シルム 高句麗 相撲 百田 日韓併合 モンゴル相撲 朝鮮

CATS

昨日劇団四季ミュージカルCATSを家族で見に行った。
東京五反田にある専用ホール、駅からゆっくり歩いて10分弱のところ。
入り口をはいるとすずに、子供専用のメイクコーナーがあって、早速ただでメイクをしてもらった。
席は2階の2列目の端、子供(幼児)がいたので、いざというとき出られやすいので助かった。
席につくとじきにはじまった。会場が暗くなり、2階席にもCATSたちがやってきた。青い目を光らせてこちらに向かって「にゃお〜^」、娘はおびえて泣き出しそう、ブルブル…。どうしよう、いきなり「親子観覧席」に移動か?
と心配したが、なんとか持ちこたえてくれた。
娘と私はすっかり寝てしまい、ストーリーもわからぬまま公演が終了してしまった。
あぁ、チャニアーンな一日が台無しだ…。
駅前のモスバーガーでアイスコーヒーを飲んで、帰宅。
前日の呑み過ぎを後悔する私でした。

テーマ : 小さなしあわせ - ジャンル : 日記

タグ : ミュージカル キャッツ CATS 劇団四季 東京公演

消費期限と賞味期限

この違いって何だろう?と薄々感じていたが、昨日食品衛生責任者講習会を受けてやっとなぞが解けた。(っつうか、ネットで調べればすぐにわかることだが…)(てへ)
製造日から衛生上危険でないのが5日以内消費期限、これに比べ劣化しにくいもの、つまり5日以上大丈夫なものに賞味期限と書くそうだ。
つまり、消費期限とあるものはそのままでも痛みやすいということだ。しかし、あくまで開封前の状態についての表示なので、どちらも開封したら迅速に消費しましょう。

テーマ : コレ知ってる? - ジャンル : ライフ

タグ : 消費期限 賞味期限

資格取りました(*^_^*)

今日、食品衛生責任者講習会を受講してきました。これを受講すると100%で「食品衛生責任者」の資格がもらえます。午前と午後あわせて6時間の講習でした。東京都は以前(平成9年度以前)は2日かけて10時間だったそうで、とても楽でした。この資格は一度受講(取得)すれば生涯使えるもので、しかも日本全国どこでも使える国家資格なのです。東京都の場合受講料1万円也。よく飲食店でみる青い縦型のプレートは希望者のみ販売してた(700円也)。
資格取得までの手順を示します(東京都の場合)。
ー卉痛/ 東京都食品衛生協会のHPへアクセスし「食品衛生責任者」の「日程表」を確認する。
⊃醜用紙をダウンロードする。(PDF1.3が読める環境が必要です)
J嵜用封筒と必要事項を記載の上郵送する。
受講日が記載されてはがきだ同封されてくる
ぜ講日、指定された時間(9時30分)までに受付を済ませて着席する。
ジ畫娃鎧間、午後3時間の講習を受ける。
 最後にテストがあるが、アンケートのようなもので資格要件ではない。
Α食品衛生責任者手帳」をもらい、記載内容を確認して終了。
でこれが手帳です。
200710181909000.jpg


今後は、食品衛生責任者向け情報提供をしていこうと思います。
http://www.mhlw.go.jp/topics/bukyoku/iyaku/syoku-anzen/index.html
http://www.fukushihoken.metro.tokyo.jp/shokuhin/index.html
http://www.toshoku.or.jp/

テーマ : 資格試験 - ジャンル : 就職・お仕事

タグ : 食品 衛生 資格 公衆衛生 法律 自主管理 保健所

第366回「入賞したことありますか?」あります!

大学3年生の時、おちゃらけスキーサークル内のちっぽけな大会で優勝しました。雪が降る中大穴の私が優勝しその日の宴会は大変呑まされました。頭から酒をかけられたり、優勝カップで一気させられたり、とてもうれしかった思い出です。
そういえば、もうここ何年もスキーに行ってないなぁ…

テーマ : スキー - ジャンル : スポーツ

タグ : アルペン スキー 競技 大回転

私でもXMLが書けた(^^♪

はじめはXMLに複数パターンのスタイルを用意して、ボタンの引数でスタイルファイルを切り替えて表示していたけど、似たようなスタイルファイルが沢山できて、だんだんとファイル管理しきれなくなってきたところ(といっても2桁いってない…)、つい先日JavaScriptからスタイルに変数を渡してあげられることが判明し、それはもう大喜びさ。ってことで、どんなことをやっているのかまとめてみましたのでよろぴく!
⇒ようこそオーガスの窓へ:WEBリファレンス

テーマ : ホームページ・ブログ制作 - ジャンル : コンピュータ

タグ : XML XSLT JavaScript HTML

アクセスカウンタ
Since 2007.10.16

PING送信プラス by SEO対策


The Search 検索エンジン    検索エンジン  
辞書
参加しましょう!
チーム員ナンバー 20386175
ニックネーム チャニアーン
「MENU」⇒「チーム・マイナス6%について」⇒「あなたもチーム員宣言を」 から登録可能です。是非参加して実施いたしましょう!
チーム・マイナス6%
Powered By イーココロ!
RED RIBBON LINK PROJECT
ランキン グゥ〜

応援はこちら

にほんブログ村 格闘技ブログ プロレスへ
のんびりと ゆったりと
花子さん のんびりと ゆったりと
ソーシャルブックマーク

ブックマークプラス by SEO対策

プロフィール

チャニアーン

Author:チャニアーン
チャニアーンとはタイ語で『極上』の意味です。
■私の愛読書?は東スポです。最近はプロレス記事もトーンダウンして悲しい…。 力道山、ブロディー、猪木、のファンです。
■2007年2月に、タイ古式マッサージセラピストの資格を取りました!
■200710月には「食品衛生責任者」の資格を取得してきました。国家試験の中で一番簡単な資格です。1日で取得できます。
■音楽は主に洋楽(ロック、ハードロック、ヘビメタ(ふるっ)、パンクなど聞きます)

最近の記事
ブログ内検索
最近のコメント
カテゴリー
月別アーカイブ
最近のトラックバック
素敵な仲間達(リンク)
このブログをリンクに追加する
堀川ひとみ 応援団
■堀川ひとみ応援団の観察隊長【てんふー】さんpresents
 ▼Live 情報ティッカー
新着イベント / 堀川ひとみ+首都圏 - eventcast
 ▼『堀川ひとみカレンダー』 Powered by OCAL.JP
http://ocal.jp からのJavascriptを許可してください

 ▼『Horikawa Hitomi Map リンクボタン
Powered by Google マップ

─── Link ───

ブログ:堀川ひとみ‐禁断のmy room‐
堀川ひとみの 禁断のmy room
かわさきFM
※ネットでラジオを聴くにはapple computerから無料配布されている「iTunes」が必要です。
get iTunes

─── 動画 ───

『幸せを信じられる人になりたいのです』

(08:07) その他の動画リンクボタン
掲示板にもあります リンクボタン

── Album紹介 ──

1st Album 『私の心 嘘だらけ』 タワレコ通販for PC
2st Album 『幸せを信じられる人になりたいのです』 タワレコ通販for PC

── tenfu 実験室 ──

堀川ひとみさんの応援と普及活動
イベント紹介
おやすみ中
Amazon Musician