#353 - once upon a time - @生ける屍エディション

Information

むかしむかしあるところに「#353 - once upon a time -」というはてなだいありーがありました。まいにちこうしん!とかいうきろくをうちたてていたのですが、かいてる353というひとがいそがしくなったので、はいきょになりました。353というひとが、しごとをくびになったら、またよみがえるかもしれません。でも、にーとはいやだぜ。現在、復活お試し期間中。

B'z NEW ALBUM「MONSTER」NOW ON SALE!

B’z LIVE-GYM 2006 “MONSTER’S GARAGE” SPLASH! ゆるぎないものひとつ 衝動 B’z The Best “Pleasure II” 11/30発売! “Theatre Of Strings” 10/19発売!
「MONSTER」の全曲試聴はこちらから。

2004年04月09日 金曜日 

TMG全員集合

[][]Mステ感想 22:45

いやー、見ちゃった。最後まで見ちゃった。凄い時間の無駄した。

まさかね、あんなにすぐ演奏するとは思いませんでした。トップバッターだったよ、普通に。

エリック来ましたね今日は。「もしかして今日も…」とか思ったんだけど(4人中一番最後に出て来たのでヒヤっとした)大丈夫だった。

また最後の方まで待たなきゃいけないのかなーなんて思ってた矢先、「TMGの皆さんは屋上におられます」みたいな。

もうかよ!と(しかもまた屋上かよ!と)。危うく風呂とか入っちゃいそうでしたよ。

そして何故か屋上で「春に聴きたい曲」を発表しだす松本孝弘43歳。

選んだのが、SPEEDのBody&Soulとユーミン卒業写真。いい歳してSPEEDとか選曲しちゃう松本孝弘43歳。

でも今日のMステ見た事によって「B'zのギターの人ってこんな人間だったんだー」と思った人多そうです。

ほら、前HEY×3の時なんかは「怖そうな人」だったけど、今回は「優しそうなおじさん」だから。やっぱMステはいいっすね。


さて、演奏です。黒地にTMGと大きく書かれたステージの上で、屋上からOH JAPANを歌います。正気か。

イントロ。あ、フルじゃん!これは期待できる。と思った瞬間−

「ズボーン」

B'zを勝る勢いで火が噴き出しやがりました。事情知らない人見たら火事だと思うってアレ絶対…。

その後もボンボン特効噴きまくりで、あげくの果てにはライブ並みの花火まで打ち上げられる始末。すげえー。

ボーゼンとしてるうちに終了。特効さん、B'z関連の特効に命かけてるのは分かるけどやりすぎ(笑


えー、さて、冷静になって演奏の方を解説。

特筆すべき事はやはり、フルだったこと。これは嬉しい。やるじゃんMステ。きっかけはMステ

そしてもひとつ特筆すべきは、「ボーカルがエリックだったこと」。うわー、特筆すること自体何か間違ってる絶対。

エリックのボーカルを聴いて思ったのですが、僕はジャックのほうが好きです。

頼む松本、ジャックボーカルの曲をアルバムでは何曲か入れておくれ。

ジャックはほんと良いですよ、人柄も良さそうだし、ステージ映えするし。

ギターソロの最後で松本さんに飛びつく飛びつく。あの感じ、久々に見ました。昔はB'zでもあんなのあったけど。

いやー、良かった。ジャック。(なんかジャックを褒める会になってる)

最後の方でピアノ伴奏だけになるとこありますよね、そこはジャックが歌ってました。そしてだんだんエリックが声を被せていって、最終的にはエリックソロ。

うん、格好良かった。ズバ抜けた凄さがあった。やっぱすげえ。

ひとつ駄目なところを言うならば、特効の音がマイクに入り過ぎ!(笑


そんなMステでした。

あ、あともうひとつあったよ。春に聴きたい曲の企画で、松浦亜弥が#1090[千夢一夜]を選曲したんですよ。

もうね、素晴らしいよね松浦。インストを選曲してくれるなんてホントいい人です。

松本"おとうさん"孝弘43歳が「わんおーないんおーって読むんだよ」「僕が気に入ってるギターシリアルナンバーでね」とか笑顔で説明してるのを見て、ああ43歳なんだなと思いましたよ。

僕が今17歳で、僕のお父さんが43歳なんです。松浦&松本と全く同じ年齢差なわけで、こんなに年上の人を僕は憧れの目で見てるんだな、と。

色々考え深いものがありました。


あ…思い出した。今日から新アナになってたんだよね。

別にキャピキャピしてるわけではなかったのでその辺りは好印象なんですが、なにせ常にカンペを見て話してるような「明らかにカメラを見てない目」が非常に気になりました。

まあでもね、完璧に新人なわけだし、最初から武内アナばりにやれってのは酷だわな。これから武内大先輩目指して頑張って下さい。


[追記]読み返したらほんとキツ。相変わらず僕は要約する力がありません。というわけで…

id:TheMan:20040409さんのところを見るのが一番よろしいかと思います。見事に要約されていますので。

id:taknak:20040409さんのところも良くまとまってますね。文才あって羨ましいです。

まあなんというか、キーワードTMG」に載ってる他のblogを見るのが一番っすね(笑

[]MステSP TMG出演 16:12

忘れないように一応書いておこう。

テレビ朝日 「ミュージックステーションスペシャル

4月9日(金) 19:00〜22:00

今日こそはエリック来るでしょうね?いや、なんならもう一度ジャックでもいいよ?(諦め)


TMG TV出演まとめはこちら

[]はてなダイアリーCSSを弄るにあたって 15:16

[追記]2004/04/11

教えてはてなダイアリー質問と回答のための便利帳に掲載されました。

id:sugio様、有り難うございます。テーマCSSファイルについての解説を追記しました。

id:manpukuya様に色々と教えて頂いたので、忘れないように書き留めておこうと思います。

まず、以下ページを参考にして見栄えを変えたい対象の要素名やクラス名を探します。

http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html

http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html

はてなダイアリーTipsスタイルシートでデザイン編「はてなダイアリーの文章構造」

例えば、日記タイトル部分に付いている下線を消したい場合は、

http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html

を見て「h1要素」をクリック。すると

http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html#e-h1

が出てくるので、日記タイトル部分はh1要素で表されているということが分かります。

見つかったらば、テーマCSSファイルを開き、検索をかけてどういう記述法になっているかを調べます。

http://d.hatena.ne.jp/theme/hatena/hatena.css

尚、上記のCSSファイルテーマ「Hatena」専用のものです。

「Hatena」以外のテーマをお使いの方は以下の方法で自分のテーマ用のCSSファイルを参照するようにして下さい。

日記HTMLソースを表示します。うちの場合だとこんな感じですね。

<title>はてなダイアリー - 353</title>
<link rel="stylesheet" href="http://d.hatena.ne.jp/theme/hatena/hatena.css" type="text/css" media="all">
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://d.hatena.ne.jp/ZO353/rss">

タイトル(title)直後にCSSファイルのURLが書かれているのが分かると思います。

<link rel="stylesheet" href="http://d.hatena.ne.jp/theme/hatena/hatena.css" type="text/css" media="all">

この部分ですね。このファイルを参照して下さい。

そのCSSファイルを開き、「h1」で検索をかけると、下記のCSSが見つかります。

h1 {
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
	border-bottom: 1px dotted #adb2ff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5%;
	margin-right: 5%;
	padding: 4px 4px 4px 4px;
}

見つかればもう安心。後はそれを応用していけばOKです。

今回の場合はタイトル下のボーダーを消したかったので、

border-bottom: 1px dotted #adb2ff;

に目をつけます。そして

border: none;

と書き換えます。これで完成です。

後はマージンを弄ったりだとかして、好みの仕上がりに近づけて行きます。

このやり方を覚えておけば、かなり思い通りに弄れそうです。

id:manpukuya様、ためになる情報有り難うございました。


# CSSの基本的な記述法については以下のサイトが解りやすいです。

# http://hp.vector.co.jp/authors/VA013937/cssref/index.html

# http://anslasax.net/css-make/

[]はてなサービス一時停止 13:11

念のため書いておきましょうかね。

結構長いんでその間キツいですが、より快適になる為であればそれくらいは我慢しなくては。

先般よりお知らせメールなどでご案内しております通り、株式会社はてなは
4月10日(土)に事務所を移転するはこびとなりました。これに伴い、はてな
の全サーバーを移転し、4月10日から11日にかけてサービスの大部分を停止さ
せていただきます。

〜はてなサービス停止期間〜
2004年4月10日(土)午前8時00分〜4月11日(日)正午頃まで

※サーバー設置が完了次第、サービスを再開させていただきます。

[]とりあえず昼までの結果報告 12:31

かなり色々やりました。CSSもだいぶ慣れて来たし(初心者に毛の生えたようなものだけれど)、結構満足。

とりあえずCSS欄そのままコピペ

/*ヘッダをビッチリと*/
body {
margin:0; 
padding:0;
}

/*sidebar*/
div.sidebar {position: absolute; top: 120px; left: 0px;width: 17%; margin-left: 10px; margin-right;5px;} 

/*calendar2モジュールカスタム。何がなんやら*/
table.calendar{background-color:#f5f5f5}
td.calendar-weekday,
td.calendar-sunday,
td.calendar-saturday{background-color:#dcdcdc}
td.calendar-prev-month,
td.calendar-next-month{background-color:#d3d3d3;font-color:#000000;text-valign:middle}
table.calendar a:link,
table.calendar a:visited {
	display				:	block ;
	width				:	100% ;
	height				:	100% ;
	color				:	#000000 ;
	text-decoration			:	none ;
	width				:	100% ;
}

/*多分ヘッダ用の色指定かな*/
td td{background-color:#474A54}

/*全体的なリンクの指定だと思う*/
a:link{color:#666666}
a:active{color:#666666}
a:visited{color:#666666}

.title a:link,a:active,a:visited{color:#ffffff}

/*タイトル文字の下線消しなど*/
h1 {
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5%;
}

/*「最近の書き連ね事」の下線消しと文字縮小 thx: id:manpukuya様*/
p.recentitem{font-size:80%;border:none; text-align:left} 
div.sidebar div.recentsubtitles{font-size:80%;} 

/*h3の■を色変えする thx: id:manpukuya様*/
div.day span.sanchor {color:#666666;text-decoration:none;}

/*引用部分のマージン設定*/
blockquote{margin:10px}

/*ヘッダ用のリンク設定*/
div.about a:link,a:active,a:visited{color:#666666}
div.about{margin:10px}

/*本文の方の設定かな*/
div.day{
background-color:#ffffff;
margin:10px
}

/*周りのボーダーとか*/
div.body{
background-color:#ffffff;
border:solid 1px #666666
}

/*h2部分の設定。なんかダブってるが気にしない*/
h2{
background-color:#666666;
font-color:#ffffff
}

h2{background-color:#666666}

/*小見出し部分*/
div.section{
background-color:#ffffff
}

/*引用部分のスタイル設定*/
div.section blockquote{
background-color:#cccccc;
border:solid 1px #666666;
margin:10px

}

/*preタグ部分のスタイル指定*/
div.section pre{
background-color:#cccccc;
border:solid 1px #666666;
margin:10px}

/*脚注部分のスタイル設定*/
div.footnote{
background-color:#ffffff;
border:solid 1px #cccccc;
margin:10px}

/*コメント部分のスタイル指定*/
div.comment{
background-color:#ffffff;
border:solid 1px #cccccc;
}

/*各コメントマージンとか。なかなか思うように動いてくれない…*/
div.commentshort p{
background-color:#f5f5f5;
margin:10px;
padding-left:5px;
padding-right:3px;
margin-left:3px;
margin-right:3px;
}

/*[コメントを書く]の下にあるラインを色変え thx: id:manpukuya様*/
div.caption {border:solid 1px #cccccc}

/*キーワードリンクの色指定をしようとして失敗したらしき痕跡*/
a.keyword{text-decoration:none}

/*calendarモジュールのセンター寄せ*/
div.calendar{text-align:center}

/*calendar2モジュールの左寄せ(divの定義付けをミスっった為)*/
div.calendar2{align:left}

/*お決まりのテキストエリア拡張*/
textarea{
width:85%;
height:30em;
}

CSSに関しては今んとここんな感じ。かなり書き方雑っすね。

sidebar付けたのが一番の進歩です。

http://d.hatena.ne.jp/kamioka/20030915#p2

http://www.biaxial.org/hatena/tips/html1.html

をかなり参考にさせて頂きました。

どうしても出来ない部分を書き出しましたので、もし可能ならばどなたか回答を恵んで下さいませ。

[教えてはてなダイアリー]

  • 353、最近の書き連ね事、コメントを書く、などの下にある青線を消す or 色を変えるにはどうしたら良いのでしょうか?
  • Sectionモジュールの文字サイズ指定はどうすれば良いのでしょうか?思いつく限り試しても上手くいきません。font size="2"程度のサイズにしたいのですが。
  • h3の■を違う色(リンク色)にしたいのですが、どこで指定すれば反映されるでしょうか?span.sacnchorではなさそうですし…。

[追記]全てに関してid:manpukuya様から回答を頂き、解決しました。本当に有り難うございます。上記CSSコピペに追記しました。

[]CSS弄り中 10:56

プライベートモードで色々やっています。

テーマはHatena標準。「設定無し」だと上手くいかないので、「Hatena」をもとにして作ってます。

以下、テスト用サンプル。

blockquote

pre

脚注*1

  1. リスト
    1. リスト
  2. リスト

*1:ここに脚注

manpukuyamanpukuya 2004/04/09 13:07 [教えて]「div.day span.sanchor {color:#f00;text-decoration:none;}」とすると、見出しの「■」の色が変わり、下線が消えます。もとにしているテーマ「Hatena」のスタイルシート「hatena.css」には「div.day span.sanchor {color: #5279e7;}」と書かれているため、色指定を変えるにはこのセレクタ(div.day span.sanchor)を上書きする形で指定してあげないといけません。と思います。

ZO353ZO353 2004/04/09 13:18 manpukuyaさん本当に有り難うございます、無事解決することができました。
もっとじっくりCSSを観察する習慣を付けたいと思います。

manpukuyamanpukuya 2004/04/09 13:32 [教えて]「最近の書き連ね事」の下線消しと文字縮小は「p.recentitem{font-size:80%;border:none;} div.sidebar div.recentsubtitles{font-size:80%;} 」です。
スタイルシートでどこに指定したらいいかは、まずはてなダイアリーの文書構造(http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4?kid=33975#p1)で見栄えを変えたい対象の要素名やクラス名を探します。ここで、たとえば「コメントを書く」のセレクタが「div.caption」であるとわかります。
続いて、このページのもととなるテーマである「http://d.hatena.ne.jp/theme/hatena/hatena.css」のCSSファイルでどう指定されているかを探して、それを上書きする形で自分のスタイルシートに書き加えていくと確実です。「hatena.css」には「div.caption {(…)border-bottom: #5279e7 1px solid;}」と書かれているため、「.caption{border:none;}」ではダメで、「div.caption {border:none;}」と書く、といった具合です。長くてスイマセン。

taknaktaknak 2004/04/09 16:40 おぉ〜、いい感じにできあがってますね!個人的にこういう雰囲気大好きです。うちのもいじろ〜。

ZO353ZO353 2004/04/09 16:43 今日一日弄って、かなり分かるようになって来ました。楽しいです。
今気付いたがコメント投稿欄を出すと崩れまくる…。

ZO353ZO353 2004/04/09 16:47 あ、IEなら大丈夫だった。こういうところは安定してるなあ。でもIEだと字がデカい(笑

taknaktaknak 2004/04/09 23:16 とりあえずエリックがちゃんと参加してくれたんでホッとしましたね〜。にしてもジャックはサービス精神のなんと旺盛なこと!

ZO353ZO353 2004/04/09 23:17 ジャックいいですよねえ。ファンになっちゃいました。
なんというかホント、TVは見てるこっちが緊張しっぱなしです。疲れる。

taknaktaknak 2004/04/09 23:24 確かに、TMGが写るのやB’zの曲がランクインするかとかを気にしつつ、新人アナウンサーの初々しいしゃべりを見てると見てるこっちまで緊張してしまうw

sugiosugio 2004/04/10 01:10 「はてなダイアリーのCSSを弄るにあたって」のまとめが初心者向けにわかりやすくいいなと思ったので「教えてはてなダイアリー質問と回答のための便利帳」の回答クリップに加えさせていただきました。参考回答にさせていただきます。

もしお時間があってよろしければ、せっかくですので(テーマ「Hatena」の時のみ有効)の部分、『違うテーマなら日記のHTMLソースを覗くと、タイトル(title)直後にスタイルシートのファイルのURLが書かれている』ことを補足していただけないでしょうか?

sugiosugio 2004/04/11 12:21 修正拝見しました!飛ばしのない手順の解説は(例外を考えるといろいろややこしくなって結局基本を押さえてくださいとなってしまうなどして)なかなかなくて、とてもありがたいです。ありがとうございます。

ZO353ZO353 2004/04/11 12:52 確かにそうですね。僕も色々調べているとき、基本にはあまり触れてくれないところが多くて困ったりしました。
そういう点で参考になれば嬉しいです。こちらこそありがとうございます。