<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-30768159</id><updated>2011-04-22T06:05:58.538+09:00</updated><title type='text'>「コヴェント・ガーデンの思い出」　サイト作成奮闘記</title><subtitle type='html'>現在、作成中のＷＷＷサイト　&lt;a href="http://niki.ring.jp/"&gt;&lt;b&gt;「コヴェント・ガーデンの思い出」&lt;/b&gt;&lt;/a&gt;の苦労話を綴ってみようと思います。&lt;br&gt;

&lt;a href="http://niki.ring.jp/"&gt;「コヴェント・ガーデンの思い出」&lt;/a&gt;とは、旧Niftyのクラシックフォーラムに 故 LEUTNANT NIKI さんが、連載していた読みきり形式のオペラ&amp;amp;オペレッタの感想手記です。</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://covent-garden.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>10</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-30768159.post-115571750111514344</id><published>2006-08-16T17:18:00.000+09:00</published><updated>2006-08-16T17:38:21.136+09:00</updated><title type='text'>移行作業がやっと終了！</title><content type='html'>本日、サイトをリニューアルしました。&lt;br /&gt;
つかれたぁ～。&lt;br /&gt;
思い立ってから、２週間での完成です。&lt;br /&gt;&lt;br /&gt;

スクラッチから作成したら、２ヶ月弱かかるところですが、&lt;br /&gt;
dojoさまのおかげで、こんなに早くできました。&lt;br /&gt;
いい世の中になったものです。&lt;br /&gt;&lt;br /&gt;

ちょこちょことボタンにグラデーションを入れて、少し滑らかな感じにし、&lt;br /&gt;
ついでに、タイトルも加工してしまいました。&lt;br /&gt;
とても、私が作ったとは思えないサイトになりましたｗ。&lt;br /&gt;&lt;br /&gt;

最後に残った各エピソードの移行作業も、phpでプログラムを作って、一気に変換！&lt;br /&gt;
『ニーベルングの指輪』以外は、うまく行きました。&lt;br /&gt;
手で１つ１つ変換していたら、それだけでも１週間はかかちゃいそうですからね。&lt;br /&gt;&lt;br /&gt;

msearchでの全文検索は、光明がみえてきました。&lt;br /&gt;
現在は、まだ、準備中になっていますが、&lt;br /&gt;
なんとかできそうな予感がします。&lt;br /&gt;&lt;br /&gt;

現在の興味は、googleの検索エンジンが、このhtmlをうまく処理できるかどうかです。&lt;br /&gt;
Ajax技術の本家本元！&lt;br /&gt;
頑張って欲しいところです。&lt;br /&gt;&lt;br /&gt;

&lt;a href="http://niki.ring.jp/news.html"&gt;「山崎さんをしのぶ会」&lt;/a&gt;
の記事も、東京新聞社さまの了解を得て、&lt;br /&gt;
掲載しています。&lt;br /&gt;&lt;br /&gt;

プログラムも、知り合いの方にお願いして、随分とスキャンしました。&lt;br /&gt;
プログラムをめくってみると、当時のフィナンシャルタイムズの評論記事が残っていました。&lt;br /&gt;
さすが、ＮＩＫＩさんです。&lt;br /&gt;
これも掲載したいと思ったのですが、さすがに、まずいかなぁ、&lt;br /&gt;
と、思い、現在は掲載していません。&lt;br /&gt;
でも、いつか、掲載したいと思っています。&lt;br /&gt;&lt;br /&gt;
----&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115571750111514344?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115571750111514344'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115571750111514344'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/08/blog-post_16.html' title='移行作業がやっと終了！'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115557286785172673</id><published>2006-08-15T01:17:00.000+09:00</published><updated>2006-08-16T17:17:55.640+09:00</updated><title type='text'>サイトのリニューアル</title><content type='html'>最近のＷＷＷの流行といえば、Ajaxです。&lt;br /&gt;&lt;br /&gt;

私も、使ってみようかと思い、いろいろ調べてみました。&lt;br /&gt;
なかなか、面白いですよ。これ！&lt;br /&gt;&lt;br /&gt;

そこで、『コヴェント･ガーデンの思い出』でも、使ってみようかと思い&lt;br /&gt;
サイトをリニューアルすることになりました。&lt;br /&gt;&lt;br /&gt;

prototype.jsや、YohooUIなど、いろろいろなものがありましたが、&lt;br /&gt;
今回は、dojo というものを使うことにしました。&lt;br /&gt;
よくわかりませんが、dojoの語源は、『道場』 なのでしょうか。&lt;br /&gt;

これは、すごい便利です。&lt;br /&gt;
複雑なレイアウトも一発！&lt;br /&gt;
面倒なタブの処理も一発！&lt;br /&gt;
その他、タイトルペインも超簡単&lt;br /&gt;
機能的に面倒だったのは、ヒストリー機能くらいなものでした。&lt;br /&gt;
ただし、各エピソードは、それなりに変更しなくてはなりません。&lt;br /&gt;
これは、面倒です。&lt;br /&gt;
現在は、７話まで移行が終了しています。&lt;br /&gt;&lt;br /&gt;

心配なのは、検索機能！&lt;br /&gt;
まだ、実験していませんが、うまくいくのでしょうか？&lt;br /&gt;&lt;br /&gt;
また、googleなどの検索エンジンには、うまくひっかかるのかなぁ？&lt;br /&gt;
かなり心配です。&lt;br /&gt;
でも、googleから飛んでくる人は、あまりいないからいいかぁ～&lt;br /&gt;
という感じです。&lt;br /&gt;&lt;br /&gt;

それでも、使い安さは、上がったと思います。&lt;br/&gt;
----&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115557286785172673?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115557286785172673'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115557286785172673'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/08/blog-post.html' title='サイトのリニューアル'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115431288999304207</id><published>2006-07-31T11:22:00.000+09:00</published><updated>2006-07-31T11:28:39.693+09:00</updated><title type='text'>音楽祭にちなんで・・・</title><content type='html'>バイロイト音楽祭・ザルツブルグ音楽祭が開幕しました。&lt;br /&gt;&lt;br /&gt;

今となっては、ネットラジオで、生放送を遠く離れた&lt;br /&gt;
極東の日本で聞けるということは、大変にありがたい事です。&lt;br /&gt;
アーノンクールの『フィガロの結婚』には、吃驚仰天したり、&lt;br /&gt;
ティーレマンの『リング』は、なかなかではないかと&lt;br /&gt;
（まだ、真剣には聞いていませんが・・・）&lt;br /&gt;
と、毎日楽しくすごしております。&lt;br /&gt;&lt;br /&gt;

さて、&lt;a href="http://niki.ring.jp/"&gt;『コヴェント・ガーデンの思い出』&lt;/a&gt;も、このお祭りに&lt;br /&gt;
便乗？するべく、今週は、３話づつアップする事にしました。&lt;br /&gt;&lt;br /&gt;
月曜日の今日は、&lt;br /&gt;&lt;br /&gt;
&lt;h4&gt;・第０１４話 &lt;a href="http://niki.ring.jp/episode014.html"&gt;シーズン開幕は超娯楽大作、ベルリオーズの『カルタゴのトロイの人びと』の巻&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;・第０１５話 &lt;a href="http://niki.ring.jp/episode015.html"&gt;女性勲爵士ジャネット・ベーカーのシャルロッテ、マスネの『ウェルテル』の巻&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;・第０１６話 &lt;a href="http://niki.ring.jp/episode016.html"&gt;多彩で豪華な配役で楽しんだ、ＲＯＨの『ドン・カルロ』の巻(1977/1979)&lt;/a&gt;&lt;/h4&gt;
となっております。&lt;br /&gt;&lt;br /&gt;

お楽しみください。&lt;br /&gt;
----&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115431288999304207?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115431288999304207'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115431288999304207'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/blog-post_31.html' title='音楽祭にちなんで・・・'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115388067769228270</id><published>2006-07-26T11:00:00.000+09:00</published><updated>2006-07-26T13:38:35.630+09:00</updated><title type='text'>バイロイト音楽祭が始まりました！</title><content type='html'>今日も、&lt;br /&gt;
&lt;h4&gt;第０１２話 &lt;a href="http://niki.ring.jp/episode012.html"&gt;ＥＮＯのプリマ・ドンナ、ヴァレリー・マスターソンは理想のミミの巻(1977)&lt;/a&gt;&lt;/h4&gt;
をアップしました。&lt;br /&gt;&lt;br /&gt;

一応、予定通りです。&lt;br /&gt;
もう少し早いペースの方がいいのかなぁ？&lt;br /&gt;&lt;br /&gt;

さて、昨夜からバイロイト音楽祭が始まりました。&lt;br /&gt;
現在、バルトーク放送のアーカイブからＤＬしているところです。&lt;br /&gt;
生放送を録音するのは、ちょっと身体的にしんどいので、&lt;br /&gt;
（もうわかくないらしい・・・f^^;;）&lt;br /&gt;
昨夜は、『さまよえるオランダ人』&lt;br /&gt;
昨年と同じ マレク・アルブレヒト なので、たぶん、似た演奏なのでしょう！&lt;br /&gt;&lt;br /&gt;

今夜は、プレミエのティーレマンの『ラインの黄金』！&lt;br /&gt;
こちらは、どうなるか、楽しみです。&lt;br /&gt;
----&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115388067769228270?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115388067769228270'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115388067769228270'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/blog-post_26.html' title='バイロイト音楽祭が始まりました！'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115371651355090485</id><published>2006-07-24T13:09:00.000+09:00</published><updated>2006-07-24T13:53:33.040+09:00</updated><title type='text'>SEO対策は？</title><content type='html'>凄く、忙しくて、随分と間があいてしまいました。&lt;br&gt;
久しぶりの更新です。&lt;br&gt;&lt;br&gt;

本日、
&lt;h4&gt;・第０１１話 &lt;a target="_blank" href="http://niki.ring.jp/episode011.html"&gt;ＤＯＢは、重ったるいヴェルディの『仮面舞踏会』の巻(1977/9)&lt;/a&gt;&lt;/h4&gt;
をアップしました。&lt;br&gt;
月・水、金曜日に、アップしていこうかと考えています。&lt;br&gt;&lt;br&gt;

先週末から、リンクのお申し込みが、２件もあって、&lt;br&gt;
大喜びでした。&lt;br&gt;&lt;br&gt;

&lt;h4&gt;&lt;a target="_blank" href="http://www12.ocn.ne.jp/~ideale/index.htm"&gt;オペレッタ普及委員会&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;&lt;a target="_blank" href="http://homepage1.nifty.com/classicalcd/"&gt;Classical CD Information &amp; Reviews&lt;/a&gt;&lt;/h4&gt;

すると、ヒット数が一挙に増加！&lt;br&gt;&lt;br&gt;
いつもは、２００～４００ヒットだったものが、&lt;br&gt;
一挙に、３８００ヒットになりました。&lt;br&gt;
このまま、ヒット数が増加していくことを願っています。&lt;br&gt;&lt;br&gt;

さて、『Classical CD Information &amp; Reviews』の加藤さんにご指摘を頂いて、初めて知ったのですが、&lt;br&gt;
&lt;a target="_blank" href="http://dir.yahoo.co.jp/Arts/Performing_Arts/Opera/"&gt;Yahoo&lt;/a&gt;に掲載されていました。&lt;br&gt;
なんか、トップにいるんですけど、いいのでしょうか？ｗ&lt;br&gt;&lt;br&gt;

一応、google,Yahoo,Infoseekには、登録申請をしました。&lt;br&gt;&lt;br&gt;

このうち、googleは、登録申請から２週間後に『コヴェント・ガーデンの思い出』で検索すると&lt;br&gt;
上位に結果が表示されるようになりました。&lt;br&gt;
ＳＥＯ対策は、それなりにしたつもりです。&lt;br&gt;
巷でよく言われている、『タイトル』タグ や 『Ｈ?』タグ,『ＳＴＲＯＮＧ』タグなどを&lt;br&gt;
適切に用いたり、イメージファイルには、きちんと ALT を付け加えたりなど&lt;br&gt;
細かくて、大変面倒なことでありますが、一応、してあります。&lt;br&gt;&lt;br&gt;

しかしながら、肝心の『オペラ』や『オペレッタ』のキーワードでは、&lt;br&gt;
なかなか、ひっかからないようです。&lt;br&gt;
これは、メタタグのKEYWORDSに登録してあるのですが、&lt;br&gt;
本文には、『オペラ』や『オペレッタ』という言葉がないからでしょう。&lt;br&gt;
トップページの本文を修正するしかありません。&lt;br&gt;
そもそも、ＦＣＬＡへの投稿ならともかく、トップページの文章を見ただけでは、&lt;br&gt;
なかなか、このサイトの趣旨が伝わらないと思います。&lt;br&gt;&lt;br&gt;

そこで、申し訳ないと思いましたが、&lt;br&gt;
&lt;a target="_blank" href="http://niki.ring.jp/"&gt;トップページ&lt;/a&gt;の文言を変更させて頂きました。&lt;br&gt;
れあバージョンといったところでしょうか！。&lt;br&gt;
これで、初めて、このサイトに訪れた方でも、&lt;br&gt;
とっつきやすくなったと思います。&lt;br&gt;&lt;br&gt;

実は、本文中にも、『年末年始の挨拶』などがあります。&lt;br&gt;
こちらについては、ＮＩＫＩさんも、削除する方向で&lt;br&gt;
考えていらっしゃさったので、変更する事にしようと思っています。&lt;br&gt;&lt;br&gt;
----&lt;br&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115371651355090485?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115371651355090485'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115371651355090485'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/seo.html' title='SEO対策は？'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115303012441330406</id><published>2006-07-16T14:47:00.000+09:00</published><updated>2006-07-16T15:08:44.420+09:00</updated><title type='text'>ＨＴＭＬ化は、苦労ばかり！</title><content type='html'>前回までに、少しだけ、苦労個所を紹介しました。&lt;br /&gt;&lt;br /&gt;

実際、ＨＴＭＬをみても、キャスト表だけでも&lt;br /&gt;
結構な苦労したわけですが、&lt;br /&gt;
その他にも、まだまだ、あります。&lt;br /&gt;&lt;br /&gt;

たとえば、作曲者や作品名の上に、マウスカーソルを&lt;br /&gt;
あててみてください。&lt;br /&gt;&lt;br /&gt;

JavaScriptをONにしておくと、その作曲家の&lt;br /&gt;
名前が、日本語での表記が、さらに、&lt;br /&gt;
生まれ年となくなった年のツールチップで&lt;br /&gt;
表示されるようになっています。&lt;br /&gt;&lt;br /&gt;

また、作品名も同じように、日本語の表記に、&lt;br /&gt;
台本家、初演場所が表示されるようになっています。&lt;br /&gt;
これは、１つ１つ、調べては書込んでいるわけです。&lt;br /&gt;&lt;br /&gt;

また、「ヴェリズモ」や「スピント」などの、&lt;br /&gt;
いわゆるオペラ用語についても、ツールチップが表示&lt;br /&gt;
されるように工夫しています。&lt;br /&gt;&lt;br /&gt;

JavaScript自体は、１度作ってしまえば、あとは、&lt;br /&gt;
その使いまわしなので、そんなに大変ということは&lt;br /&gt;
ありません。&lt;br /&gt;&lt;br /&gt;

しかし、オペラ用語の意味を調べるのは、&lt;br /&gt;
結構、大変でした。&lt;br /&gt;
というのも、統一されていなかったり、&lt;br /&gt;
その場の雰囲気によって、使い分けがあったりしたからです。&lt;br /&gt;
なかなか、奥深いものがありました。&lt;br /&gt;&lt;br /&gt;

オペラ初心者の方でも、すぐに、読めるようにと、&lt;br /&gt;
ＮＩＫＩさんの意向だったので、頑張ってやりましたよ。&lt;br /&gt;&lt;br /&gt;

用語説明は、色が違っているので、すぐに分ると思いますので、&lt;br /&gt;
探してみて下さいね。&lt;br /&gt;
----&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115303012441330406?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115303012441330406'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115303012441330406'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/blog-post_16.html' title='ＨＴＭＬ化は、苦労ばかり！'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115275609775837364</id><published>2006-07-13T10:46:00.000+09:00</published><updated>2006-07-13T20:17:45.263+09:00</updated><title type='text'>HTML化の罠ｗ</title><content type='html'>ＨＴＭＬ化をしている時の罠は、なんといっても&lt;br /&gt;
内容を読んでしまって、なかなか作業ができないことです。&lt;br /&gt;&lt;br /&gt;

普通の仕事だと思えば、我慢もできるところだが、&lt;br /&gt;
なにしろ、納期というものがありません。&lt;br /&gt;
いやはや、困った事でした。&lt;br /&gt;&lt;br /&gt;

さて、その中で、一番印象に残っているのは、&lt;br /&gt;
新演出の&lt;strong&gt;カラヤン&lt;/strong&gt;の&lt;strong&gt;ヴェルディ「ドン・カルロ」&lt;/strong&gt;です。！&lt;br /&gt;
&lt;strong&gt;カラヤン&lt;/strong&gt;ならではの豪華絢爛の歌手人に、&lt;strong&gt;ヴィーン国立&lt;/strong&gt;の演奏では&lt;br /&gt;
わるいはずがありません。&lt;br /&gt;&lt;br /&gt;

私自信、&lt;strong&gt;カラヤン&lt;/strong&gt;は、１９８０年の&lt;strong&gt;ヴィーン楽友協会&lt;/strong&gt;と共に来日した時の&lt;br /&gt;
&lt;strong&gt;ヴェルディ「レクイエム」&lt;/strong&gt;は聞いているのですが、結局、オペラは聞けませんでした。&lt;br /&gt;
「ドン・カルロ」あるいは「薔薇の騎士」は、本当に聞きたかったです。&lt;br /&gt;
&lt;strong&gt;NIKI&lt;/strong&gt;さん、羨ましい限りです。&lt;br /&gt;
そういえば、&lt;br /&gt;
　　　なにいっているんだ、仕事は、大変だったんだ。&lt;br /&gt;
と、よくおっしゃっていました。&lt;br /&gt;&lt;br /&gt;

残念ながら、このエピソードは第９８話なので、&lt;a href="http://niki.ring.jp/"&gt;サイト&lt;/a&gt;に載るのは、&lt;br /&gt;
まだまだ、先のことです。&lt;br /&gt;&lt;br /&gt;

なぜ、すべてをばば～んを載せないのかって！&lt;br /&gt;
それは、粗雑なＨＴＭＬ化は、確かに終わっているのですが、&lt;br /&gt;
その後、１話１話、大変細かな手直しが待っているのですよ。&lt;br /&gt;
現在は、１週間に１話ですが、&lt;br /&gt;
どんなに頑張っても３話が限界です。&lt;br /&gt;&lt;br /&gt;

次回は、その辺の苦労話でも、語りますか！&lt;br /&gt;
----&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115275609775837364?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115275609775837364'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115275609775837364'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/html.html' title='HTML化の罠ｗ'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115267117535138562</id><published>2006-07-12T11:03:00.000+09:00</published><updated>2006-07-12T11:26:15.376+09:00</updated><title type='text'>不屈のＨＴＭＬ化</title><content type='html'>さて、エピソード以外のページは、&lt;br /&gt;
かっちりとレイアウトが決まったので、&lt;br /&gt;
早速、２話目以降の作成を始めました。&lt;br /&gt;&lt;br /&gt;

全１３８話を作成するのに、かかった時間は、約２ヶ月です。&lt;br /&gt;
仕事の合間をぬっての作業でしたが、&lt;br /&gt;
やっぱり、時間がかかりました。&lt;br /&gt;&lt;br /&gt;

特に、時間がかかるのは、複数の公演を１つにまとめて&lt;br /&gt;
掲載している場合です。&lt;br /&gt;
はじめは、ul li などのリストタグを使っていたのですが、&lt;br /&gt;
これでは、限界があるため、急遽、table タグに変更しました。&lt;br /&gt;&lt;br /&gt;

また、変則的なレイアウトをせざる負えないページが&lt;br /&gt;
いくつもありました。&lt;br /&gt;

たとえば、キャストの掲載時の文字の配置は、&lt;br /&gt;
・ＲＯＨやＥＮＯの公演の場合には、左寄せ、&lt;br /&gt;
・ヴィーンになると、中央寄せ、&lt;br /&gt;
・バイロイトは、両端寄せ&lt;br /&gt;
と、プログラムに記載されている通りに書いてありました。
芸の細かいことで、本当に大変でした。&lt;br /&gt;&lt;br /&gt;

&lt;a href="http://niki.ring.jp/episode004.html"&gt;Ｒ．ワグナー『ニーベルングの指輪』&lt;/a&gt;
は、４つの楽劇で１つの作品ということで、&lt;br /&gt;
これを、うまく、レイアウトするのには、&lt;br /&gt;
本当に苦労しました。&lt;br /&gt;
この&lt;a href="http://niki.ring.jp/episode004.html"&gt;グッドール&lt;/a&gt;の他に、まだ、掲載していませんが、バイロイト音楽祭とＲＯＨの&lt;br /&gt;
公演がありますので、３回も苦労したわけです。&lt;br /&gt;&lt;br /&gt;

まだ、掲載していませんが、&lt;strong&gt;ノルマ&lt;/strong&gt;&lt;br /&gt;
同一プロダクションで、なんと６回も聞いています。&lt;br /&gt;
これには、本当に驚きました。&lt;br /&gt;
それと同時に、このキャスティングを、&lt;br /&gt;
どのようにレイアウティングするのか&lt;br /&gt;
非常に悩みました。&lt;br /&gt;&lt;br /&gt;
でも、もう無理やりにいれるしかない！&lt;br /&gt;
って感じで、やってしまいました。&lt;br /&gt;&lt;br /&gt;

今、考えれば table タグに変更しておいて&lt;br /&gt;
正解だったなぁ、と思っています。&lt;br /&gt;&lt;br /&gt;

兎に角、たくさんの出演者がおり、&lt;br /&gt;
たくさんの名前を、一覧表にするというのは、&lt;br /&gt;
本当に大変な作業でした。&lt;br /&gt;

といったところで、本日の苦労話は、おしまい！
----&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115267117535138562?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115267117535138562'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115267117535138562'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/blog-post_12.html' title='不屈のＨＴＭＬ化'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115258504743608997</id><published>2006-07-11T11:05:00.000+09:00</published><updated>2006-07-12T11:01:47.050+09:00</updated><title type='text'>全体のデザイン</title><content type='html'>こんにちはぁ～。&lt;br /&gt;&lt;br /&gt;

思い出のページを作成するに、あたって、&lt;br /&gt;
まず、１つのエピソードのデザインを作ることにしました。&lt;br /&gt;
といっても、私はＨＴＭＬの文法等は良く知っているつもりですが、&lt;br /&gt;
デザインは、&lt;strong&gt;しょぼしょです＞＜&lt;/strong&gt;。&lt;br /&gt;&lt;br /&gt;

そこで、友人のＮ氏にお願いしたとこり、&lt;br /&gt;
さくっと、作って頂けました。&lt;br /&gt;
ありがとうございました。　＞　Ｎ氏&lt;br /&gt;
でも、ここからが大変でした。&lt;br /&gt;&lt;br /&gt;

このデザインを元に、まず１話目の&lt;br /&gt;
&lt;a href="http://niki.ring.jp/episode001.html"&gt;「事始めはクライバーとニルソンの『エレクトラ』の巻」&lt;/a&gt;&lt;br /&gt;
を作ってみました。&lt;br /&gt;
うん、これは、なかなかいいぞ。&lt;br /&gt;&lt;br /&gt;

そこで、&lt;a href="http://niki.ring.jp/"&gt;トップページ&lt;/a&gt;を作りました。&lt;br /&gt;
なかなか、いいじゃないですか！&lt;br /&gt;&lt;br /&gt;

続いて、&lt;a href="http://niki.ring.jp/content1.html"&gt;目次&lt;/a&gt;です。&lt;br /&gt;
ここで、ハタと気が付いてしまいました。&lt;br /&gt;
目次って、何種類も作って欲しいと云われていたのでした。&lt;br /&gt;
しかし、今まで作ったページでリンクする&lt;b&gt;スペースがないぞっと！&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;

スペースがないときには、&lt;strong&gt;ポップアップメニュー&lt;/strong&gt;しかない。&lt;br /&gt;
ということで、&lt;strong&gt;javascript&lt;/strong&gt;を駆使して作りました。&lt;br /&gt;
ついでに、&lt;strong&gt;アジリダ&lt;/strong&gt;などのいわゆるオペラ用語説明をするために、&lt;br /&gt;
&lt;strong&gt;ツールチップ&lt;/strong&gt;も作ってみました。&lt;br /&gt;
何気なく、innerHTML を使ってしまいました。&lt;br /&gt;
この方法だと、用語と解説を、各ＨＴＭＬ内に埋め込むのではなく、&lt;br /&gt;
javascriptのファイル内に辞書を置いておく事ができるので、&lt;br /&gt;
とても、管理が簡単になります。&lt;br /&gt;&lt;br /&gt;

しかしなあがら、調べてみると、昔のバージョンブラウザが&lt;br /&gt;
わりと、使えない事が判明！&lt;br /&gt;
後日、ＨＴＭＬ埋め込み型に変更しようと&lt;br /&gt;
心に決めて、とりあえずは、ほっておく！&lt;br /&gt;&lt;br /&gt;

（本当に、そんな日がくるのか！）&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;



そんな訳で、とりあえず、目次を&lt;br /&gt;
　・&lt;a href="http://niki.ring.jp/content1.html"&gt;話数別 &lt;/a&gt;&lt;br /&gt;
　・&lt;a href="http://niki.ring.jp/content2.html"&gt;作曲者別&lt;/a&gt;&lt;br /&gt;
　・&lt;a href="http://niki.ring.jp/content3.html"&gt;劇場別&lt;/a&gt;&lt;br /&gt;
の３種類を作りました。&lt;br /&gt;

その他、指揮者別、演出家別、歌手別、&lt;br /&gt;
というリクエストも頂いていたのですが、&lt;br /&gt;
それは、とても、大変そうなので、&lt;br /&gt;
&lt;a href="http://google.co.jp/"&gt;google&lt;/a&gt; か &lt;a href="http://www.kiteya.net/script/msearch/"&gt;msearch&lt;/a&gt;を使って検索して頂く事にしました。&lt;br /&gt;

その他、&lt;a href="http://niki.ring.jp/sitemap.html"&gt;サイトマップページ&lt;/a&gt;や、&lt;a href="http://niki.ring.jp/link.html"&gt;リンクページ&lt;/a&gt;などを作って、&lt;br /&gt;
準備万端！&lt;br /&gt;&lt;br /&gt;

さぁ～て、いよいよ、各エピソードの&lt;br /&gt;
ＨＴＭＬ化開始だぁ～！&lt;br /&gt;&lt;br /&gt;

と、勢い込んだところで、おしまい！&lt;br /&gt;
----&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115258504743608997?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115258504743608997'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115258504743608997'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/blog-post_11.html' title='全体のデザイン'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-30768159.post-115224692694554554</id><published>2006-07-07T13:31:00.000+09:00</published><updated>2006-07-07T14:30:37.856+09:00</updated><title type='text'>初めての投稿</title><content type='html'>今まで、ゲームのblogしか書いた事がありませんでしたが、
もう少し、 リアルに近いことも書こうかと思い、このブログを
立ち上げてみました。&lt;br&gt;&lt;br&gt;

このブログは、 現在、私が作成しているＷＷＷサイト&lt;br&gt;
&lt;a href="http://niki.ring.jp/" target="_blank"&gt;「コヴェント・ガーデンの思い出」&lt;/a&gt;&lt;br&gt;
の製作過程の色々な苦労話を綴ってみようと思います。&lt;br&gt;&lt;br&gt;

&lt;a href="http://niki.ring.jp/" target="_blank"&gt;「コヴェント・ガーデンの思い出」&lt;/a&gt;とは、
旧Niftyのクラシックフォーラムに 故 LEUTNANT NIKI さんが、
連載していた読みきり形式のオペラ&amp;amp;オペレッタの感想手記です。&lt;br&gt;&lt;br&gt;



私たちの年代からすると、（どんな年代だぁｗ&lt;br&gt;
歴史上の人物のような&lt;br&gt;
歌手では、&lt;strong&gt;ベルコンツィ&lt;/strong&gt;、&lt;strong&gt;クラウス&lt;/strong&gt;、&lt;strong&gt;サザーランド&lt;/strong&gt;&lt;br&gt;
指揮者では、&lt;strong&gt;ベーム&lt;/strong&gt;、&lt;strong&gt;カラヤン&lt;/strong&gt;、&lt;strong&gt;クライバー&lt;/strong&gt;&lt;br&gt;
が、次々と登場！&lt;br&gt;
もちろん、３大テノールのドミンゴ、パヴァロッティ、カレーラスもあります。
それらのいろんなエピソードが、書かれていて、とても、楽しいものです。&lt;br&gt;&lt;br&gt;


登場する主なオペラハウスは、&lt;br&gt;
・&lt;strong&gt;コヴェント・ガーデン王立歌劇場&lt;/strong&gt;(ROH)&lt;br&gt;
・&lt;strong&gt;イングリッシュ・ナショナル・オペラ&lt;/strong&gt;(ENO)&lt;br&gt;
・&lt;strong&gt;ヴィーン国立歌劇場&lt;/strong&gt;&lt;br&gt;
・&lt;strong&gt;ヴィーンフォルクスオーパー&lt;/strong&gt;&lt;br&gt;
などなど。&lt;br&gt;&lt;br&gt;


生前より、ＷＷＷ化を希望されていたものを、私れあが引き継ぎました。&lt;br&gt;
幸い資料は全て整理してあり、その点では、困ったことは無かったのですが、
希望する機能が、テンコ盛り状態！&lt;br&gt;
現在、悪戦苦闘中というわけです。&lt;br&gt;

先日、やっと全１３８話の大雑把なＨＴＭＬ化が終わったところです。&lt;br&gt;
まだまだ、やることが、たくさんあるのですが、とりあえず、数話を公開することにしました。&lt;br&gt;&lt;br&gt;

オペラ・オペレッタ愛好家はもちろん、
それらを聞いたことがない方も、楽しめるように
工夫していきたいと思っています。&lt;br&gt;&lt;br&gt;


さて、タイトルの&lt;br&gt;
　「コヴェント・ガーデンの思い出」&lt;br&gt;
ですが、これは、Ｊ・シュトラウスＩＩが、渡英したときに
作曲したワルツです。&lt;br&gt;
なかなか演奏されませんし、ＣＤもＪ・シュトラウス全集みたい
ものにしか収録されておらず、滅多に聞くことが出来ません。&lt;br&gt;&lt;br&gt;

先日、&lt;a target="_blank" href="http://www.cityphil.jp/"&gt;東京シティ・フィル&lt;/a&gt;の&lt;br&gt;
&lt;a target="_blank" href="http://www.cityphil.jp/concerts/2006season/teiki/index.html"&gt;第２００回定期の記念ガラコンサートのアンコール&lt;/a&gt;&lt;br&gt;
で、演奏されました。&lt;br&gt;
とっても、聞きやすい楽しい曲でした。&lt;br&gt;&lt;br&gt;

ひそかに、ＣＤ化されることを期待しています。&lt;br&gt;&lt;br&gt;&lt;br&gt;


さて、どうなりますことやら、&lt;br&gt;
お楽しみにぃ～
----&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30768159-115224692694554554?l=covent-garden.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115224692694554554'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/30768159/posts/default/115224692694554554'/><link rel='alternate' type='text/html' href='http://covent-garden.blogspot.com/2006/07/blog-post_07.html' title='初めての投稿'/><author><name>genchoku</name><uri>http://www.blogger.com/profile/05120942628692515882</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry></feed>
