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

「MONSTER」の全曲試聴はこちらから。
2004年04月09日 金曜日
■[B'z][TV]Mステ感想
いやー、見ちゃった。最後まで見ちゃった。凄い時間の無駄した。
まさかね、あんなにすぐ演奏するとは思いませんでした。トップバッターだったよ、普通に。
エリック来ましたね今日は。「もしかして今日も…」とか思ったんだけど(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さんのところも良くまとまってますね。文才あって羨ましいです。
■[Hatena]はてなダイアリーのCSSを弄るにあたって
[追記]2004/04/11
教えてはてなダイアリー質問と回答のための便利帳に掲載されました。
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
見つかったらば、テーマの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の基本的な記述法については以下のサイトが解りやすいです。
■[Hatena]はてなサービス一時停止
念のため書いておきましょうかね。
結構長いんでその間キツいですが、より快適になる為であればそれくらいは我慢しなくては。
先般よりお知らせメールなどでご案内しております通り、株式会社はてなは 4月10日(土)に事務所を移転するはこびとなりました。これに伴い、はてな の全サーバーを移転し、4月10日から11日にかけてサービスの大部分を停止さ せていただきます。 〜はてなサービス停止期間〜 2004年4月10日(土)午前8時00分〜4月11日(日)正午頃まで ※サーバー設置が完了次第、サービスを再開させていただきます。
■[Hatena]とりあえず昼までの結果報告
かなり色々やりました。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コピペに追記しました。
■[Hatena]CSS弄り中
プライベートモードで色々やっています。
テーマはHatena標準。「設定無し」だと上手くいかないので、「Hatena」をもとにして作ってます。
以下、テスト用サンプル。
blockquote
pre
脚注*1
*1:ここに脚注
- http://hodashi.g.hatena.ne.jp/DaI/20040002
- http://d.hatena.ne.jp/ZO353/20041213
- http://d.hatena.ne.jp/soraaruki/20050717
- http://d.hatena.ne.jp/catholic/20051119
- メモ - 2004年下半期メモ
- http://d.hatena.ne.jp/muminpapa/20070911
- はてなグループ - 機能変更、お知らせなど - Re:Re:スタイルシート...
- 雲の上で逢いましょう - はてなのタイトル画像のいじり方が分かった
- orattaの日記 - はてなダイアリーのテンプレートをカスタマイズする...


もっとじっくりCSSを観察する習慣を付けたいと思います。
スタイルシートでどこに指定したらいいかは、まずはてなダイアリーの文書構造(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;}」と書く、といった具合です。長くてスイマセン。
今気付いたがコメント投稿欄を出すと崩れまくる…。
なんというかホント、TVは見てるこっちが緊張しっぱなしです。疲れる。
もしお時間があってよろしければ、せっかくですので(テーマ「Hatena」の時のみ有効)の部分、『違うテーマなら日記のHTMLソースを覗くと、タイトル(title)直後にスタイルシートのファイルのURLが書かれている』ことを補足していただけないでしょうか?
そういう点で参考になれば嬉しいです。こちらこそありがとうございます。