(1)
萩原 朔太郎（はぎわら さくたろう） 詩人 1886.11.1 - 1942.5.11
群馬県前橋に生まれる。 大正六年(1917)の詩集『月に吠える』以降
、西欧詩体験と日本への回帰という詩的不条理を憂鬱かつ不屈に止揚し
て日本近代詩の絶頂・深淵を成したと言われる。 掲載詩篇は、興味深
い序文とともに朔太郎の優美にして虚無感にいろどられた憂鬱期の代表
詩集『青猫』の二章より選んだ。 大正十二年(1923)一月新潮社より刊
行されている。
青猫 序
私の情緒は、激情(パッション)といふ範疇に属しない。むしろそれはし
づかな霊魂ののすたるぢやであり、かの春の夜に聴く横笛のひびきであ
る。 ある人は私の詩を官能的であるといふ。或はさういふものがあ
るかも知れない。けれども正しい見方はそれに反対する。 すべての
「官能的なもの」は、決して私の詩のモチーヴでない。 それは主音
の上にかかる倚音である。 もしくは装飾音である。 私は感覚に
酔い得る人間でない。 私の真に歌はうとする者は別である。それは
あの艶めかしい一つの情緒──春の夜に聴く横笛の音──である。それ
は感覚でない、激情でない、興奮でない、ただ静かに霊魂の影をながれ
る雲の郷愁である。 遠い遠い実在への涙ぐましいあこがれである。
およそいつの時、いつの頃よりしてそれが来(きた)れるかを知らない。
月夜
重たいおほきな羽をばたばたして
ああ なんといふ弱弱しい心臓の所有者だ。
花瓦斯のやうな明るい月夜に
白くながれてゆく生物の群をみよ
そのしづかな方角をみよ
この生物のもつひとつのせつなる情緒をみよ
あかるい花瓦斯のやうな月夜に
ああ なんといふ悲しげな いぢらしい蝶類の騒擾だ。
水平ｽｳﾛｰﾙ 縦書き 4a
(2)
青猫
この美しい都会を愛するのはよいことだ
この美しい都会の建築を愛するのはよいことだ
すべてのやさしい女性をもとめるために
すべての高貴な生活をもとめるために
この都にきて賑やかな街路を通るのはよいことだ
街路にそうて立つ桜の並木
そこにも無数の雀がさへづつてゐるではないか。
ああ このおほきな都会の夜にねむれるものは
ただ一疋の青い猫のかげだ
かなしい人類の歴史を語る猫のかげだ
われの求めてやまざる幸福の青い影だ。
いかならん影をもとめて
みぞれふる日にもわれは東京を恋しと思ひしに
そこの裏町の壁にさむくもたれてゐる
このひとのごとき乞食は
なにの夢を夢みて居るのか。
夢に見る空家の庭の秘密
その空家の庭に生えこむものは松の木の類
びわの木 桃の木 まきの木 さざんか さくらの類
さかんな樹木 あたりにひろがる樹木の枝
またそのむらがる枝の葉かげに
ぞくぞくと繁茂するところの植物
およそ しだ わらび ぜんまい もうせんごけの類
地べたいちめんに重なりあつて這ひまはる
それら青いものの生命(いのち) それら青いもののさかんな生活
その空家の庭はいつも植物の日影になつて薄暗い
ただかすかにながれるものは一筋の小川のみづ
夜も昼もさよさよと悲しくひくくながれる水の音
またじめじめとした垣根のあたり
なめくぢ へび かへる とかげ類のぬたぬたとした気味わるい
すがたをみる。
水平ｽｳﾛｰﾙ 縦書き 4a
さうしてこの幽邃な世界のうへに
夜(よる)は青じろい月の光がてらしてゐる
月の光は前栽(せんざい)の植込から
しつとりとながれこむ。
あはれにしめやかな
この深夜のふけてゆく思ひに心をかたむけ
わたしの心は垣根にもたれて横笛を吹きすさぶ
ああ このいろいろのもののかくされた秘密の生活
かぎりなく美しい影と
不思議なすがたの重なりあふところの世界
月光の中にうかびいづる羊歯(しだ) わらび 松の木の枝
なめくぢ へび とかげの類の無気味な生活
ああ わたしの夢によくみる
このひと住まぬ空家の庭の秘密と
いつもその謎のとけやらぬおもむき
深き幽邃のなつかしさよ。
水平ｽｳﾛｰﾙ 縦書き 4a
ﾎｰﾑ へ ｻﾝﾌﾟﾙﾍﾟｰｼﾞ ﾏｳｽｵｰﾊﾞｰ 53 mouseover53.htm
画像のﾏｳｽｵｰﾊﾞｰで半透明ﾃｷｽﾄ、HTMLを重ねる。 jQuery,DHTML。 画像やｻｲｽﾞ、ｵｰﾊﾞｰﾚｲ（ｶｻﾈﾙ）するﾃｷｽﾄ、HTMLなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。 all 対応。 ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。
ﾃﾞﾓは、画像もﾏｳｽｵｰﾊﾞｰなどで。
< ご使用方法 >
・ ﾛｰｶﾙ（=PC）への保存は、mouseover53/をｸﾘｯｸ開いたﾎﾙﾀﾞｰでmouseover53.htm、0054897477.js を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。 ※: 変わってしまった、ﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。
・ このDHTMLの実装方法は、mouseover53.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <head> 〜 </head> の任意の行間に (*1)を、さらに
<body> 〜 </body>の任意の行間に (*2) をﾍﾟｰｽﾄします。
･ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。 下記の（例） (*1) と、(*2)、(*3) を参考に太字部分の編集を任意に行います。
※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。
・ 作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 10.x〜 などで開いて。
更新の確認は、[F5]ｷｰ を押し、最新ﾃﾞｰﾀ読み込み、で。 あるいは、Internet Explorerを全て閉じ、再起動を行い、閲覧履歴の削除後や、【Internet Explorer】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄ ｵﾌﾟｼｮﾝ] -
[閲覧の履歴] - [削除] などでも。
･ ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.js なども転送/配置し実施。 ※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。 FTPなどで変わってしまったﾌｧｲﾙ名は要修正。 ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。
･ 関連情報 ：
色記号5、〃6、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門。 Web Development、Web開発、IE10
互換性ｸｯｸﾌﾞｯｸ、〃開発者向けｶﾞｲﾄﾞ、IE
API ﾘﾌｧﾚﾝｽ、IE 開発
> HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、XML、〃ﾘﾌｧﾚﾝｽ、DHTML。
(*1)
： mouseover53.htm （例） 挿入先の <head> 〜 </head> の、〜 部分にﾍﾟｰｽﾄします。
|
HTMLの編集方法 |
(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
|
〔この列ﾍﾟｰｽﾄ不要〕
ｼﾌﾄJIS使用（削除不可）
ieなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）
<style type= 〜
</style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景
body 文字色 背景色 下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ
ﾘﾝｸを新しいWinで開くを標準（削除可）※：target= いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）
jQuery
ｵｰｱﾚｲ速度
ｵｰｱﾚｲ方向
透過度
背景画像のURL ﾌｧｲﾙ名
|
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<link REL="SHORTCUT ICON" href="favicon.ico">
<style type="text/css"><!--
.xxx0
{ background: #F9F8F9 url('wttec.gif');
}
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFF; }
body { color:#000000; background: #F9F8F9
url('wttec.gif'); text-decoration:none;
}
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4;
text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2;
text-decoration:underline; }
font {font-size:12px;
line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
--></style>
<base target="_blank">
<title>サンプルページ マウスオーバー 53</title>
<!-- ☆ ----------- ↓ この間をコピー＆ペーストします。 ------------ -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="0054897477.js">
/***********************************************
* DIV Content Overlay script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
***********************************************/
</script>
<script>
jQuery(function($){ //on document.ready
$('#info').overlaycontent({ //initialize overlay on single DIV with
id="info"
speed:500, //duration of animation in milliseconds
dir:'up' //supports 'up', 'down', 'left', or 'right'
})
$('div.imagecontainers').overlaycontent({ //initialize overlay on DIVs with
class="imagecontainers"
speed:500,
dir:'right',
opacity:0.8 //opacity: 0 to 1
})
})
</script>
<style type="text/css">
div#moreinfo{
background:lightblue;
padding:10px;
background:lightblue url(http:// …… wttec.gif);
}
div#springinfo, div#summerinfo, div#winterinfo{
background:white;
padding:10px;
}
.imagecontainers{
float:left;
margin-right:10px;
}
</style>
<!-- ☆ ----------- ↑ この間をコピー＆ペーストします。 ------------ -->
|
(*2)
： mouseover53.htm （例） 挿入先の <body> 〜
</body> の、〜
部分にﾍﾟｰｽﾄします。
|
HTMLの編集方法 |
(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
|
〔この列ﾍﾟｰｽﾄ不要〕
(1)
画像表示ｻｲｽﾞ
ﾃｷｽﾞﾄ
以下、同様。
URL ｻｲﾄ名
(2)
画像表示ｻｲｽﾞ
以下、同様。
ﾃｷｽﾄ
以下、同様。
|
<body>
<!-- ★ ----------- ↓ この間をコピー＆ペーストします。 ------------ -->
<p align="left"><!--webbot bot="HTMLMarkup" startspan -->
<h4>(1)</h4>
<div id="info" style="width:380px; height:220px; border:1px
solid gray;padding:15px;background:#eee;" data-overlayid="moreinfo">
<PRE><CODE>萩原 朔太郎（はぎわら さくたろう） 詩人 1886.11.1 - 1942.5.11
群馬県前橋に生まれる。 大正六年(1917)の詩集『月に吠える』以降
、西欧詩体験と日本への回帰という詩的不条理を憂鬱かつ不屈に止揚し
==== この間､説明を省略｡ ====
酔い得る人間でない。 私の真に歌はうとする者は別である。それは
あの艶めかしい一つの情緒──春の夜に聴く横笛の音──である。それ
</div>
<div id="moreinfo">
<PRE><CODE>は感覚でない、激情でない、興奮でない、ただ静かに霊魂の影をながれ
る雲の郷愁である。 遠い遠い実在への涙ぐましいあこがれである。
およそいつの時、いつの頃よりしてそれが来(きた)れるかを知らない。
月夜
重たいおほきな羽をばたばたして
ああ なんといふ弱弱しい心臓の所有者だ。
花瓦斯のやうな明るい月夜に
白くながれてゆく生物の群をみよ
そのしづかな方角をみよ
この生物のもつひとつのせつなる情緒をみよ
あかるい花瓦斯のやうな月夜に
ああ なんといふ悲しげな いぢらしい蝶類の騒擾だ。
</PRE></CODE>
<a href="http:// …… h_scroll/h_scroll.htm" target="_blank" title="">水平ｽｳﾛｰﾙ</a> <a
href="http:// …… tategaki4/tategaki4a.htm" target="_blank" title="">縦書き
4a</a>
</div>
<h4>(2)</h4>
<div class="imagecontainers" data-overlayid="springinfo"
style="display:block-inline;width:400px;height:250px">
<img src="http:// …… win7/windows16h1230.jpg" width="400"
height="249" title="ﾒｯｾｰｼﾞ">
</div>
<div class="imagecontainers" data-overlayid="summerinfo"
style="display:block-inline;width:400px;height:250px">
<img src="http:// …… win7/windows34h1230.jpg" width="400" height="249"
title="ﾒｯｾｰｼﾞ">
</div>
<div class="imagecontainers" data-overlayid="winterinfo"
style="display:block-inline;width:400px;height:250px">
<img src="http:// …… win7/windows19h1230.jpg" width="400" height="249"
title="ﾒｯｾｰｼﾞ">
</div>
<div id="springinfo">
<PRE><CODE>
青猫
この美しい都会を愛するのはよいことだ
この美しい都会の建築を愛するのはよいことだ
==== この間､説明を省略｡ ====
そこの裏町の壁にさむくもたれてゐる
このひとのごとき乞食はなにの夢を夢みて居るのか。
</div>
<div id="summerinfo">
<PRE><CODE>
夢に見る空家の庭の秘密
その空家の庭に生えこむものは松の木の類
びわの木 桃の木 まきの木 さざんか さくらの類
==== この間､説明を省略｡ ====
またじめじめとした垣根のあたり
なめくぢ へび かへる とかげ類のぬたぬたとした気味わるい
すがたをみる。
</PRE></CODE>
<a href="http:// …… h_scroll/h_scroll.htm" target="_blank" title="">水平ｽｳﾛｰﾙ</a> <a
href="http:// …… tategaki4/tategaki4a.htm" target="_blank" title="">縦書き
4a</a>
</div>
<div id="winterinfo">
<PRE><CODE>
さうしてこの幽邃な世界のうへに
夜(よる)は青じろい月の光がてらしてゐる
==== この間､説明を省略｡ ====
いつもその謎のとけやらぬおもむき
深き幽邃のなつかしさよ。
</PRE></CODE>
<a href="http:// …… h_scroll/h_scroll.htm" target="_blank" title="">水平ｽｳﾛｰﾙ</a> <a
href="http:// …… tategaki4/tategaki4a.htm" target="_blank" title="">縦書き
4a</a>
</div>
<br style="clear:left" /><!--webbot bot="HTMLMarkup" endspan --></p>
<!-- ★ ----------- ↑ この間をコピー＆ペーストします。 ------------ -->
==== この間､説明を省略｡ ====
|
< 補足 > 適時参照あれ！。
・ Wordpad によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。
