徒然 - ペトルーシ

★゜・。。・゜゜・。。・゜☆ 2012年01月19日 ☆゜・。。・゜゜・。。・゜★

DREAM THEATER / The Count of Tuscany この映像、是非とも商品化して欲しい！

って、この映像そのものではなく、スクリーンに映し出された映像のことです。

昨年7月24日、ロンドンのヴィクトリア・パークで行われた High Voltage Festival の DREAM THEATER のステージから。

Dream theater – The Count of Tuscany (part 1)
Live at the High Voltage Festival 2011

http://www.youtube.com/watch?v=RVuyHW7mrcc

Dream theater – The Count of Tuscany (part 2)
Live at the High Voltage Festival 2011

http://www.youtube.com/watch?v=Lf6sXh7ouc4

「The Count of Tuscany」のイントロが始まった頃がちょうど日没を過ぎたくらいで、ステージの照明と場内中央に設置された巨大な観覧車のイルミネーションに加え、徐々に深まりゆく大自然の夜の帳が最高の演出効果をもたらしていました。

見どころは、、、

２つ目の動画の9分22秒くらいの、ステージから見て右側の最前列、白いＴシャツを着ている背の高い兄ちゃんの隣（外側）がたぶん私だということ（笑）

ではなく、後半のギターソロ！

演奏だけでなく音響が実に素晴らしく、息を呑む美しさはまさに夢劇場でした。最後、ゆっくりと、そして高々と右手を上げる姿がかっこいいジョン・ペトルーシ。ああ、なんていい男なんだ！僕はこの時、このマッチョなおっさんに恋をしてしまいました（笑）なんちゃって。冗談はさておき、ペトルーシの惚れ惚れするプレイにはただ口をポカ～ンとするばかりでした(´Д｀)。

そして、手拍子から再びギターソロ、最後にジョーダン・ルーデスのキーボードとジェイムス・ラブリエのヴォーカルに導かれての合唱へ。マジ泣きしそうなほどの感動の連続です。

この曲は一昨年のサマソニでも体験しましたが、今回はドラムがマイク・マンジーニ。ジョーダンと楽しそうに会話している表情が見えます。ジョン・マイアングが淡々とプレイに専念しているのはいつも通りですね。

演奏と同じくらいカメラワークもプロフェッショナルで、まるで後から編集したような良い映像ばかりですが、れっきとした生ライヴの実況中継。しかもそれを一般客が撮っているから生々しく、その時の記憶が鮮明によみがえってきます。

この後、ステージはアンコールの「Learning To Live」へ移るのですが、これがまた鳥肌もの。1992年のリリース以来約20年。何千、何万回聴いたか分からないこの曲を初めて生で体験することができて、長年の念願がかなった思いがします。先述の白Ｔ兄ちゃんは全力でエア・ドラムをやっていました。

終了後、前方のオーディエンスは、誰彼構わず、狂ったようにハグしたり握手したり、称賛の雄叫びをあげたり。大満足のライヴでした。

おかげで、余韻に浸りながら帰ったために、地下鉄の乗る方向を間違えて終電・終バスを逃していまいました(^_^;)
そのことについては後日書きたいと思います。

Filed under: DREAM THEATER　　タグ: Dream, DREAM THEATER, LIVE, Theater, YouTube, まい, ジェイムス, ジョン, ジョーダン, ペトルーシ, マイアング, マイク, ライヴ, ラブリエ, ルーデス, 動画　　charlie432 00:00 Comments (0)

★゜・。。・゜゜・。。・゜☆ 2011年11月26日 ☆゜・。。・゜゜・。。・゜★

Best Movie of the Year 2011 (1)

今年は１月にデジタル一眼レフカメラを、７月に動画用ビデオカメラを買いました。
撮った動画はYouTubeにアップしているのですが、気づけばその数1600を超えました（非公開も含む）。
最近は１日１人ペースで、特に海外からチャンネル登録してくれる人がいて、これを書いている時点で１２１人です。
↓こちら
http://www.youtube.com/user/liechar234
よかったらポチっとどうぞ（・ω・）ノ

そんなわけで、今年撮ったものの中から、是非とも自慢したい動画を紹介します！
残り１ヶ月ありますが、これを超えるものはきっと撮れないだろう、というものです。

いや、たぶん一生涯撮れないかも。

「Best」とはいいながら複数ありますが、まずはなんといってもこれ！

Judas Priest
@High Voltage Festival

http://www.youtube.com/watch?v=Gb_561tR6Lk

音割れ、画面の揺れはありますが、それがかえってリアルな映像になったと思います。凄まじい臨場感です！（自画自賛・笑）
7月23日、ロンドンのヴィクトリア・パークで行われたHigh Voltage Festival、１日目のトリ、Judas Priestの開演直前。Metal Godの降臨をとらえた瞬間です。
Black SabbathのBGMの大合唱の後の「Priest!!」コール、「♪Battle Hymn」が流れるあたりの盛り上がりは、「全裸よりも脱がす前の方が興奮する」のに似ています（笑）。少しでも前で観ようと長時間待って、10列目くらいの中央を確保した疲れも一気に吹き飛びました。
そして、スコット・トラヴィスのドラムに始まる「♪Rapid Fire」。早く降りないかと待ち焦がれた「EPITAPH」の幕の向こうに現れたのは、まさしくBritish Steelでした。
ライヴの興奮に加え「今、自分はロンドンにいるんだ！」と実感し、最高の気分でした。

惜しむらくは、録画を途中で止めてしまったこと。周りが180cmくらいの大男ばかりで、長時間カメラを高く掲げていたので、後ろの人にヒンシュクを買ってはいないか、というプレッシャーに負けました。でも、今思えば最後まで撮っておけばと悔やまれます。

続いてはこちら。

Dream Theater
@High Voltage Festival

http://www.youtube.com/watch?v=K9504Zuk7sk

これもHigh Voltage Festivalから。２日目のトリのDream Theaterです。
１日目の経験を生かし、昼から飲まず・食わず・トイレにも行かず、前の前の前のバンドからじりじりと前の方に行き、なんと、まさかの最前列から撮ることができました。夏のロンドンなので、明るいですが夜の８時頃です。
自分の周りには英語以外にもポルトガル語（？）やイタリア語（？）が飛び交い、世界各地から熱狂的なファンが集まっていたように感じました。その盛り上がりは、ジョン・ペトルーシが一番驚いているようにも見えます。
マイク・マンジーニとは、実は昨年、新宿WildSideと吉祥寺Silver Elephantで軽く交流を交わしたことがあります。その彼の、DT加入後に初めて見たドラムセットは、まるで屋台のようでした。そういえば隣の兄ちゃんは終始エア・ドラムをやっていました。この頃はまだアルバムも発売されておらず、「マンジーニとDT」の組み合わせはここで初めて体験しましたが、何の違和感も無かったのが逆に驚きでした。

「♪Under A Glass Moon」ギターソロになったら映像をペトルーシにズームしようかな、と指に力をいれていたその時、警備員に「Don’t film it」と言われ、あえなく強制終了になってしまいましたが、これはこれである意味貴重なシーンかもしれません。

ちなみに、
(続きを読む…)

Filed under: ★音楽（ライヴなど）　　タグ: AC, BLACK SABBATH, Dream, DREAM THEATER, el, JUDAS PRIEST, LA, Side, Theater, Wild, YouTube, どう, まい, アルバム, オジー, ジョン, ペトルーシ, マイク, ライヴ, 動画, 吉祥寺, 新宿, 日本　　charlie432 16:09 Comments (1)

★゜・。。・゜゜・。。・゜☆ 2011年10月13日 ☆゜・。。・゜゜・。。・゜★

IEでもplaceholderが使えるようにするのにjQueryが便利だった。

全てのブラウザでplaceholderが効くソースを書く必要があったので、その備忘録です。

ありがたやー、ありがたやー、jQueryに感謝です。

本当は「placeholderが使えないブラウザでも」という意味で、
[JS]HTML5の「プレースホルダーテキスト」をスクリプトで実装する旧式と今時の方法 | コリス
のように、「modernizr.js」を使ったほうがより一般化されるのですが、
どうせ該当するのはIE（とIEライクなLunascape、Sleipnirなど）なので、スクリプトの簡略化として「IE以外」としました。

以下、ソース。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
if(navigator.userAgent.toUpperCase().indexOf("MSIE")>-1){
	$(function(){
		onload=function(){
			$("input[type=text]").each(function(){
				$(this)
				.addClass("IE_placeholder")
				.val($(this).attr("placeholder"))
			});
		} 
		$("input[type=text]").each(function(){
			if($(this).val()==""){
				$(this)
					.addClass("IE_placeholder")
					.val($(this).attr("placeholder"))
			};
			$(this).focus(function(){
				if($(this).attr("class")=="IE_placeholder"){
					$(this).val("");
				}
				$(this).keydown(function(){
					$(this).removeClass("IE_placeholder");
				});
			});
			$(this).blur(function(){
				if($(this).val()==""){
					$(this)
					.addClass("IE_placeholder")
					.val($(this).attr("placeholder"))
				}
			});
		});
	});
}
function confirm(){
	var message="";
	var answer="";
	for(i=0;i<$("span[name='question']").length;i++){
		if($("input[type=text]").eq(i).attr("class")=="IE_placeholder"){
			answer="[無記入]";
		}else{
			answer=$("input[type=text]").eq(i).val();
		}
		message=message+$("span").eq(i).text()+answer+"\n";
	}
	alert(message);
}
</script>
<style type="text/css">
.IE_placeholder{
	color:#ccc;
}
</style>
</head>
<body>
<p>
	<span name="question">好きなヴォーカリスト：</span>
	<input type="text" value="" placeholder="例）ラッセル・アレン" />
</p>
<p>
	<span name="question">好きなギタリスト：</span>
	<input type="text" value="" placeholder="例）ジョン・ペトルーシ" />
</p>
<p>
	<span name="question">好きな指揮者：</span>
	<input type="text" value="" placeholder="例）ゲオルグ・ショルティ" />
</p>
<p>
	<input type="button" value="確認" onclick="confirm();" />
</p>
</body>

簡単にメモしておくと、

4行目

jqueryの呼び出し

6～38行目

IEなら～

8～14行目

初期化。これをしないとF5を押したときに、placeholderでなくなってしまうorz　「戻る」を押したときも初期化してしまうのでやりたくないのですが、、、

15～36行目

それぞれの<input type="text" ～ >に対し、

16～20行目

入力されていない（valueがnullの）場合は、placeholderの値をvalueに。ただしこの時のvalueは表示用のニセモノなので、判別させるために「IE_placeholder」というクラスを与える。

21～28行目

フォーカスがあたったとき、

22～24行目

placeholder表示の場合は空欄にして、

25～27行目

一旦「IE_placeholder」を解除。

29～35行目

フォーカスが外れたとき、

30～34行目

やはり無記入だったら

31～33行目

また「IE_placeholder」のクラスを与えてinputのvalueにplaceholderの値を

で、データを送信する際、valueがニセモノの値を持っているときはそのまま送ってはならないので、処理。
サンプル（入力してください）として、「確認ボタン」で確認するスクリプトを作ってみました。

39～51行目

「確認ボタン」を押したときの処理

40～41行目

初期化。

42～49行目

入力項目回数だけ繰り返し。eachでも書けそうだけどうまくいかなかったのでforを使いました。

43～45行目

(i-1)番目のvalueの値がplaceholderから持ってきた場合のとき、

44行目

メッセージ用の値を[無記入]とする。

45～47行目

それ以外（valueの値が、入力されたもの）の場合、

46行目

そのまんまの値をメッセージ用に使う。

48行目

メッセージを作成。

50行目

メッセージの表示。

53～57行目

placeholderの場合の色の設定。スクリプト内に「$(".IE_placeholder").css("color","#ccc")」と書くとうまくいかなかったのでスタイルシートにしました。

サンプル（入力してください）

好きなヴォーカリスト：

好きなギタリスト：

好きな指揮者：

急いで書いたので、間違いがあるかも。
追記）ブログにすると、テンプレート内のタグの兼ね合いで、やはりうまく行きませんでしたorz
面倒くさいのでそのまま放置。→でも気持ち悪いので直しました。
さらに追記）無記入の場合、[無記入]となるのはIEの時だけですね。面倒くさいので放置。6と38行目を消せば良いだけなんですが、、、

Filed under: ★Web制作関係　　タグ: AC, DC, el, google, LA, RAGE, どう, カリ, ジョン, ペトルーシ, リスト, 備忘録, 法　　charlie432 23:41 Comments (0)

次ページへ »

徒然 - ペトルーシ

DREAM THEATER / The Count of Tuscany この映像、是非とも商品化して欲しい！

Dream theater – The Count of Tuscany (part 1)
Live at the High Voltage Festival 2011

Dream theater – The Count of Tuscany (part 2)
Live at the High Voltage Festival 2011

Best Movie of the Year 2011 (1)

Judas Priest
@High Voltage Festival

Dream Theater
@High Voltage Festival

IEでもplaceholderが使えるようにするのにjQueryが便利だった。

4行目

6～38行目

8～14行目

15～36行目

16～20行目

21～28行目

22～24行目

25～27行目

29～35行目

30～34行目

31～33行目

39～51行目

40～41行目

42～49行目

43～45行目

44行目

45～47行目

46行目

48行目

50行目

53～57行目

サンプル（入力してください）

ふぉろーぼたん

Contributors

友達のブログ

気になるブログ

ページランク

Twitter

Recent Trackbacks

カテゴリー

2012年2月
月	火	水	木	金	土	日
« 1月
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29

徒然 - ペトルーシ

DREAM THEATER / The Count of Tuscany この映像、是非とも商品化して欲しい！

Dream theater – The Count of Tuscany (part 1)Live at the High Voltage Festival 2011

Dream theater – The Count of Tuscany (part 2)Live at the High Voltage Festival 2011

Best Movie of the Year 2011 (1)

Judas Priest@High Voltage Festival

Dream Theater@High Voltage Festival

IEでもplaceholderが使えるようにするのにjQueryが便利だった。

4行目

6～38行目

8～14行目

15～36行目

16～20行目

21～28行目

22～24行目

25～27行目

29～35行目

30～34行目

31～33行目

39～51行目

40～41行目

42～49行目

43～45行目

44行目

45～47行目

46行目

48行目

50行目

53～57行目

サンプル（入力してください）

ふぉろーぼたん

Contributors

友達のブログ

気になるブログ

ページランク

Twitter

Recent Trackbacks

カテゴリー

Dream theater – The Count of Tuscany (part 1)
Live at the High Voltage Festival 2011

Dream theater – The Count of Tuscany (part 2)
Live at the High Voltage Festival 2011

Judas Priest
@High Voltage Festival

Dream Theater
@High Voltage Festival