2024/04/08 2020/08/23

UruさんのYouTubeをCSSで飾る方法

はじめに

この記事はUruさんのYouTubeをCSSでお花を飾ってみた経緯をまとめたものです。

メジャーデビュー前のUruさんのYouTubeに興味がある方は覗いてみて下さい。

（注）この記事は2019年3月にはてなブログで公開したものをリライトしたものです。

UruさんのYouTubeにお花をかわいく飾る

最初は100本以上の動画をブログに埋め込もうとバカなことを考えてましたが、さすがにそれは無理です。

FC2ブログのAkira先生が公開したYouTubeの装飾方法で、UruさんのYouTubeにお花を飾ってみました。

すてきな声の動画を7点ほど紹介します。

ひこうき雲　荒井由実

糸　中島みゆき

流星群　鬼束ちひろ「トリック2」主題歌

Dragon Night　/　SEKAINO OWARI

奏(かなで) / スキマスイッチ

クリスマス仕様も追加してみました。（2021年12月20日）

雪のクリスマス / DREAMS COME TRUE

夜空ノムコウ　SMAP　(女性が歌う夜空ノムコウ)

なぜUruさんのYouTubeをブログに埋め込んだのか

先日子供に「お父さんが昔YouTubeでよく見ていたUruさんが今メジャーで活躍しているよ。」と言われました。

裏さん？ウラさん？誰だっけ、と最初分からなかったのでしたが、ひょっとして「Uru（うる）」さん？とやっと思い出しました。

それよりも、なぜUruさんのYouTubeを私が見ていたのかを子供が知っていたのかの方が気になりました。

ひっとしてPCのブラウザの履歴を見られたのかな。😱

だとしたら、エッチな動画を見ていたのもバレたかも、と一瞬焦りました。😅

しかし、冷静に記憶を辿っていくと、4～5年前、自作スピーカー制作にハマっていた時、チェック用の音源としてよく流していたことを思いだしました。

当時使用したスピーカーユニットはハイ上がりな音が特徴なFOSTEXのFE83-solで、女性ボーカルを再生すると絶品でした。

確かPS3のYouTubeでUruさんの歌を再生し、自作スピーカーの出来栄えを評価してたのです。

Uruさんの透き通った天使のようなボーカルは子供にも強烈に記憶されていたようです。

と言うことで、久しぶりにUruさんのメジャーデビュー前のYouTubeをもう一度聴き直してみようと思ったのでした。

UruさんのYouTubeを探したら「Uru Official YouTube Channel」がすぐ見つかりました。

この専用チャンネルで動画を見れば良いのですが、メジャーデビュー前の動画は100本もあることが分かりました。

順番に見て行けばよいのですが、全部再生すると新しいものから古いものの順にしか再生できないのです。

これは不便なのでタイトルとアドレスを抽出しスプレッドシートに時系列に整理してみました。

すべてハイクオリティですが、有名な曲のカバーが多いですね。

No.	カバー曲	公開日
1	ひこうき雲　荒井由実	2013/09/06
2	最後の優しさ　JAY'ED　(女性が歌う最後の優しさ)	2013/09/24
3	DESPERADO　The　Eagles	2013/09/29
4	さくら　森山直太朗(女性が歌うさくら)	2013/09/29
5	I LOVE YOU　尾崎豊　(女性が歌うI LOVE YOU)	2013/10/04
6	らいおんハート　SMAP (女性が歌うらいおんハート)フードファイト主題歌	2013/10/16
7	いとしのエリー	2013/10/21
8	ロビンソン　スピッツ　(白線流し挿入歌)　ピアノアレンジ	2013/10/23
9	空も飛べるはず　ピアノバラードアレンジ(女性が歌う空も飛べるはず)	2013/10/26
10	いつの日も　阿部真央　(ピアノVer.)	2013/10/27
11	高嶺の花子さん back number (女性が歌う高嶺の花子さん)ピアノアレンジ	2013/10/28
12	kaho / every　hero　(ミスパイロット主題歌)	2013/10/31
13	流星群　鬼束ちひろ　「トリック2」主題歌	2013/11/04
14	真夏の果実　サザンオールスターズ(女性が歌う真夏の果実)	2013/11/08
15	Oh My Little Girl　尾崎豊　(女性が歌うオーマイリトルガール)	2013/11/12
16	青い春　back　number (女性が歌う青い春)	2013/11/16
17	ありがとうさようなら　(みんなのうた)	2013/11/21
18	Hello　Especially　スキマスイッチ(女性が歌うHello Especially)	2013/11/23
19	糸　中島みゆき	2013/11/28
20	ナオトインティライミ　手紙　(女性が歌う手紙　ピアノアレンジ)	2013/12/01
21	冬のうた　Kiroro　(クリスマスアレンジ)	2013/12/05
22	女の子は泣かない　片平里菜	2013/12/07
23	夜空ノムコウ　SMAP　(女性が歌う夜空ノムコウ)	2013/12/11
24	I'm　Here　伊藤由奈　(アンフェア主題歌)	2013/12/19
25	蛍　サザンオールスターズ(永遠の０主題歌)	2013/12/21
26	守ってあげたい　JUJU	2013/12/25
27	back number　/　fish	2013/12/28
28	安室奈美恵　/ TSUKI　(映画　抱きしめたい主題歌)	2014/01/11
29	東京　/　wacci　「隠蔽捜査」　主題歌　(女性が歌う東京)	2014/01/13
30	Rihwa　/ 春風　(僕のいた時間　主題歌)	2014/01/17
31	back number / 幸せ【女性が歌う幸せ　ピアノVer.】	2014/01/23
32	僕はペガサス君はポラリス / MISIA　「S-最後の警官-」主題歌	2014/01/25
33	白雪姫 / Flower	2014/02/09
34	ヒカレ　/　ゆず　(ピアノ、女性が歌う)	2014/02/17
35	AGAIN / DREAMS COME TRUE	2014/02/21
36	あたしをみつけて　/ Salley	2014/03/06
37	平井堅　グロテスク　feat.安室奈美恵	2014/03/27
38	秦基博　/　プール	2014/03/30
39	リヴ(Live) / Superfly	2014/04/01
40	スキマスイッチ /　螺旋	2014/04/06
41	Your Song / Elton John	2014/04/02
42	桜　/ 清水翔太	2014/05/04
43	虹色の戦争/ 世界の終わり	2014/05/07
44	高橋優　/　太陽と花　(ピアノ・女性が歌う)	2014/05/22
45	最愛　/　KOH ＋　福山雅治	2014/07/27
46	ひまわりの約束 /　秦基博　ピアノ	2014/08/07
47	ONE OK ROCK / Mighty Long Fall (女性が歌う、ピアノ)	2014/08/17
48	愛し君へ　/　森山直太朗　(女性が歌う)	2014/08/24
49	BUMP　OF　CHICKEN /　ray	2014/09/23
50	ONE OK ROCK /　wherever you are　(女性が歌う)	2014/10/07
51	麦の唄/ 中島みゆき(ピアノで歌う)	2014/10/07
52	足音 / Mr.children【女性が歌う】	2014/10/21
53	傷つける /　クリープハイプ (女性が歌う)	2014/11/04
54	BRIGHTER　DAY / 安室奈美恵【ピアノバラードver】	2014/11/11
55	Dragon Night　/　SEKAINO OWARI	2014/11/18
56	ワインレッドの心 /　安全地帯　ピアノ	2014/11/25
57	レイニーブルー /　徳永英明　ピアノ	2014/12/02
58	雪のクリスマス / DREAMS COME TRUE	2014/12/09
59	粉雪 / レミオロメン　(ピアノ、女性が歌う)	2014/12/23
60	Story　/　AI	2014/12/30
61	シェネル　/　Happiness　ピアノver.	2015/01/13
62	back number / 風の強い日【女性、ピアノ】	2015/01/27
63	ヒロイン / back number 【女性が歌う,ピアノ】	2015/02/10
64	僕の今いる夜は / 槇原敬之	2015/02/24
65	フレンズ　/　レベッカ	2015/03/10
66	Yukiyanagi 雪柳　/ Micro　(ピアノで歌う)	2015/03/24
67	EXILE　ATSUSHI　/ Precious Love　【ピアノ　女性】	2015/04/07
68	ONE OK　ROCK / Heartache【るろうに剣心】　ピアノ女性	2015/04/21
69	マーメイドラプソディー / SEKAI NO OWARI	2015/05/05
70	メロディー　/　玉置浩二　(ピアノ　女性)	2015/05/19
71	誓い / Rake(女性)	2015/06/02
72	シュガーソングとビターステップ(女性、ピアノ)　UNISON SQUARE GARDEN	2015/06/16
73	UVERworld / THE OVER(ピアノ)	2015/06/30
74	秦基博 / 水彩の月	2015/07/14
75	secret base～君がくれたもの～ / ZONE	2015/07/28
76	ANTI - HERO (アンタイヒーロー)　/ SEKAI NO OWARI　進撃の巨人	2015/08/11
77	海の声 / 浦島太郎　au CM	2015/08/25
78	back number / 手紙	2015/09/08
79	緑の街　/　小田和正	2015/09/22
80	今井美樹　/　PRIDE	2015/10/06
81	新宝島　/　サカナクション	2015/10/20
82	SEKAI NO OWARI /　SOS	2015/11/03
83	アイネクライネ / 米津玄師 (女性が歌う、ピアノ)	2015/11/17
84	会いたい / 沢田知可子	2015/12/01
85	Silent Night　/	2015/12/15
86	ENDLESS STORY /　伊藤由奈　Reira starring yuna ito 【NANA】	2015/12/29
87	EXILE / ki・mi・ni・mu・chu	2016/01/12
88	コブクロ / 未来	2016/01/26
89	miwa / あなたがここにいて抱きしめることができるなら　(弾き語りver.)	2016/02/09
90	Hello,again～昔からある場所～ / My Little Lover	2016/02/23
91	BUMP OF CHICKEN /　Butterfly	2016/03/08
92	Best Friend / Kiroro	2016/03/22
93	大空と大地の中で /　松山千春	2016/04/12
94	見上げてごらん夜の星を /　坂本九	2016/04/19
95	宇多田ヒカル / First Love	2016/04/26
96	バラード / BUZZ THE BEARS	2016/05/10
97	JUJU / やさしさで溢れるように	2016/05/24
98	スピッツ / みなと	2016/05/31
99	杏里 / オリビアを聴きながら	2016/06/07
100	奏(かなで) / スキマスイッチ	2016/06/14

100曲の再生回数はどれくらいなのかをスクレイピングしようと思いましたが、IMPORTXML関数では抽出できなく、You Tube APIを使わないと出来ないことが分かりました。

100曲の再生は6時間もあれば終わりますが、You Tube APIを6時間の勉強で使いこなす自信はゼロだったので、再生しながら手作業で生データを記録することにしました。（笑）

下のグラフは2019年3月24日時点の再生回数です。

メジャーデビュー前の動画だけで、もうすぐ累計1億回に到達しそうです。凄いですね。

動画をただ再生するだけでは、少しつまらないので、お気に入りの動画をブログに埋め込んだら、いつもですぐ聴けて楽しいかもと思いました。

だだ埋め込むだけでは芸がないなーと思っていたところ、FC2ブログテンプレートの神、Akira先生のYouTube装飾の方法を思い出しました。

これはAkira先生がお遊びでYouTubeを着飾る方法をシリーズで紹介されたものですが、装飾用の素材をYouTubeのフレームに重ねることで、YouTubeの画面にアクセントが付与され、とても可愛くなるのです。

管理人のFC2ブログは1年以上休眠してますが、このすばらしい装飾をはてなブログで是非使ってみたいと思い、テスト環境で動かしてみたら問題なく動いてくれました。

そこでダメ元で図々しくAkira先生にはてなブログでの利用許可を問い合わせしたところ、ご承諾を頂くことが出来ました。

Akira先生、YouTube装飾コードの使用許可、大変感謝いたしまーす。

ところで、そもそもUruさんをなぜ管理人は知っているのでしょうか。

Uruさんを何処で知ったのか

理由は簡単で、Uruさんは最初FC2ブログで「uru singer Diary」というブログを運営されていたからです。

管理人がFC2ブログを始めた当初、ブログのデザインをカスタマイズする時に参考にしたサイトの一つが「uru singer Diary」でした。

もの凄くコメントが多いなー、と読んでいたら、UraさんがYouTubeにアップした歌について「感動した・泣いた・感謝」等がたくさん書き込まれました。

UraさんのYouTubeはモノクロームな画面で、独特のスタイルなのですが、初めて中島みゆきの「糸」のカバーを聴いた時は、鳥肌がガンガン立ちました。

彼女の声は神秘的でもあり、無限に聞き続けることが出来るのではないか、と思うくらい強烈なインパクトがありますね。

不思議な雰囲気をもった女の子というイメージでしたが、こんなに歌が上手いのに、なぜデビューできないんだろうと不思議に思ってました。

しかし、子供にUruさんが活躍していると言われて、改めて調べてみると、2016年6月にソニー・ミュージックエンタテインメントよりメジャーデビューされました。

世の中から2年半遅れていました。（反省）

さっそくオリジナルアルバム「モノクローム」CD+Blu-rayをポチリましたが、このアルバムが到着するまで、UruさんYouTubeを何度も聴きまくりたいと思います。

注意

Akira先生のブログで公開されている装飾用の素材は直リンク厳禁となってます。もし真似する場合は、ご自身が管理しているサービスのフォルダに保管して下さい。

管理人のフォトライフに保存した素材は、管理人の都合で消えてしまう可能性があるので、ご利用はおススメしません。

まとめ

YouTubeにかわいい素材を装飾することで、UruさんのYouTubeの動画の雰囲気をグッと良くすることができました。

興味がある方は、ぜひ遊んでみて下さい。

2021年12月20日　追記

『CDTVライブ！ライブ！』クリスマス４時間スペシャルで“Uru フェス”が開催されましたね。YouTubeの動画再生はもうすぐ累計4億回になるそうです。

このブログを書いてから2年半過ぎましたが、3億回も増えているので、毎日32万回再生されていることになりますね。凄い人気ですね。

#CDTVライブライブ
今夜も激アツLIVEを生放送♪
本番直前ショットで実況中だよ！❄️

このあと #Uru フェス開幕！
代表曲はもちろん、今回は特別に今聴きたい、
この季節にぴったりの名曲カバーの数々もお届け！
クリスマスにぴったりのUruからの歌の贈り物🎁♡#Uruフェス #CDTV #TBS pic.twitter.com/CeM1gSADFK
— CDTV (@TBSCDTV) December 20, 2021

CDTVライブ！ライブ！クリスマス4時間スペシャル、Uruフェスをご覧頂いたみなさん、ありがとうございました

カチコチでしたがこんなに特別な時間を頂けて本当に嬉しかったです
ありがとうございました

引き続き、クリスマススペシャルをお楽しみください#CDTVライブライブ #Uru pic.twitter.com/nX5SKdTbpL
— Uru (@uru_super) December 20, 2021