花火大会に行けなかったので Youtube で鑑賞 (+_+)

エルガー
行進曲「威風堂々」

一番気に入ったのは 2008 ふくろい遠州の花火 日本一ワイドジャンボスターマイン。音楽に合わせて花火を打ち上げるのはどうかと思っていたけれど、エルガーの「威風堂々」は目茶マッチ。「まだ曲の中盤だよね？」というところで既に大爆発。爆発の煙が天空の城ラピュタを彷彿と。最後の発射音はたまらん。

高画質・大画面表示にすると、他の動画よりも画質が落ちるのがちょっと残念。

この花火大会には 2, 3 度行ったことがあるけれど、あまりの人出でまともに見れなかった。今年行きたかったなぁ。。 (T_T)

せめて Youtube で見ようと思ったけれど、ふくろい遠州の花火オフィシャルページ によると

重大イベントであります「ふくろい遠州の花火」は、景気が冷え込み、各企業の業績が悪化し、底が見えない状況となり企業協賛金の確保が困難となりましたので、３月２５日（水）開催の通常議員総会で、１４年間続けてまいりました花火大会を本年は中止と決定しました。

(http://www.fukuroi-cci.or.jp/hanabi21.4.7/newpage2.htm より)

パタッ(o_ _)ｏ~†

 

HD タイプの動画

仕方なく別のものを探していたら、やたらと綺麗な画質の動画を発見。 (@_@) 以前に Youtube でも高画質な動画が見れるようになったと聞いたのはこういうのかな。

 

 YouTube - 花火 で検索するとき、「タイプ」の選択において「HD」を選ぶと綺麗な動画のみ抽出できるようだ。

YouTube - 花火 via kwout

ところで、よく耳にする `HD’ とは、

高精細度（こうせいさいど）は、映像のピクセル数が多いこと。英語ではハイデフィニション (high definition)、略してハイデフ (high def)、HD（ハードディスクとの混同を避けるため単独ではあまり使わない）。

(高精細度 – Wikipedia より)

なんで definition なんだ？ と思ったら、

2 [U]（レンズの）解像力；（再生音・再生画の）鮮明度

(Yahoo!辞書 – definition より)

という意味もあるのか。

 

花火いろいろ

これ一度でいいから生で見てみたい、ぎおん柏崎まつり海の大花火大会 尺玉１００発一斉打ち。

  夏の夜を彩る花火大会、花火のお値段・・・いったいいくら？ | Woman.excite ライフプランニング によると、

打ち上げ花火の値段は、社団法人 日本煙火協会により値段が定められています。その値段は、玉のサイズにより値段が変わり、10号玉から1尺玉まで号数（単位）によって金額がかわります。…

夏の夜を彩る花火大会、花火のお値段・・・いったいいくら？ | Woman.excite ライフプランニング via kwout

ということは、このわずか 20 ~ 30 秒で 6 万 × 100 = 600 万 。。 (@_@;)

 

次に、片貝まつり 正四尺玉。

三尺玉は見たことがあるけれど、世界最大の四尺玉も見てみたい。三尺ですら体一杯に爆風を感じるので、四尺となったらどうなることやら。。

三尺玉の形には「これぞまさに正統派の花火」というものと、最初「不発か？」と思わせた後、複数の小さな花火が爆発するものがある。この四尺玉のすごいところは、更にもう一段階爆発し太陽のフレアの様になること。最初の発射音もすごい。

 

ところで、日本三大花火はどこだろうかと調べてみると、

 日本三大花火大会（にほん（にっぽん）さんだいはなびたいかい）とは全国で開催される花火大会のうち全国花火競技大会（大曲の花火。秋田県大仙市）・土浦全国花火競技大会（茨城県土浦市）・長岡まつり大花火大会（新潟県長岡市）の3大会を称して言う言葉である。

(日本三大花火大会 – Wikipedia より)

ホルスト:組曲「惑星」

その中の一つ、2008 大曲の花火 大会提供 「未来栄光惑星の輝き」を見たら、横に並ぶ発射台の長さにびびった。田舎の花火大会とは桁が違う。

ホルストの「惑星」も花火と合うもんだなぁ～。

 

音楽とのシンクロ率が非常に高かったのが、2009 常総きぬ川花火大会。大爆発というよりは繊細な印象。ここでも「木星」が使われている。

 

2008年 豊田おいでん花火ﾌｨﾅｰﾚ ﾜｲﾄﾞｽﾀﾏ－ﾅｲｱｶﾞﾗ は見た感じそれほど大規模ではないけれど、大爆発までの流れがスムーズで、まるで太鼓の連弾を聴いているよう。しかし、最後が「ナイアガラの滝」って演出は意味がわからん。^^; ここでもまた「木星」が流れていた。

Ameblo の 全文配信 RSS の登録を簡単にするブックマークレット - Yahoo Pipes でユーザ入力に対応したパイプをブックマークレットで呼出す例

1. ブックマークレットの登録

1. 「アメブロ登録」のリンクをブックマークツールバーへ D&D 。
2. 登録したいブログを開いたら、上記で登録したブックマークをクリックする。
3. Pipes: Ameblo Content All が開かれるので、Get as RSS をクリックしてフィードリーダーに登録する。

追記(2012.3.5): 現在、全文配信のために、Full Text RSS Feed を利用している。

• フィードを全文配信する Full Text RSS Feed Builder を開くためのブックマークレット

 

RefControl で画像を表示させる

• cf. Google Reader で画像が表示されない場合、Firefox のアドオン RefControl を使う

 

2. ブックマークレットの作り方

以下、上記のブックマークレットで利用しているサービスと作り方。

Ameblo の RSS を全文取得するために Pipes: Ameblo Content All をブックマークレットで呼出す。(cf. Yahoo! Pipes で強制全文配信化 - てっく煮ブログ )

パイプの入力フィールドを見ると、input 要素の name 属性が `ameblo_rss’ になっている。

上記を利用してクエリ文字列を作成。名前は ameblo_rss で、値は http://rssblog.ameba.jp/[ユーザ名]/rss20.xml を URLエンコード。

ブログ上でブックマークレットをクリックして利用することを想定。

var user = location.href.split("/")[3],
yp = "http://pipes.yahoo.com/closer_nabeshimaeido/amebloall?ameblo_rss=",
rss0 = "http://rssblog.ameba.jp/",
rss1 = "/rss20.xml";
location.href = yp + encodeURIComponent(rss0 + user + rss1);

 

ブックマークレットに変換

Compress javascript でコードを圧縮したものをブックマークレット変換。 → アメブロ登録

このブックマークレットを上記のパイプを利用したいブログ上でクリック。

ブックマークレットを作るための参考

• 気象庁の、前日の、一時間ごとの「気圧データ」が含まれるページを表示するためのブックマークレット
• JavaScript のブロックスコープ)

 

3. クエリ文字列の名前に対応するところ

試しに自分でユーザ入力が可能なパイプを作成してみる。

「Blogger で複数のタグ (ラベル) の付いた記事を抽出 - サイトフィードを使って」で書いたように、Blogger では特定のタグが付いた記事を RSS で取得できる。この RSS を生成するパイプを作成。ユーザが入力できる部分は、「Blogger のドメイン」と「タグ名」の二つ。

 

パイプ の作成

Yahoo Pipes の作成画面において、User Inputs より Blogger のドメインを受ける URL Input と、タグを受ける Text Input を使う。(ただし、今回はタグを一つ指定できるのみ。)

上記の入力を、Url の URL Builder  >>> Source の Fetch Feed に流し込む。

Pipes: test User inputs

 

JavaScript でテスト

URL Input > Name と、Text Input > Name で設定した値を使ってクエリ文字列を作成する。

var yp = "http://pipes.yahoo.com/pipes/pipe.info?_id=e2aaad527b948dfd1dab9aa69162d98a",
url = "jutememo.blogspot.com",
tag = "Firefox";
location.href = yp + "&url=" + encodeURIComponent(url) + "&tag=" + encodeURIComponent(tag);

 

4. 余談

RSS の URL の取得

アメブロの RSS の URL の取得は、link 要素から自前で検索した方がいいのかな？

function getRSS(){
 var links = document.getElementsByTagName("link");
 for (var i = 0; i < links.length; i++){
  if (links[i].type === "application/rss+xml"){
   return links[i].href;
  }
 }
}

 

わからなかったこと

当初、以下のようにパイプに遷移してからテキストフィールドに値を設定すればいいのかと思った。

location.href = "http://pipes.yahoo.com/closer_nabeshimaeido/amebloall";
document.forms["runform"].ameblo_rss.value = // ここに RSS の URL を設定

しかし、パイプにパラメータを渡す方法がわからず。 Tumblr のブックマークレットを見て、クエリ文字列にブログの RSS の情報を持たせ、遷移後にそこからデータを取り出せばいいのかと考えたけれど断念。。

 

それならば、ブログ内に iframe を作り、その中にパイプを読み込みフィールドの値を操作すればいいかと考えた。

// ページの上部に iframe を挿入
var newElem = document.createElement("iframe");
newElem.src = "http://pipes.yahoo.com/closer_nabeshimaeido/amebloall";
newElem.setAttribute("id", "yahooPipes");
document.body.insertBefore(newElem, document.body.firstChild);
// iframe の読み込みが完了した後に iframe にアクセスすると..
document.getElementById("yahooPipes").contentWindow.document.getElementById("runform");

しかし、結果は

"Permission denied for <http://ameblo.jp> to get property Window.document from <http://pipes.yahoo.com>."

Javascript & Dhtml Cookbook (p.448) によると、

保護されている iframe のコンテンツ領域に、スクリプトからアクセスできるように、主ページと外部ページの両方が同じドメインとサーバから送信されていなければなりません。

なるほど、クロスドメインだと色々と制約があるのかぁ。。 (@_@;)

フィードリーダーで画像が表示されない場合、Firefox のアドオン RefControl を使う - Feedly, Google Reader, Inoreader で画像の代わりに文字が表示される

1. Feedly や Google Reader で表示できない画像がある

Feedly や Google Reader に登録したフィードの中に、画像が表示されない記事がある。画像を見るために登録先のサイトを開かなければならない。これではフィードを登録したメリットが半減する。

このような場合、アドオン RefControl を利用すると、画像を Feedly や Google Reader で表示できる。

 

2. 画像から RefControl を設定する場合

追記（2013/04/30）：

1. 画像が表示されていない「元記事」を開く。
2. 「表示させたい画像」の上で右クリック。
3. 「画像のサイトのための RefControl オプション」を選択
   
4. RefControl サイトプロパティのダイアログの「動作」で「阻止」または「偽装」を選択する。
   

 

3. 手動で RefControl を設定する場合

Ameba ブログ

例えば、アメブロの画像を表示できるようにしたい。

1. ステータスバーより、RefControl オプション... を選択する。
2. ダイアログが表示されたら、「サイトを追加」ボタンを押す。
3. サイトプロパティのダイアログが表示されたら、「サイト」フィールドに ameba.jp と入力する。
4. 動作： の選択肢で、「偽装」を選ぶ。

 

「サイト」フィールドに入力する URL を特定するには

上記の「サイト」フィールドには、stat.ameba.jp を入力しても良い。

この URL を知るには、

1. 画像の上で右クリック > 「要素を調査」を選択。( Ctrl + Shift + i )
2. img タグの src 属性にあるドメインを見る。

Firebug を使っても、画像の URL を特定できる。( F12 )

 

Yahoo ブログ

Yahoo ブログの画像を表示させたい場合、以下のように設定する。

• サイト： blogs.yahoo.co.jp
• 動作: 「阻止」

上記と同じように「要素を調査」すると、img タグの src 属性のドメインが img[数字].blogs.yahoo.co.jp であることが分かる。先頭の img[数字]. は複数ありそうなので、この部分を削除した。

 

4. 画像をマウスオーバーで拡大表示

表示されるようになった画像を、簡単に拡大表示するには Thumbnail Zoom Plus を併用すると良い。

• cf. サムネイルをマウスオーバーで拡大する

 

関連記事

• Google Reader から Feedly へ乗り換えた - フィードを登録するためのブックマークレット、カテゴリーの選択画面を広くする、スマートキーワードで特定のカテゴリーから検索する

Skype で画面の共有 - 通話相手の画面を見る

1. Skype を使用中に、相手の PC の画面を見る

Skype を使っていたときに、何かの拍子に、画面全体に赤い枠線が入った。

なんだこれ？(@_@;)

画面の共有 - Skypeでデスクトップを共有 によると、

画面を共有するには、会話ウィンドウからコンタクトに通話を発信してから、Windowsの場合はIMツールバーの「共有」から「画面の共有」をクリック …

どうやら、画面の共有が機能したようだ。いつの間に Skype に、このような機能が追加されたのだろう？

 

画面の共有

通話相手に自分の PC の画面を見てもらいたい場合、通話中に、

• メニューより、発信 > 画面の共有 > …

別の方法としては、通話相手が表示されているビデオ映像の上で、

• 右クリック > 画面の共有…

からも利用できる。

 

2. 他の画面共有ソフトと比べると、お手軽な操作性

Skype で会話している相手に、PC の画面の

「これを見て！」

と言われたら、

1. 相手のビデオ映像の上にマウスポインタを持っていき、
2. 「全画面表示」をクリックする

という操作をするだけで良いので、素早く対応できて便利。

 

ShowMyPC と TeamViewer

これまで、画面の共有と言えば ShowMyPC を使っていた。

 
ShowMyPC via kwout

最近では、 TeamViewer を利用している。

 
TeamViewer via kwout

相手の画面を見れば済むようなことであれば、Skype の画面共有だけで済む。対応するときの心理的な障壁がぐっと下った。ほんの少し手間が減るだけなのに、すごく快適。

デスクトップ共有機能のついたSkype 4.1 for Windowsベータ公開 - Skype 日本語ブログ

コンピュータ上の操作の指示、離れた場所の同僚へのプレゼン、写真やゲームを見せながら説明したいこと、ありませんか？Skypeの画面共有なら、非常に簡単。Skypeウィンドウの会話部分で、共有メニューをクリックするだけです。

と書かれているので、バージョン 4.1 から使えたようだ。

ATI Catalyst 9.8 へアップグレードしたらスカイプのビデオチャットがやや改善

相変らずスカイプのビデオチャットが表示されなくなる状態が続いている。何が原因でこうなってしまったのかと考えてみると、以前グラフィックチップのドライバを更新してから (ATI Catalyst 9.7) 、微妙に描画が処理がもたつくことがちょっと気になる。とは言え「気のせいかな」くらいかな？という程度なのだけれど。

新しいドライバが出ていないかと 4Gamer.net ― ハードウェア をチェックしてみると、OpenGL 3.1対応＆CFX構成時の性能向上を実現した「ATI Catalyst 9.8」（ATI Catalyst） に、

さて，結論からいうと，“月刊ATI Catalyst 2009年8月号”は，機能拡張とパフォーマンスの最適化が目立つリリースだ。

 

ダウンロード

早速 AMD にアクセスしたら、トップページのデザインが変わったのかな？ 右上のドライバーのダウンロードから必要なものを選択。

AMD via kwout

Drivers & Tools | GAME.AMD.COM よりダウンロードしてインストール。

Drivers & Tools | GAME.AMD.COM via kwout

 

結果

おっ！正常にビデオチャットが表示され続けている。ちょっと微妙なときもあったけれど、時間が経過したら止まった画像もまた動きだした。 ^^

ATI Catalyst 8.12 にアップデートしたら画像の表示がスムーズになったときも思ったのだけれど、グラフィックチップのドライバって重要なんだなぁ～。

… と思ったら完全ではなかった。 パタッ(o_ _)ｏ~† でも、前よりは随分良くなった。