儚いからそれはきっと美しい -5ページ目

儚いからそれはきっと美しい -5ページ目

ホームピグアメブロ

芸能人ブログ人気ブログ

06Aug
- unSea Rehearsal the sea
  unSea Rehearsal the sea日時: 2023.7.17(月) open 14:30 / start 15:00場所: 渋谷WWWX料金: ¥1,000 /¥1,500 (+ドリンク代)この日は８人組アイドルユニット「unSea」が初お披露目される日とあって渋谷WWWXへ。昼間と夜の２部構成になっていたが、自分は昼の「Rehearsal the sea」だけ参加。その名の通り、本番前のリハーサルをそのままお客さんに見せてしまおうという企画だ。開演時間５分ほど前に到着。WWWX前は明らかにまなみファンと思われる方が大勢たむろしている。50人～60人といったところか。自分はチケット番号の後半。最後にスタッフのかたが「160番までのかた～」と叫んでいるのが聞こえる。長い長い階段を歩き、受付にたどり着くと、なにやらリトルマーメイドの劇中音楽かと思われるような軽やかなシーサイドミュージックが流れている。unSeaの由来が「under the Sea」なのを考えると、「いや、もうぜんぜん地上っぽいやん」というツッコミをいれたくなったが、まあ明るいことはいいことだよね。薄暗いライブハウスのその一角だけが南国だった。左側にはグッズ紹介のスペース。ピンクと青を基調としたパステルカラーが可愛い。３組のグループはいずれも「フリフリ感」とは別次元で活動してきたグループなので、こういう姿をみれるのはパラレルワールドの１分岐を垣間見れたような特別感があってよき。受付をすましてフロアに入ると、またそこには別の世界がひろがっていた。目に飛び込んできたのは、ステージを飾る淡いブルーと濃紺の布。照明は南国の海を連想させる透明感のあるライトグリーン。BGMは波の音。静謐さがフロアを覆っていた。開演までの残り時間を、ぼんやりとステージをみつめて過ごす。まなみのりささんは一度だけライブを見たことがあった。いつだったかのTokyo Idol Festival。当時は無料で見れたスマイルガーデンだ。オタクたちと一緒にポラリスで芝生の上を回った記憶がある。その後、持ち歌をすべて取り上げられ、再び０からスタートし、そして今年の2023年4月に解散したという事実だけを知っていた。自分はほとんど接点はなかったアイドルグループさんだったが、同じ広島出身のPerfumeの存在があまりにも大きすぎて、不完全燃焼のまま終わりを迎えてしまった。そんな印象だった。そんなまなみのりさの「まなみ」「みのり」の２名が、透明写真とBLUE BLUE BLUEといる３人組アイドルユニットと組んで、８人組アイドルユニットを作ると聞いた時には本当に驚いた。恐らく接点は、まなみのりささんの解散ライブ直前に行われた対バンライブだけだったと思うのだが、年齢も事務所も出身地も音楽性も異なる３組が同じグループとして活動するのは、とても珍しいのではないか。まなみさん、みのりさんの「まだまだ不完全燃焼」感が、きっとこんな珍しい形でのコラボレーションを生み出したに違いない。初ライブに先駆けて行われた泊りがけの合宿の最終日。ファン向けに公開された動画配信では、みのりさんが感極まって涙を見せる場面もあった。「またアイドルをやれる」という思いと、ハードスケジュールで強硬した合宿内での想定外の「８人の一体感」がみのりさんの心を動かしたに違いない。そんな期待感の中での初ステージ（初リハーサル）が始まる。・・・が、重々しい期待感とヒリヒリした緊張感に反するように、８人のメンバーがTシャツ姿でユルっとステージに登場 (笑)まず、みのりさんが「unSeaの自己紹介を考えてきました．．．」と口を開く。８人がせーの！で「unSeaです」と声をあわせ、その後、両手をクロスさせて「ヒョロロロロー」というポーズ。えっ、ゆるい。ゆるすぎる。みのり　「RINちゃんが考えてくれた」RIN　「たまたま考えた」みのり　「魚が下から上にあがっていく感じ？」そして、まなみさんが「ヒョロロロローをお客さんにもやってもらう？」と言い出し、フロアにいるお客さんにも「ヒョロロロロー」を強制的にやらせるプレイ。若干の恥ずかしさをぬぐえない。みのりさんが「真剣にリハーサルするから、（お客さんを）放置するよ」とフロアに言い捨てて、リハーサル開始。1. グレーに溺れてみのりさんの「放置するよ」という言葉通り、ガチのリハーサル。まずは音なしでの立ち位置確認。メンバーが鼻歌で曲を歌いながら、ステージ上でのフォーメーションを確認している。ひととおり確認してから、PAさんに音をだしてもらう。みのり　「いちばん緊張しているかも」まなみ　「だってこんなことない。初ステージは１５年前。１５年振りの初ステージ」いわゆる振り付けは少なく、歌できかせる曲。サビは、８人全員がマイクをもち、横一列になって歌い上げる。迫力がすごい。今日が初お披露目グループなのに、しかもリハーサルなのに、めっちゃ堂々としてるし、完成されている。１曲目で引き込まれた。2.願い引き続き、フロアを置いてきぼりにしたリハーサルがつづくｗまなみさんが、リハの中で、透明写真のMIOさんを「みおすけ」と呼んだのが印象的だった（そこ？）その後、MIOさんのSHOWROOM配信で「みおすけ」は、自分自身による自主提案だったことが判明。unSeaには「みのり」「MION」「MIO」と似た名前が多く紛らわしいので、区別するために呼び名を考えたらしい。どうやら学生時代のあだ名らしく「すけ」は「スケトウダラ」の「すけ」だったか。みのりさんが「この曲で、1、2、3、4と言うので、一緒に1、2、3、4とコールしてほしい」とフロアに呼びかけるが、まなみさんから「いや、(お客さんは) 曲知らないのに、どこで1、2、3、4って言ったらいいか、わからないよね？」と冷静にツッコミをうけて、固まるみのりさん。「いや、これリハーサルだから、いま覚えてもらおう」「本番でできればいいよね」3.それは僕を成さない引き続き、フロアを置いてきぼりにしたリハーサルがつづくｗステージ上で８人がそれぞれ座る振り付けをしようとしたときに、みのりさんが「なんかRINちゃんが困ってる．．．」と声をかける。見るとRINさんが、見るからにアワアワしている。「ちょっと(ステージが)濡れていて」どうやらRINさんが座る場所が水で濡れているらしい。ここでまなみさんが「ごめん。わたしがさっき水をこぼしちゃった」と声をあげる。えーーっ、とステージ上のメンバーからも、フロアのお客さんからもブーイングが出るｗスタッフがあわててステージをふきはじめる。たわいもないやりとりだが、メンバー間がそれぞれを気遣っている感じが垣間見れてよい感じだ。この曲の歌いだしはMIONさん。圧倒的な声量と歌唱力でフロアを黙らせる。PA室のプロデューサーさんも思わず「うまいよね」と影ナレでしゃべってしまうくらい素晴らしかった。曲中でもちょくちょく、まなみのさんがハモってくるのが心地よい。さすがです。4.恋ハリRINさん振り付けによるタオル曲。RIN　「(メンバーが)タオルをもぞもぞさせたら、この曲だと(察して)」その後もRINさんが「ぐるぐるぐるーー(と回って)」など独特の擬音を多用しながら、振り付けを指示だししていく。unSeaの面白いところは、振り付け担当が３人いるところだ。まなみさん、HANAさん、RINさんの３人だ。それぞれ各グループで振り付けを担当している３人だが、このunSeaでは楽曲ごとに担当を割り当てて、振り入れしているようだ。それぞれバックボーンの異なるダンスを経験してきているので、同じグループなのに振り付けのテイストが曲ごとに異なるのが面白い。今後は「この曲はだれそれの振り付け曲だ」などと思いながら見る楽しみもできて嬉しい限りだ。最後にみのりさんが「本番まではまだ時間があるから、タオルを買ってもらって．．．」としたたかにグッズ営業するところはさすが。5. The Oneder Worldこのあたりから残り時間が少なくなり、巻きでリハが進む。The Oneder Worldは、合宿配信内で行われた「unSeaで一番好きな曲は何？」という質問に対して、メンバー内で一番人気だった曲。ノリがよく、ライブ映えする楽曲だ。6.シースルーこちらはリハーサルなしで、通しで１曲を歌唱。メンバー内では二番人気の曲。なんかあっという間すぎて、このあたりは記憶に残ってない。最後は「ばいばーい」とステージを後にする８人。いやー。リハーサルだったけど満足感があった。というか既に完成された美しさや力強さがあった。歌唱力のあるまなみの。ダンススキルの高いBLUE BLUE BLUE。透明感の透明写真。それぞれの持ち味がうまく重なって、よいチームになっていた。３組ともにそれぞれのグループで十分に経験を積んできているメンバーなので、当然といえば当然なのかもしれないが、unSeaは安心してライブを楽しめるアイドルグループだ。今後が楽しみだ。　セットリスト１部　Rehearsal the sea1. グレーに溺れて2.願い3.それは僕を成さない4.恋ハリ5. The Oneder World6.シースルー２部　Under the seaOpening. 詩空（しずく）1. グレーに溺れて2. シースルー3.それは僕を成さない4.The Oneder World5.恋ハリ6.願い7.この世界でEncore. シースルー【オフィシャルレポ】8人の個性と存在感を示したunSeaお披露目ワンマンライヴ- OTOTOY
18Jun
- 透明写真新体制1周年記念ライブ
  透明写真新体制1周年記念ライブ日時　2023年6月18日(日) 開場10:30 開演11:00会場　新宿MARZ出演　透明写真一か月半ぶりのライブ。そして透明写真さんのライブは２回目。ワンマンライブは初参加だ。この日は事前に新曲披露も予告されていて、楽しみ過ぎる。開演20分前ほどに新宿MARZに到着。地下に向かう階段手前で、今日のライブの案内を写真を撮る。ふと横をみると、入り口に花が置いてある。誰からだろうと見てみたら、まみりさんからで驚く。ちょうどこの前々日に「UnSea」なる新グループ結成のお知らせがTwitterに流れていて、それはそれは本当に想像の斜め上をいく出来事だったので「まなみのりさ×透明写真」の組み合わせにいまだに不思議な感覚。いや嬉しいんですけどね。新宿MARZは２回目。比較的背が高い方なので、フロア後方の天井の低さが圧迫感があっていまひとつなのだが、今日は比較的フロア前方なので安心。ステージ足元まで見える位置で嬉しい。開演時間の11時を数分ほどまわったころに、SEが流れ始める。ざっとフロアを見渡すと、30人～40人くらいといったところか。３人登場。白衣装がかわいい。1曲目はCatch Me。一曲目はCatch Me。透明写真さんには珍しいキャッチーなアイドル曲。３人ともカワええ。白衣装が眩しいとです。手でハートを作ってニコっとしてくれるサビがたまらんとです。2曲目はFeature Lights。続けて、アップテンポのFeature Lights！高揚感！自分も昨年末のアイドル楽曲大賞2022に投票したお気に入りの一曲。ライブハウスで聞く低音バキバキのFeature Lightsはやっぱいいっすね。RINさんもステージ前にでてきて、フロアのお客さんを煽る。そして、前の曲からシームレスにつなげてからのHAZE。かっちょええ。YUAさんも曲途中で「１周年みんなで一緒に楽しみましょう！」と声出し。フロアを盛り上げる。今日はワンマンライブで圧倒的ホーム。３人の表情も心なしか晴れやかだ。３曲歌ったところでMC。３人それぞれ自己紹介。MIO　「１周年ありがとうございます。」YUA　「MIOちゃんがはいって１年。本当に嬉しいです。今日は単独ライブでたっぷり楽しめると思います」簡単にMCを終わらせて、次の曲へ。MCに続いて「Favorite Music」「one more hug」「QueSeraSera」の３曲を披露。Favorite Musicは振り付けかわいいやつです。３人がぴょんぴょん飛びながら立ち位置を変えるのが可愛すぎるやつです。そしてQueSeraSeraはスルメ曲。このリズム好きなんだよね。ここで１回小休止。「みなさん楽しんでますか？」「この次の曲で手拍子してほしいので、練習します！」クラップ、ヨアハンズ～　パン、パン、パン、パンパンクラップ、ヨアハンズ～　パン、パン、パン、パンパンということで次の曲は「これくらいでいいよねって part2」。ステージとフロアで一緒にできる振り付けはイイよね。楽しい。ここで２回目のMC。RIN　「１周年、みんな『早い早い』って言うけど早いの？」「早いのか遅いのかよく分からなくて．．．どうですか？」MIO　「みなさんに初めてステージを見てもらってからは１年なんですけど、練習を一緒にし始めたのは１年半くらいだから．．．」YUA　「（１年半よりも）もっと長く感じる」MIO　「．．．馴染んだよね？」不安げな感じでRINさんYUAさんを見つめるMIOさん(笑)RIN　「馴染んでるよ！」RIN　「普通の学校とは違って濃密というか．．．『どんくらいおるん』ていうくらい一緒にいるから．．．」RINさんがここでMIOさんを見ながら、「さらけ出してる？」と問う。MIO　「この前の沖縄では３人部屋で．．．眠そうになってたりとか．．．もう準備も何もしてない状態とかで．．．」RIN　「さらけだしてるかな．．．まあ（ファンの）皆さんには見せないと思うけど．．．」（フロア苦笑）MCが終わり、次はしっとりと聴かせる曲「夜が終わるまでは」。しばらく落ち着いた曲が来るかなと思いきや、続く曲は「SUGAR」。さらに「Buena Vista」と続いてフロアを沸かせる。Buena Vistaではラテンのリズムに合わせて、照明も怪しい赤色に染まる。裏打ちのクラップが気持ちいい。３回目のMCYUA　「単独ライブはひさびさ。北海道ではソロコーナーとかあって休めたけど．．．今日はぶっ続けで．．．暑い．．．」ここから6月22日のお知らせ。YUA　「ただ会場が確認中なので、決まったらお知らせします．．．」ここでプロデューサーさんから「会場がＯＫだったら無料にします」と発言があり、フロアがウォーと沸く。RIN　「無料なのでぜひ来てください」さらに２つ目のお知らせ。YUA　「すでにツイッターでお知らせしているとおり、unSeaというプロジェクトに参加させていただくことになりました．．．まなみさん、みのりさん、BLUE BLUE BLUEさん、透明写真の３組でやらせていただくことになりました．．．」ここでMIOさんが「えっ？３人？」とYUAさんの言葉を勘違い。YUA　「(３人じゃなくて) ３組ね」MIO　「３人って言わなかった？４人消えたかと思った．．．」ここでRINさんが素早く突っ込む。「５人消えた．．．じゃなくて？(unSeaは)８人だよね」MIOさんが「えっえっ」と動揺。ここでRINさんがポツリと「仲、悪くなったかと思った」とつぶやいた気がするｗ真面目ないじられキャラのMIOさんに、関西人のRINさんが適度にツッコミをいれつつ、それを天然癒し系のYUAさんが微笑みながら見守る、という透明写真メンバーの図式が完成されていて面白い。ワチャワチャしそうな雰囲気を察して、YUAさんが「次行きます」と言ったが、RINさんが「お花とか触れとく？」と助け船。YUA　「レタちゃんからお花を頂きました。ありがとうございます。」RIN　「あのぬいぐるみが、ぶっ刺さってるやつね」（言葉づかいｗ）RIN　「(ぬいぐるみは) ベッドとかに置きたい．．．まだちゃんと見てないけど、動物はおのおのの(キャラクター)になってるんだと思ってる．．．」ここで、YUAさんが「そして．．．今日はまなみさん、みのりさんも見に来ていただいています」と、２階のPA席を見上げる。「あとで一緒に写真撮りたいです」花だけではなく、ご本人たちも来られていたとは．．．まみりさんはアイドル活動としては不遇な境遇だったので、unSeaの活動でもう一花咲かせてほしいなと。そして、もう少し透明写真さんの知名度もあがってくれるといいんだけどな～。YUA　「ここから後半戦です」（左からくま、うさぎ、ねこのはず．．．．）ここからは、「花残月」「FIRE (CLUB mix)」「FROZEN」「STEP IT」と４曲続けてアゲアゲ曲でラストスパート。FIREはいつ聴いてもカッコいいよね。自分はこの曲で透明写真ファン確定したので感慨深い。FRONZENではステージもフロアもこぶしを突き上げる振り付けで盛り上がる。めっちゃアがるわー。そしてSTEP ITも安定の盛り上がり。良曲しかないっす。４回目のＭＣYUAさんRINさんはステージ後方で水分補給。MIOさんがひとりステージに立って、MCを始める。MIO　「今日はほぼ全曲披露で．．．みなさん体力大丈夫ですか？」「あっ．．．いま水飲みタイムなので．．．飲んでね」YUAさんMIOさんが戻り、新曲の話題に。RIN　「(ツイッターとかで) 匂わせていたけど．．．どんな曲ですか？」YUA　「ひさしぶりのリリースだよね．．．グループとしては今年初めての新曲だよね？」RIN　「(新曲) おまたせ～っ」YUA　「(新曲は) さわやか．．．初夏．．．爽やかな初夏だよね」YUA　「もうタイトル言っちゃおうか？　Blue Hawaii です。さわやかでカワイイ」RIN　「ツイッターで匂わせしてたん．．．かき氷の写真のせてた．．．イチゴのかき氷やったけど．．．」MIO　「そんなネタ仕込まれているとは」RIN　「透明写真は夏の曲っていうのがなくて．．．春とか秋とか冬とかはあるけど夏がなかったから．．．聴いてもらいたい」ここで新曲「Blue Hawaii」を初披露。確かにこれまでの透明写真にはない感じのやさしい雰囲気の楽曲。振り付けも、Z世代ではやっているポーズを織り交ぜた可愛いもの。RINさんの振り付けセンスが光る。アウトロで３人並んでの振り付けが可愛すぎる。萌えた．．．YUA　「さっそく、（今日このあと）盤が購入できます！」MIO　「バン？バンって何かとおもった」RIO　「CDが！盤がでます」「以上、透明写真でした」で本編終了。スマホで時計をみると12時18分。約１時間15分ほどたっぷりライブしていたことになる。満足！ここでファンから「アンコール」の掛け声。自分もひさびさにアンコールを叫ぶ！．．．が、大声だすのがひさびさ過ぎてノド痛くなるｗコロナ以降、大声出すこと少なくなったからな～。ほどなくして、ステージ上にタオルをもった３人が再登場。タオルを振りながら、アップテンポ版の「Favorite Music」でラストを盛り上げる。曲終わりに、タオルをフロアに投げ込んで終了。最後にMIOさんがマイクを握りしめて話し始める。「１年前は、まさか１周年迎えられるとは思ってなくて．．．不安で．．．」と複雑な心境を吐露。「けど、２年後とか３年後とか迎えられそうで．．．未来を話せる気がします」ここでRINさんが「えっじゃ、来年、何したい？」と無茶振り。MIO　「来年は、(お互いで) 衣装替えしたい」RINさんが「無茶振りしてみたのに．．．(こたえてくれた)」といたずらっぽく笑う。こういうところ好きですｗ「以上、透明写真でした」でライブ終了。いやー、楽しいライブでした。最後、特典会は、推しのRINさんへ。RINさんとは、４月末のライブ以来２回目の特典会。にもかかわらず「ベヴァンです」と挨拶する前に、「あー覚えてます．．．フロアでも見えてましたよ」と言ってもらえた。「すごいですね」の言葉に「この前来てくれたばかりだから．．．さすがに２年前とかだと忘れちゃうけど．．．」と返すRINさん。アイドルさんのヲタク認識能力すごい。(いつもながら顔小さい．．．そしてカワイイ)セットリスト01. Catch Me02. Feature Lights03. HAZE(RAVE mix)MC04. Favorite Music05. one more hug06. QueSeraSera07. これくらいでいいよねって part2MC08. 夜が終わるまでは09. SUGAR10. Buena VistaMC11. 花残月12. FIRE (CLUB mix)13. FROZEN14. STEP ITMC15. Blue Hawaii (新曲)Enc.16. Favorite Music (amp'd mix)透明写真@tomeishashin 現体制1周年ライブありがとうございました！新曲「Blue Hawaii」を初披露させていただきました！もうすぐ夏が来ますね🍧 これからもよろしくお願いします！ #透明写真 https://t.co/36UG3KxENo2023年06月18日 16:40透明写真@tomeishashin まなみさんみのりさんが観に来てくれました！お花ありがとうございました！ 7/17(月祝) WWWX unSeaデビュー🫧 https://t.co/D3gIa2BVtp 応援よろしくお願いします🫧 #unSea https://t.co/puWveLL91S2023年06月18日 17:51
11Jun
- アイドル楽曲大賞2023(上半期)を選んでみた
  2023年もあっという間にもう６月。というわけで恒例のアイドル楽曲大賞2023(上半期)を選んでみた。対象期間は2022/12月～2023/5月。アイドル楽曲大賞 2023年上半期編LATE SHOW / 文坂なの関西を拠点にセルフプロデュースで活動するソロアイドル文坂なのさんの４thシングル曲。これまでも一貫して80年代アイドル風味な楽曲を提供し続けている文坂さんだが、今回のシングルもどこか懐かしくてちょっぴり新しいメロディーが、オジサマのハートに刺さりまくってくる。いや～好きだわ～。聞き飽きないわ～。文坂さんのちょっと舌足らずなボーカルが、メロディーに対してワンテンポ遅れてはいってくる感じとか、なんかたまらんとです。アレンジも好きなやつです。自分の中では楽曲大賞2023の第一候補。マタキミニアエル大爆発 / われらがプワプワプーワプワ通称「われプワ」さんが今年の2月に10曲入りのアルバム「マタキミニアエル大爆発」をリリース。このアルバムの完成度がハンパない。現時点で、自分が選ぶアイドル楽曲大賞2023アルバム部門１位はこれ。正直グループ名が変すぎて(!?)、全然聴いてこなかったんですよ。なんか気になるけど、生理的にちょっとうけつけないかな、みたいな。(あれっ言い過ぎかな)けれどこのアルバムで印象が一変。めっちゃカッコイイじゃないすか。「マタキミニアエル大爆発」は管楽器が効果的に使われていて良き。アゲアゲっす。感情大爆発っす。これ聴いてアガらない人はいないでしょ。アルバム１曲目の「彼は誰にナミダ」も低音バキバキで良き。正直「マタキミニアエル大爆発」とどちらを楽曲大賞に推すか悩んでいる。そしてミディアムナンバー「レンチン」も好きな一曲。これはJ-POP有線で流れていても全然違和感ないやつ。ねぇもうグループ名変えないですか？そこのハードル下げるだけでも全然ファン層変わってくると思うんだけどな～。夏へのとびら / クマリデパート今年３月に日本武道館での単独ワンマンライブを成功させたクマリデパートさん。自分が最初にクマリさんを見たのは約４年前の月見ル君想フだったが、まさかここまで大きくなるとは思わなんだな～（遠い目）。そんな武道館ワンマンに標準を合わせるかのようにサクライケンタ氏が提供したのがこの「夏へのとびら」。きらびやかで爽やか、テンポのいい明るい曲調なのに、歌詞に散りばめられた「とびらに鍵をかけてた」「だいすきだったから」「ほんとはたくさんあったの」といった過去形で綴られた歌詞が、思春期特有のほの暗さを感じさせる。そう、ただただノリのよいアイドル楽曲ではなく、少しばかりの後悔や喪失感を散りばめるのがサクライ氏のよいところ。そういえば、なぜか突然にブクガ公式Youtubeにあがったブクガ風(？)夏へのとびらMVが怖すぎて、夢に出てきそうなやつだった。けどこういう遊び心は大好き。BABY!BABY! / CUBΣLICキュートなテクノサウンドが特徴的なCUBΣLICさんが、2023年1月に2nd EP「FLOWER」をリリース。EP全般を通して明るくポップそしてキャッチーなサウンドで、聴くだけでフレッシュになれるビタミン剤のような１枚。投票によるCUBΣLIC楽曲ランキングでは「Flip-Flop」が一番だったみたいだけど、自分のお気に入りは3曲目に収録されている「BABY!BABY!」。ライブハウスで「フッフ～」とか叫びたい。RAVE OUT / Rebel RebelElectro Funky Musicをコンセプトに独自の音楽性でトガった楽曲を繰り出しているRebel Rebelさんが、2022/12月に４曲入りEP「NO CHEATING」をリリース。RAVE OUTはその１曲目に収録。いやートガってるね。攻めてるね。ここまで振り切ると気持ちいい。なんとなくブルーな気分な朝にこの曲を聴くと、強制的にハイでアグレッシブな気分に切り替えさせてくれるアゲアゲ曲。３曲目の「221-B」は一転してジャジーで落ち着いた楽曲。ちなみに221-Bはシャーロックホームズが住んでいたベーカー街の住所。歌詞中にも「Mrs.Hudson」や「IreneAdler」といった登場人物が散りばめられていて、シャーロキアンにはたまらない一曲。（自分はどっちかというとアガサクリスティー派だけど）PLAMO NIGHT / LINKL PLANETプラモデルメーカーであるBANDAI SPIRITSがプラモデル啓蒙活動の一環で結成したアイドルグループ「LINKL PLANET」の６枚目のシングル曲。自分はテレ東ドラマ「量産型リコ」のエンディングテーマで「LINKL PLANET」というグループを初めて知ったのだが、どうせ番組タイアップの企画もの一発アイドルかな～とあんまり興味を持っていなかったのだが、その後も精力的に楽曲を提供し続けるとともに、2022年末には２期生も加入。なんかめっちゃ本腰入れてるじゃん、と見直した。「PLAMO NIGHT」は音数少な目のミニマルな楽曲で、正直アイドル曲としては万人受けする感じではないのだが、疲れた夜に聴くとめっちゃ癒される名曲。「君を君を組み立てる。今日もライトの下で」というサビは、徹夜で何かを夢中で作ったことのあるヲタクには必ず刺さる歌詞。プラモデルに限らずモノづくりを生業とするすべての人に聴いてもらいたい一曲。ドープトーキョー / THE ORGANICS今年の４月にメンバーを追加し３名体制となったヒップホップアイドルユニット「THE ORGANICS」が、同じタイミングで８曲入りアルバム「トーキョードープシティ」をリリース。このアルバムが超絶すばらしい。全曲を通じてトーキョーシティの夜を彷彿とさせるスタイリッシュなアレンジ。そして圧倒的なチルサウンド。ヤバいくらいにカッコイイ。圧巻はこのアルバムの１曲目を飾る「ドープトーキョー」。艶めかしいギターの音色にのせたジャジーでメローなサウンドが心地いい。肩の力を抜いたクールなボーカルもいい。シリウスにマフラー / 開歌楽曲の良さとメンバーの歌唱力に定評のある開歌さんが１月にミニアルバム「日々」をリリース。「シリウスにマフラー」はそのアルバム収録曲。作曲・編曲はポップしなないで。キュートでキャッチーなメロディーが秀逸。そして軽快に跳ねるキーボードが楽しい。こんなん可愛い子に歌わせたら、さらにめちゃくちゃ可愛くなるやつじゃん。そういえば、アイドル楽曲大賞2021年で10位を獲った「Secret Summer」も、ポップしなないでが作曲。うーん。開歌×ポップしなないでの組み合わせは最強説確定。今年のアイドル楽曲大賞もこの曲でベスト10入りを期待できそう。オレも、フッフ～フワフワしたいな～（意味不明）夜明け前 / 宇佐蔵べにと宵待昨年発売のミニアルバム「NEW」ですっかりその楽曲の良さにはまってしまった宇佐蔵べにさん。今年３月にリリースした「夜明け前」も期待を裏切らない俺好みなシティポップサウンド。加納エミリさんプロデュースのサウンドも良かったが、やはりそればかりでは飽きがきてしまうし新鮮さがなくなってしまう。洗練された楽曲の方向性は維持しつつも、色々なアーティストとコラボしているスタンスは歓迎。WEEKEND / ジョナゴールドRINGOMUSUME卒業後、ソロシンガーとして活躍中の通称Ｊことジョナゴールドさんが、今年１月に1stアルバム「WEEKEND」をリリース。これはその表題曲だ。開放感のあるメロディーにＪさんの伸び伸びとしたボーカルが乗って、前向きな気持ちにさせてくれる清涼剤のような楽曲。ソロ転向してからリリースされたシングル曲を、これでもかこれでもかと詰め込んだ1stアルバムは珠玉の出来栄え。捨て曲なしの10曲構成が素晴らしすぎる。それになんといってもＪさんが可愛すぎるよね～。王林さんとバーターとはいえ全国地上波の番組でも見かけることのできるＪさん。シンガーとしても早く全国区の知名度になってほしいぞと。Another World/ 玉井詩織ももいろクローバーＺのしおりんこと玉井詩織さんが、2023年1月から開始した「12ヶ月連続ソロ曲プロジェクト」。2023年5月末時点で５曲をリリースしているのだが、そのどれもが素晴らしい出来栄え。正直ももいろ曲は自分にはあまり刺さるものがないのだが、しおりんソロ曲に関しては、歌謡曲調ありK-POP調ありシティポップ調ありとジャンル全方位で攻めているにも関わらずどれも楽曲レベル高し。自分のお気に入りは２月リリースの「Another World」。シティポップなオサレなアレンジに気分もあがります。気づけば、しおりんももう28歳。年齢相応の楽曲が似合ってきた頃なのかな～。今年の12月まで続くソロ曲プロジェクト。残りの曲も楽しみだ。天使が通る / ブルーベリーソーダ新進女優を発掘・育成するテレビ企画から誕生した７人組アイドルユニットのデビューシングル曲。秋元康氏がかかわる企画もので、いかにも大人がお金をチャリチャリいわせる目的で作られた匂いしかしなくて（ひどい先入観．．．）こういうの全然興味がわかないんだが（メンバーさんには何の悪意もないです．．．）、オジサンホイホイな楽曲に反応してつい載せてしまった．．．80年代角川映画の主題歌を想起させるようなノスタルジックなメロディーは、明らかに「狙った」としか言えないものだが、それでも心の琴線に触れてくるのは日本人の血を騒がせる何かがきっとあるのだろう。会社の飲み会の席で「おれらの若い時はこんなによかった・・・」と語るオジサンには決してなるまいと心に誓っていたのだが、それでもあえて言わせてくれ。80年代の楽曲はほんとによかったんだと。企画もので終わらせてしまうには惜しいユニット。次はあるのかな．．．。Blow Your Mind / AMEFURASSHIスターダストプロモーション所属の４人組アイドルユニット「AMEFURASSHI」が５月にミニアルバム「Coffee」をリリース。「Blow Your Mind」はそのリード曲だ。ラテンっぽいアレンジがはいっていたり、ラップパートがあったり、伸びのあるボーカルで聴かせるパートがあったりと、いろんな要素を詰め込んだ楽しい曲。それでいて曲全体ではおもわず横ノリしてしまうムーディーな雰囲気。これまでも本格的なダンスミュージックをリリースしてきた彼女たちだが、この曲ではさらにカッコよさに磨きがかかっている。アイドル楽曲大賞新人部門まだ海のものとも山のものともわからないんだが、楽曲聴いて「これ好きなやつだわ～」というものをピックアップ。新しいものを探すのは労力いるけど、好きなものに出会えた時のワクワク感があるから、探すのをやめられない。東京都渋谷区宇宙 / 東京妄想地図昨年10月にデビューしたばかりのアイドルユニット。東京妄想地図とかいて「とうきょう・もうそう・まっぷ」と呼ぶらしい。「東京都渋谷区宇宙」はサワソニ主催者としても有名なSAWA氏が作編曲を担当。明るく疾走感のあるメロディーに、原宿系の可愛らしい編曲が楽しい。「東京都渋谷区」という地名に「宇宙」という単語を繋げる斬新さも楽しいね。StepUp! / SweetCherryPepper's沖縄のタレント事務所Color'sから選抜された女の子達で昨年１２月に結成されたアイドルユニット。StepUp! はそのデビュー曲だ。本格的なスカの楽曲に合わせて小中学生の女の子が踊るという斬新さが素晴らしい。可愛らしさとカッコよさの共存にグッときてしまう自分にめっちゃ刺さる曲。今でも十分に仕上がっているけど、３年後くらいにグループとしての円熟味が増したタイミングでもう一度見たいかな～。星屑パラドックス / ガガピエロiLiFE!や夜光性アミューズなどのアイドルを有するimaginateが、今年１月に新たなアイドルユニット「ガガピエロ」を立ち上げ。まだYoutubeにあがっている動画しか見れていないので、正直、楽曲の方向性もメンバーもよく分からんのだが、この曲はイイね。上海STAY TUNE / リれん元「禁断の多数決」で現在ソロで活動を始めているリれんさんが、デビューアルバム「カマトツチ」を2023年6月21日に発売。このブログを執筆している時点ではアルバム公式トレーラーとそのリード曲「上海STAY TUNE」がYoutubeで先行公開されている。いまのところトレーラーを聴いただけだが、これはオレが好きな感じだとすぐにわかるやつ。上海STAY TUNEもめっちゃオレ好みなやつ。以上！
29Apr
- KURUIZAKE CENTER ROAD リリースイベント VOL.6「N」
  KURUIZAKE CENTER ROAD リリースイベント VOL.6「N」日時: 2023.4.29(土) open 10:50 / start 11:05場所: 下北沢 Flowers Loft料金: adv 2,500円 / door 3,100円 (+1D)ブログ読み返したら約１年半ぶりのライブハウス参戦＆ライブレポ。ずっとたのしいたのしい在宅ヲタを満喫してました（つ、つよがり．．．）　ゴールデンウイークは５日間仕事だし、１日くらいなんかそれっぽいことしないとやってらんねぇ～というやさぐれ感で、エイヤッで２日前にチケット購入。ずっと推していた透明写真さんとCUBΣLICをようやく生で見に行くぞと。特に透明写真さんはかなり初期の頃から推していたのだが、なんやかやでぜんぜん現場には行けておらず、こんなタイミングでの現場初デビュー（遅すぎやろ．．．）ひさびさのアイドル現場ということもあり、楽しみ過ぎる。11:20 下北沢到着。駅前はたくさんの若者であふれかえっている。今日は初夏を思わせる陽気。日差しが眩しい。下北沢は結婚する前の嫁さんと25年くらい前によく散策していたスポット。そして下北沢駅周辺が様変わりすぎてしばし道に迷う。Flowers Loftは初めて来るライブハウス。まだできて間もないようでキレイでオシャレだ。入り口から地下に向かう階段を下りたが、受付がどこか分からな過ぎて、階段下のスペースで特典会中のアイドルさんからチラシを受け取りつつ、「あのー受付ってどこですか？」と聞いてしまった。アイドルさん（多分サポメンの方）本当にごめんなさい。ただただ案内させてしまった．．．扉を開けると、夢咲あいりさんが歌唱中。入り口付近で３、４歳くらいのお子さんがステージを見つめている。をーっ、なんか平和っぽい光景がゴールデンウイークっぽい。ざっと見渡すと30～40名程度の集客。ステージと客席が近い。ちなみに、今回のライブ出演者は自分にとっては全員初見。新鮮だ。次のcana÷bissさんは新潟のアイドルさん。楽曲に定評があるとは聞いていたが、みなさんスタイルが良い。そして足がキレイ。後ろでDJしていた小柄の女の子がかわいい。次はいよいよ推しの透明写真さん。ステージ下手の空いている方に移動する。透明写真のお三方が登場。RINさん．．．顔が小さすぎる。１曲目は「花残月」。片足で立つ振り付けに感心。体幹鍛えてるね。自分だときっとフラつく。ここでMC。MIOさんがメインで話し始める。「ゴールデンウイークといえば．．．わくわくするよね」「わくわくになるようにライブ頑張るね」と透明写真さんらしい優等生なトーク。透明写真さんに毒はいらないのだ。２曲目は「Favorite Music」。脇をしめて腕を左右にふる振り付けが可愛すぎる。MIOさんはいつもニコニコ笑顔でキュート。笑った顔が素敵。YUAさんは表情を変えないクールさが魅力。RINさんはやはりダンスの安定感が素晴らしい。きれいな所作が神々しい。つづけて「FROZEN」。ここから照明もアグレッシブになり、低音がぶいぶい鳴り響く。ライブハウスはこの低音が魅力。RINさんもフロアを煽って盛り上げる。いいわー。ひさびさの感覚。これぞライブハウス。最後は「STEP IT」。良曲。ぶちあがります。ステージをはける前に「いま新曲制作中です」と一言告知して終了。ナマ写真、よかった～。（い、言い方．．．）息つく暇なく、続けてCUBΣLICさん。ピコピコなフューチャーベースな楽曲がお好みなやつです。最新曲しかやらないかな～と思っていたが、大好きだった「微レ存ガール」が１曲目にきて歓喜。これはいい曲。自分がアイドル楽曲大賞2020年で投票したやつです。新曲の「Flip-Flop」をはさんで「GET ON THE BOARD」。ステージ上を所せましとはげしく移動する振り付けに気分もあがる。これも好きなんだよな～。小熊りんさんがニコニコしていて、小柄ながらパワフルなのがイイね。次の平野友里さんはライブ巧者。フロアのヲタクに手を挙げさせたり、オイオイさせたりと巧みに誘導して、フロアを盛り上げる。次はSZWARCとして見たいかな～。ラストは本日の主催の狂い咲けセンターロード。王道アイドル系なのかと思っていたのだが、意外とロックで歌い上げる感じの曲でびっくり。13:30 ライブ終了。約２時間のライブはあっという間。心地よい疲労感がいい。特典会は、透明写真さんへ。RINさんのチェキを購入。運営さんに「初めてですか？」と訊かれたので「初めてです」とこたえたら、初回特典で500円引いていただけた。ありがたい。俺　「初めてきました。陰ながら応援はしていたんですが現場は初めてきました」R　「なんて名前ですか？」俺　「ベヴァンといいます」R　「なんかわかるかも．．．猫みたいなアイコン．．．イイネとかくれるよね」完全な在宅ヲタ状態だったが、認識していただけていたようでありがたい。もっと早く現場に来て、お金落とすべきだった．．．（なんそれ）R　「新曲でるんですよ」俺　「また振り付け、やられるんですよね？」R　「もうネタがなくなっているかも」俺　「振り付け、頑張ってください」RINさんならば、また斬新な振り付けを考えてくれるはず。期待してます。RINさん．．．やはり顔が小さすぎる．．．そして可愛い．．．
26Nov
- アイドル楽曲大賞2022
  今年もアイドル楽曲大賞2022に投票した。■メジャー楽曲部門3.0　キリグニア / CYNHN3.0　夢の中に連れてって / 東京女子流1.5　ウォータープルーフ・ナイト / フィロソフィーのダンス1.5　マッシュ・ド・アート / わーすた1.0　Spinning World / Perfume■インディーズ楽曲部門3.0　微熱ソーダ / みいらみさと2.0　Y / 内山結愛2.0　セピア色メモリー / YORUWAKOREKARA1.5　Electric Love / jubilee jubilee1.5　Future Lights / 透明写真次点　04 / WT☆Egret次点　waving / Ringwanderung■アルバム部門3.0ノクターナル / 東京女子流1.5 甘い海 / みいらみさと1.5　04 / WT☆Egret■推し箱部門透明写真上期分の楽曲大賞は「アイドル楽曲大賞2022(上半期)を選んでみた」のブログで書いたので、下半期で良かった楽曲をまとめた。◆2022年(下半期)インディーズアイドル楽曲編微熱ソーダ / みいらみさと３人組アイドルグループ「ゑんら」のメンバーみいらみさとさんが７月にソロアルバム「甘い海」をリリース。このソロアルバムの出来が素晴らしい。なんといってもお気に入りは３曲目に収録されている「微熱ソーダ」。だいたいソーダとかクリームソーダとかがタイトルに入っている楽曲は間違いなく可愛いポップ曲と相場がきまっている（ざっくり）。そして微熱という温度感がなんともいい。情熱とか燃えるような想いとかそういうのは令和時代には暑苦しすぎる。微熱．．．いいよね。そう、ぬるめの燗くらいがちょうどいいのだ（それは八代亜紀。そして古すぎる）。みいらさんのほどよく力を抜いた声もこの曲にあっているし、アレンジも懲りすぎず平凡すぎず自然体なところが好きすぎる。何回聴いても聞き飽きない魅力にあふれた一押し楽曲。アルバム４曲目の「スペキュラティブ」も好き。いずれもアーバンギャルドのおおくぼけいが作詞作曲。こんな繊細な楽曲を作れる方だったんだ。初めて知った。Electric Love / jubilee jubilee昨年発売のEP「虹色ガーランド」でその魅力にすっかりはまってしまったjubilee jubileeさん。タイトルから予想できる通りのエレクトロポップスを8月にリリース。Aメロ～Bメロはゆったりとした進行なのだが、Bメロ終わりの「全部全部まとめて届いて」で２人の声が重なってからのサビへのつながりがたまらんとです。歌詞もアレンジもがあまりにもベタなんだが(失礼！)、あいかちゃん・うめかちゃんの可愛さで違和感なく受け入れられるので全然オッケー。Perfume「ポリリズム」で初めてテクノポップなる音楽に遭遇してはや15年。カワイイとカッコイイの共存は正義だとあらためて再認識。Future Lights / 透明写真紹介できる公式動画も音源もないのだが、11月19日発売のミニアルバム「Future Lights」はいい！どれもキャッチーだし踊れるし楽しい気分になる！楽曲はいいし、メンバーもカワユいし、ダンスも特徴的でかっこいいし、いいとこずくめなんだが、もう少し売り方を工夫してもらえると、より多くの人に届くんだがな～（悲しい）。waving / Ringwanderung昨年発売のアルバム「synchronism」が超絶すばらしすぎて、昨年のアイドル楽曲大賞のアルバム部門では自分は１位に投票したリンワンさん。今年もめっちゃいい曲を出してくれて嬉しすぎる。決して派手さはないんだが、なんかもう聴いていて楽しくならないっすか？いやぜったい楽しくなるやつだよね。サビの振り付けもヲタクにも分かりやすくていい。そしてリンワンさんの魅力といえば５人のメンバーの声質の違い。このwavingもその声質の違いの魅力を１曲の中にぎゅっと詰め込んだ濃密な楽曲。１粒で５度おいしい。アイドルライフスターターパック / iLiFE!コロナ渦で声を出すことが悪とされる世の中になって２年。青春時代のキラキラした期間をコロナ渦で過ごすことになってしまった若者は本当に気の毒としかいいようがないし、その状況を積極的に解決しようとしない大人達には苛立ちしか感じないのだが、この曲はそんな閉塞感を打破する魅力にあふれた一曲。声出しすることを前提に作られた楽曲だから、きっと批判もでるだろう。けど意味なく騒いだり大声を出したり時代の流れに反抗したりするのは、いつの時代でも若者の特権。将来に希望を見つけられずに自ら終わりを選択してしまったり、解決方法が見つけられずに意味なく他人を傷つけたりするのに比べれば、ライブハウスで大声を出し共に踊るなんて、なんて健全なのだろう。（この曲の感想で何を語っているんだ俺．．．）それにしても、あいすちゃん可愛すぎてツラい。passion / 宇佐蔵べにあヴぁんだんど、APOKALIPPPSなどのアイドルメンバーとして活動しつつプロデュースも手掛けるなど多彩な活動をしている宇佐蔵べにさんが、ソロとして初となるシングル「passion」をリリース。自身で作詞を担当し、作編曲はやはりソロで活動を続けていた加納エミリさんが手掛けている。加納エミリ推しの自分としては、他のアイドルさんへの楽曲提供でもよいので、加納さんのちょっとノスタルジックな気分にさせてくれる楽曲が聴けるのは嬉しい限り。この「passion」もあくまでポップでありつつも、どこか哀愁をまとわせたメロディーが切ない。アイドル楽曲大賞のノミネート外となってしまったが11月23日発売のミニアルバム「NEW」も素晴らしい出来栄え。「open mind」や「keep on」もいいし、加納エミリさんが歌唱参加しているRemix版「passion」もいい。半熟 / 馬武萌水関西を中心に活動するセルフプロデュースアイドル馬武萌水さん。正直、ツイッターのフォロワー数も2,000人ちょっとだし、この曲以外のYoutube再生回数は1,000回超えてないのばかりだし、まあいわゆる典型的な地下アイドルさんなわけだが、このYoutube動画再生回数だけはなぜか10,000回を突破している。聴けば納得、これが非常によい。なんということはない日常を切り取った歌詞ながら、閉塞感やモヤモヤ感といった感情を切ないメロディーにのせてうまく表現。これはたくさんの人に聴いてほしい。この感じの楽曲でもう一曲欲しいところ。間に合わない / 鳥 very bird関西を中心に活動する２人組アイドルユニット「鳥 very bird」が、初EPである「焼き鳥」を２月にリリース。その５曲目の「間に合わない」がとてもよい。思わず手をたたきたくなってしまう軽快なリズム感が耳に心地いい。ちょっと舌足らずなボーカルとバックコーラスの対比も絶妙。プロデュースはアイドルグループ「くぴぽ」を手掛ける「まきちゃん」こと服部真希。ユニット名にしてもEPタイトルにしてもヒヨコをモチーフにしたような黄色い衣装にしても、ネタでやっているとしか思えない感じなのだが、それをことごとく裏切る楽曲の良さがすばらしい。ギャップ萌え。uragaeshi / ILIEアイドルグループLADYBABYの元メンバー金子理江ことILIEさんが、７月に1stアルバム「uragaeshi」をリリース。「uragaeshi」はその表題曲だ。ekomsのサクライケンタ氏が全面プロデュースし全曲の作詞作曲編曲を担当しているのだが、ブクガ推しだった自分からすると正直複雑な気持ちだ。なぜならこの曲は本来ブクガが歌っているはずの曲。思い出すなと言われても、どうしてもブクガの影を追ってしまうのだ。ただサクライ氏がILIEさんに過去これまでに提供していた楽曲を聴くと「あえてブクガに寄せない」ような楽曲づくりをしているように思えていて（あくまで個人の主観だが）、やはりブクガとは違う路線でいくんだろうな～と漠然と思っていたのだが、この「uragaeshi」ではいわゆるサクライ節をこれでもかというほど詰め込んだ、100%ブクガ成分でできた楽曲になっている。きっとサクライ氏はこういう曲を作りたくてうずうずしてたんではないだろうか（あくまで個人の主観）。やっぱりこういう曲を作っているサクライ氏が一番生き生きとしている気がするので、もうブクガのことは気にせずに作りたい曲を自由に作ってほしいなと。ただ残念ながらILIEとしての活動は今年の11月をもって活動休止。次にサクライ氏が書く変態曲（失礼！）を歌ってくれるアイドルさんに期待。ペーパームーン / REBEL REBELElectro Funky Soundをコンセプトに2020年に結成されたREBEL REBELさん。これまでまったく知らなかったのだが、自分はこの曲を初めて聴いて刺さった。フラットなボーカルにのっかる透明感のある楽曲アレンジがとてもいい。See you ... / MAGICAL SPEC※See you ...は、3分20秒頃から。2021年に結成された福岡発のアイドルグループMAGICAL SPECが、今年4月に2枚のミニアルバム「Specialnova」「kimberlite」を同時リリース。これがなかなかの出色の出来栄え。九州にまた楽曲派アイドルが爆誕してしまった。自分のお気に入りは「kimberlite」に収録の「See you ...」。気になって調べてみたら、GALETTeや九州女子翼でおなじみ筑田浩志氏の作詞・作曲・編曲。それはよいはずだわ～と納得。愛の衛星 / yumegiwa last girlユレルランドスケープやBuddha TOKYOなどのアイドルグループを有する音楽レーベル「最南端トラックス」所属の６人組アイドルグループ。最南端トラックスさんは音楽性に一癖も二癖もあるアイドルグループを作るよね。この「愛の衛星」もアイドル曲としてはあまりにもアダルトでメロウ。雑多な世間から意識を隔絶し自分の世界に浸りたい夜に聴きたい一曲。NONSENSE WARP/ ダダダムズ2022年1月にTRASH-UP!! RECORDSへの所属とダダダムズへの改名を行った新しいアイドルグループ。ギュウ農フェスでたまたま聴いたこの曲がとても良かったので、後から調べてみたら「NONSENSE WARP」と判明。曲前半のラップパートからの開放感あるサビのメロディーラインが気持ちいい。WAVY BABY/ ジョナゴールドRINGOMUSUME卒業後、シングル曲をばんばん出しまくり精力的なソロ活動を続けている通称Ｊことジョナゴールドさん。自分のお好みはこの「WAVY BABY」。シティーポップなアレンジに軽快なリズム。そこにのるＪさんのきれいな高音。RINGOMUSUME時代から歌姫として活躍しているだけに、純粋に曲の魅力に没入できる安心感がある。今後はアイドルとしてではなくアーティストとして世間一般にも受け入れられると嬉しいなと。Sweetest Revolution / CIRGO GRINCOフィロソフィーのダンスで新しい女性アイドルの形を作り出した加茂Ｐが、今年の４月に新たな女性アイドルグループ「CIRGO GRINCO」を立ち上げ。加茂Pが「様々なジャンルやシーンをシームレスに横断出来る音楽性を持つガールズ・グループを作りたい」とコメントしている通り、全世代に届く音楽性が魅力的。音楽性は一切追求しない代わりにカワイイ娘を並べて大きな集客力を得る地上アイドルと、音楽性を追求する代わりに閉鎖的なムラの中だけでしか楽しめない地下アイドル。そこにはあまりにも超えられない壁が存在してしまっているが、いつかその壁を加茂Pがガツンと壊してくれるのを期待したい。曖昧、愛 / 翡翠キセキ2022年7月にメンバーがごっそりと入れ替わり５人組アイドルグループとして心機一転スタートした翡翠キセキさん。この曲で初めて知ったのだが、古き良きハロプロ楽曲を令和に持ってきたような懐かしさ。ライブで体感したら楽しそう。ホントの自分 / KOMAGOME吉本興業に所属する２人組アイドルユニット。2010年から「こまごめピペット」として活動を開始し、今年の４月に「KOMAGOME」にユニット名を変更。お笑いなのかアイドルなのかよく分からないのだが、見ての通りダンススキルが超絶すごい。こんなユニットがあったなんて今まで知らなかった。今年に入ってからはダンスチューン「ホントの自分」や一度聴き始めたらとまらない中毒曲「やっぱそれなー」を続けてリリース。勢いがとまらない。TUNED! / さよならステイチューンディアステージ所属の５人組アイドル。まったく存在知らなかったんだが、楽曲派ヲタクな方が作成されていたSpotifyリストに入っているのを聴いて、なんかいい曲だな～と思って確認してみたら宮野弦士氏の作曲。相変わらずいい曲作るよな～。Look at me / 疾走クレヨンTask have funの妹グループとして今年６月に結成されたばかりの６人組アイドルグループ「疾走クレヨン」。その初楽曲がこの「Look at me」。新しいのになぜか80年代っぽさを感じる楽曲がオジサンに刺さる。この曲なんかどこかで聴いたことあるような気がするな～と気になっていたのだが、Youtubeのコメント欄に「Take On Me / a-ha」と書かれていて納得。思春期に聴いていた曲がその人の一生の曲の好みを決めるとか言われるけど、この曲を聴いて改めてそう思う。こういうの好きっす。この路線でいってほしいな。◆2022年(下半期)メジャーアイドル楽曲編キリグニア / CYNHN今年５月に新メンバー広瀬みのりさんを加え５人体制となったCYNHNの10枚目のシングル曲。ここ数年はアイドル楽曲大賞の常連として毎年ランキング上位にシングル曲を送り込んできているCYNHNさん。ただ自分にはあまり曲が刺さらず、「歌うまいし可愛いんだけどな～なんか刺さらんな～」といった感じでこれまでなんとなく傍観していたのだが、ようやく10枚目のシングル曲で自分に刺さる曲が来た。はい、これはいい。歌い上げるようなパートもあり、繊細で聴かせるパートもあり、CYNHNメンバーの個性的な声の魅力を十二分に堪能できる。またもう一回と聴きたくなる一曲。今年のアイドル楽曲大賞の最有力曲。夢の中に連れてって / 東京女子流東京女子流さんが今年の8月に6枚目のアルバム「ノクターナル」を発売。なんと約7年ぶりとなるオリジナルアルバムになるというから驚きだ。そしてこの「ノクターナル」の完成度がハンパなく高い。昨年のアイドル楽曲大賞で８位に入った「ストロベリーフロート」を含む全13曲を収録。どの曲もどの曲もイイ！。これは名盤っす。２曲目の「Viva La 恋心」は都会的で洗練された聴かせる名曲。アイドル楽曲大賞で上位にくるのはこの曲で間違いない。５曲目の「コーナーカット・メモリーズ」は楽しさ満載なダンサブルナンバー。つづく６曲目の「夢の中に連れてって」は初めて聴いた時にはぜんぜん刺さらなかったのにこうしてアルバムの真ん中にはいると、洗練されたメロディーに真夜中の静謐な空気感を感じられて素敵すぎる。自分はこの曲を楽曲大賞に投票。そして１０曲目の「フライデーナイト」も再びバリバリなダンスナンバー。無条件に踊りたくなるやつ。みんなが求めていた強い女子流さん、ここに降臨だ。マッシュ・ド・アート / わーすたわーすたももう８年目とかなんですね。もちろんグループ名だけは知っていたのだが、自分は「リア充してそう」という感じのメジャー系のアイドルグループに興味がないので、これまでも完全スルーしていたのだが、この曲はいい。作曲者の田中秀和氏は、ゲーム「アイドルマスターシンデレラガールズ」やアニメ「アイカツ！」などの楽曲を手掛けるイマドキの作曲家。ハイレベルなものを常に要求するアニヲタを満足させ続けるのはほんとうに大変なはずなので、そういう世界で生き残ってこれた田中氏の楽曲は洗練されていてかつ個性的で耳に残る。この曲も今すぐにでも音楽リズムゲームに仕立て上げられそうなキャチーでポップ感満載な楽しい楽曲だ。ただ残念ながら、田中秀和氏が今年の10月に強制わいせつ未遂で逮捕されるという衝撃のニュースが．．．。惜しい、惜しすぎる。二次元アイドルから三次元アイドルへの逆輸入(?)な楽曲提供がとても刺激的だっただけに、こんなことで水を差されてしまったのが悔しい。Spinning World / Perfume自分を女性アイドルヲタクへの道にいざなったのは間違いなくPerfumeさんなのだが、一般大衆化してしまったPerfumeにときめかなくなってしまってずいぶんと年月が経ってしまった。でもやっぱり中田ヤスタカ氏が作る音は、他と比べるとやっぱり一味違う。なんていうんだろう。一音一音がシンプルでクリアで、それらが重なりあっても決して交じり合わないんだよな。相変わらずいい音作るよ、ヤスタカは。ひさびさに自分の中のPerfumeらしさ全開の良曲。こういう音を求めてたんすよ。◆2022年(下半期)なんか気になった楽曲編アイドルさんではないが今年気になった楽曲を紹介。ソーダポップ / トナリノサティ嘴音杏さんの囁くようなボーカルに、婦人俱楽部などにも楽曲参加している荒井亮介さんのフルートがとにかく癒される。歌詞のかわゆさ、メロディーの軽快さ、すべてが心地よい。音のマイナスイオンを浴びたい方にお勧め。QUESTION / シロクロミーアキャットAYAKAとSUGIYAMAの2⼈組POPSユニット。クールなアレンジに絡みつくようなAYAKAさんの粘っこいボーカルがカッコいい。聴くだけで自分自身が映画の主人公になったような錯覚に陥る。自己肯定感を保ち続けたい方にお勧め。都会の森 / CHiLi GiRL三味線奏者でありシンガーソングライターの川嶋志乃舞さんのソロプロジェクトCHiLi Girlが、今年６月にアルバム「MEBAE」をリリース。その１曲目がこの「都会の森」。爽やかなシティポップサウンドに、スパイスのように散りばめられる三味線の乾いた音がとても楽しい。伸びやかな川嶋さんのボーカルも魅力的。まさに森の中にいるような心地よさを感じられる一曲。以上。
04Jun
- アイドル楽曲大賞2022(上半期)を選んでみた
  2022年もあっという間にもう６月。というわけで恒例のアイドル楽曲大賞2022(上半期)を選んでみた。対象期間は2021/12月～2022/5月。アイドル楽曲大賞 2022年上半期編Y / 内山結愛アイドルグループRAYのメンバー内山結愛の初ソロ曲。作詞作曲は気鋭の若手アーティスト諭吉佳作/men。イントロからまず度肝を抜かれる。ちょっと普通じゃない(褒めてる)。常人の感性では思い浮かばない不穏なメロディーが続く。聴いているうちにどこか非日常的な空間に連れていかれる。そんな不思議な感覚に襲われる。一度聴いたらまた聴きたくなる。中毒性のある楽曲だ。南波一海氏のアイドル三十六房 R-グランプリ2021では4位に選出。吉田豪が選ぶ2021年の年間ベストソングにも選出されている。内山さんといえばアルバムレビューを定期的に書いたり一日一アルバムと称してTwitterで毎日感想を書き込むなど、知的で真面目そして努力家というイメージ。アイドルにしておくのはなんかもったいない人材。残念ながら個人的にはRAYの楽曲があまりささらないので（ごめんなさい）、内山さんには時々こんな感じでソロ曲を出していただきたいなと。（ちなみにクラウドファンディングで資金調達して作られた本曲。リターンのCD-R発送が2021年11月30日頃らしいので、もしかすると厳密には2022年の楽曲大賞にいれてはいけないかもしれないけど、まぁ細かいことはいいよねぇ）アップルストアーはりんご屋です / アルプスおとめRINGOMUSUMEの妹グループにあたる４人組アイドルグループ。まずMVに日本語歌詞が丁寧に表示されるのだが、何を歌っているのか全然意味がわからない。いや歌詞が表示されてるんだからさすがに意味わかるだろって話なんだが、本当に全然わからない。これはMV見れば一目瞭然。ちなみにネット探すとファンの方が津軽弁解説をされているので、それでなんとか意味をできる（津軽弁むずかしすぎるｗ）そして何と言っても特筆なのは一度聴いたら頭から離れないサビのメロディー。この中毒性はなんなん。インパクトがハンパないです。多田さん恐るべし。さてこの楽曲はまだ彼女たちがアルプスおとめだった時期にリリースされたのだが、現在は前RINGOMUSUMEメンバーが全員卒業したことをうけて、今年の４月からは４人のメンバーがそのまま新生RINGOMUSUMEとして活動を開始。いまや日本で最も知名度の高いローカルアイドルグループなだけに今後の期待度は大。セピア色メモリー / YORUWAKOREKARA残念ながら今年の２月で解散となってしまったヨルコレさんのラストシングル「what do u think?」のカップリング曲。作詞は元EspeciaのHALLCAさん。宇多丸さんも某ラジオで絶賛していた名曲。ヨルコレさんは本当によい楽曲ばかりだったので解散は残念。楽曲がよくても売れないと続けられないんだよな。悲しい。メロウな曲調ながらサビの「Stand up。Stand up。ここにはいつまでもいられないでしょ」という前向きな歌詞が救い。ちょっと気持ちが沈んでいるときに聴くと、癒され、そして少しだけ前向きになれる１曲。ちなみにHALLCAさんが定期的におこなっているYoutube Liveでは、HALLCAさんによるセルフカバー版セピア色メモリーを聴くことができるし、その中のMCでこの曲のエピソードをすこしだけ知ることもできる。ぜひ今後セルフカバー音源を出してもらって、この曲を歌い継いでほしいなと。04 / WT☆Egret兵庫県姫路市のローカルアイドルWT☆Egretが、2021年12月から始めた6ヶ月連続新曲発表企画の1曲目。それにしても、昨年から自分の中のWT☆Egret旋風がとまらない。出す曲出す曲みんないいんだよね。グサグサ刺ささりまくる。この04もめっちゃいい。「どうして～どうして～」の情感あふれる歌い方が自分のツボを押しまくる。作詞作曲をされているynz@Schloderさんは他のアイドルさんにも楽曲提供しているのだが、なぜか自分に刺さるのはWT☆Egretさんの楽曲だけ。どうしてなんだろう。楽曲とアイドルさんの相性ってやっぱあるのかな。花残月 / 透明写真昨年自分の中で絶対的な名曲となった「FIRE」をリリースした透明写真さんが、今年３月に2ndミニアルバムをリリース。花残月はその表題曲だ。中華系の伝統音楽のように始まるイントロが面白い。透明写真の楽曲を担当しているRINさんもこの曲のサビにカンフーをイメージした振り付けをあてたらしい。バキバキなサウンドなのにメンバーの２人がともに癒し系というこのギャップ。そしてなにより定期的に楽曲をリリースしてくれるのが嬉しい。結成１年目で初となるワンマンライブも成功し、６月からは新メンバーを迎え入れて３名体制にリニューアル。さらなる飛躍が期待できそう。under the moon / nuanceみおさん脱退の影響もあり2021年は音源をだせていなかったヌュアンスが約１年半ぶりにアルバムを２枚リリース。アルバム曲でどれを推すといったらやはりこの「under the moon」しかない。Bメロから徐々に盛り上がってからのサビのunder the moon。そしてラストのエレピソロがエモすぎる。ヌュにはやはりこういうクールでスタイリッシュな曲が似合う。今年の４月からは大文字NUANCEとして５人メンバーで再始動。７月には過去音源をリテイクしたアルバムをリリース予定とのことでヌュの勢いはさらに加速しそうだ。星の栞 / まちだガールズ・クワイア今年１月にリリースされた２枚目のオリジナルアルバム「オリオン座流星群」の完成度が素晴らしい。サブスク配信全盛でアルバムを発売する意味がもうなくなってしまっている世の中だが、それでもなおアルバムを出すとしたらこういう形式だよね、というコンセプトの統一された楽曲群に感動。既に2021年にシングルリリースされている楽曲を除いたうえで自分のお気に入りは何かと問われれば、一番に推したいのはこの「星の栞」。メロウなメロディーに透明感のあるボーカル。宇宙空間を感じさせる奥行き感のあるアレンジ。目を閉じると無重力空間に放り込まれたような浮遊感に包まれる。心がざわついた時に聴きたい癒し曲ナンバー１。SUMMER BREEZE / WAY WAVE圧倒的な歌唱力とハーモニーでファンを魅了する小池姉妹が3rdアルバム「VENUS STEP」を2021年12月にリリース。SUMMER BREEZEはその収録曲だ。小池杏奈と優奈の2人が、アルバム「VENUS STEP」に収録されている曲の作詞や作曲の多くを手掛けており、この「SUMMER BREEZE」の作詞もWAY WAVE名義で書かれている。ちなみに作曲・編曲はアイドル楽曲を数多く提供している吉田哲人、長谷泰宏の名コンビ。WAY WAVEの曲はとにかく陽気でご機嫌だ。夏の空と海がよく似合う。そしてファンキーでグルーヴィー。聴く人を必ず楽しい気分にさせてくれる一曲だ。Steppin' / 加納エミリしばらくの休養を経てリフレッシュした加納エミリさんが届ける極上のポップチューン。インドネシア出身ながら日本のシティポップに強く影響されたバンドグループIKKUBARUが全面プロデュース。イントロが流れた瞬間になんか懐かしさで涙がでそうになる。オジサマ世代にとっては青春時代の郷愁を感じさせるような80年代風アレンジ。加納さんのこれまでの楽曲スタイルにもあっていて良い。新しいのに懐かしい。オジサマ世代は聴いて損なし。輝き in my love / 文坂なの大阪を拠点に活動するフリーランスのソロアイドル文坂なのさんの３枚目のシングル曲。作曲・編曲は「フィロソフィーのダンス」楽曲で名を馳せた宮野弦士氏。やっぱり宮野さんさすがだわ～と言わしめる王道ポップス。音がキラキラと舞って空間を浮遊しているのが目視できるレベルっす。なんかフリーランスで自己プロデュースで頑張ってると聞いてしまうと応援したくなるよね。昭和アイドルをリスペクトしているということで、昔ながらのアイドルがお好みの方は絶対好きになるやつ。PINK / 桐生ちあり2021年末に「日常」「生活」の２つのアルバムを同時リリースした桐生ちありさん。PINKはアルバム「日常」の６曲目に収録。ちありさんは声が好きなんですよね。1音1音がとてもクリアなのに無機質ではなく、すぱーんときれいな高音なのに金属的な嫌味がない。PINKはそんなちありさんの魅力あふれる声を堪能できる１曲。アルバム「日常」の１曲目にはMVが話題になった「東京」も収録。完成度の高いアルバムだ。STELLA / FAREWELL, MY L.u.v高い楽曲レベルで世の楽曲派ヲタクをうならせてきたフェアラブが、金津美月、ゆいかというリアル姉妹を迎え入れて2人体制で再始動。STELLAは新体制初のシングル曲だ。いや～最初から最後までかっこいい。フェアラブさんの楽曲は裏切らん。サビのSTELLAの発音が「んてら～」って聴こえるのがお気に入り。フェアラブの素晴らしい過去曲を歌い継いでくれるのはとにかく嬉しい限りなので、とにかく長く続いてほしいぞと。日常茶飯事 / ユレルランドスケープエモーショナルシティポップといううたい文句で活動を続けていたユレルランドスケープさんが、今年の４月から体制を入れ替え第二章としてリスタート。それに先駆ける形で今年の２月に初アルバム「Deadline」をリリース。本曲はその６曲目に収録されている。正直ユレルラさんの楽曲は自分にはあまり刺さらないんだが（ごめんなさい）、この曲はイイ。アレンジがお気にいり。サビの「フフッて笑っているぅーうーっ」がなんか好きなんだな。AZARASHI / special cheese menuひたすら単調なリズムを繰り返すことでトランス状態を作り出したりするのは民族音楽なんかでよく使われる手法だが、これはまさにそれ。こういうアプローチは初めてだわ。新鮮。しかもそれをアイドルに歌わせるとは。チャレンジングぅ。歌詞もシュール。「水道の水でもなんとか海だと思い込む」とかシュールすぎる。このあざらし以外にもアルパカやクマなんかもいて、同じように単調なリズムが延々と続く。アルパカも一度聴き始めるとやめられなくなる。Chuってしたい。ぜひ楽曲数をそろえてアルバム「動物園」を作ってくれ。TEST / RAYこのブログの冒頭で「個人的にはRAYの楽曲があまりささらない」とか言っているその舌の根も乾かぬうちにこの曲を楽曲大賞候補にピックアップ。（どういうこと？）いや個人的にシューゲが苦手なだけで、別にRAYさんが苦手なわけではないので。イントロ終わりのエレクトロな「てすとぅ」がカッコええ。あとドライ感のあるドラムも好きかも。ちなみに、このTESTが収録されている2ndアルバム「Green」の魅力は、RAYメンバー内山結愛さん本人による渾身のセルフアルバムレビュー「【特別編】RAYの『Green』を聴いてみた編」ですべて語られているので興味のある方はぜひ一読を。ただこの素晴らしいアルバムをリリースしたのも束の間、メンバー離脱が相次ぎ、今年の７月で現体制は終了。まさにこれからと思っていたところだけに残念さしかない。今年後半には新メンバーを加えて第２期がスタート予定。今のコンセプトを貫き通し続ければファンは離れないはず。復活を期待したい。begin again / iiyu愛媛のご当地アイドル・ひめキュンフルーツ缶の元メンバー３名で活動していたTRISIGNALが、今年３月から2人組ユニットiiyuとして再始動。楽曲も落ち着きのあるシティポップ路線に切り替えている。この曲はiiyu活動開始の第一弾シングル。MVのイメージ通り、都会の夜がよく似合うスタイリッシュな楽曲だ。しかもここから毎月立て続けにリリースされる楽曲が、どれも安心して聴ける良曲。素晴らしい。全盛期のひめキュンはロック調の楽曲がほとんどで自分はまったく追いかけておらずTRISIGNAL時代もノーマークだったのだが、iiyuはこれから注目しておきたいユニットの一つになった。（それにしても、かつてドロシー・Negicco・ひめキュン・LinQの４組でロコドル四天王とか呼ばれていた時代が懐かしい）blueberry jam / トキメキANARCHYとりあえずYoutube動画で見つけたんだが、トキメキANARCHYさんの情報が少なすぎてよくわからんとです。ただドラムとエレピとクラップ音が気持ちいいので永遠に聴けるやつ。まだライブ活動も頻繁にされていないようなので古参目指したい方は今がオススメ。ふわふわDear My ... / 宙乃あおい from とちおとめ25栃木のローカルアイドル「とちおとめ25」メンバー宙乃あおいさんのソロ楽曲。正直とちおとめさんはこれまでノーマークだったのだが、一昔前っぽい王道アイドル楽曲にちょっとつたないボーカルが可愛すぎて楽曲大賞候補にピックアップ。今年の２月にはタイトル曲を含む全６曲のミニアルバムも発売。圧倒的なビジュアルのよさもあって今後ファンも増えそう。ぜひ継続して楽曲だしてほしい。ウォータープルーフ・ナイト / フィロソフィーのダンスハロプロ楽曲を数多く作詞している児玉雨子さんが初めて作詞・作曲の両方を担当したというポップな曲。2000年代の渋谷を舞台とした懐かしさ溢れる言葉でつづられている詞が面白い。アレンジもいい。この曲は、おとはすのアニメ声がないと成立しない曲なんだが、そのおとはすも今年でグループを卒業予定。フィロのスの魅力は４人４様の声だっただけに、今後新たに中途採用(？)されるメンバーの声色が気になるところだ。アイドル楽曲大賞　スウィングジャズ編いやーなんか昨年くらいから、やたらスウィングジャズっぽい楽曲が流行ってないですか。楽しいですよね。ノレますよね。閉塞感のある世の中にはこういう曲が求められるんですよ。ええじゃないか、ええじゃないか。そんなわけで2021年末から今までにリリースされたスウィングジャズ楽曲を大特集。Escape to night radio / クレイビットエレクトロスウィング系アイドルといううたい文句で活動中のクレイビットさん。その名に恥じず一貫してスウィングアレンジの楽曲をリリース。本曲は今年２月から４週連続で配信リリースされた楽曲の１曲目になる。自分はぜんぜんリズム感もないし体力もないけど思わずステップを踏んでしまいたくなる楽曲の魔力。無条件に楽しくなるのってスゴイ。声出しできないご時世だからこそ、手や足でリズムにノれる曲は貴重。マブタ、ロマンティクス。 / Chick-flick昨年12月にデビューライブを開催したアイドルグループ「Chick-flick」のファーストシングル。2021/11/14リリース。(なので残念ながら今年の楽曲大賞には入れられず)童話のようなドーリーな世界感とジャズ楽曲が絶妙にマッチ。思わず体が動いてしまう。落ち込んでいる時でも必ず明るくなれる１曲。今年の2月にデジタルリリースされたアルバム「episode Ⅰ」もジャズテイスト曲を並べたまとまりのある良盤。なんかそれっぽいPrologueもステキすぎる。ナブルナブルナブル / 美味しい曖昧今年２月に発売された「曖昧なシングル2」収録曲。アイドル楽曲大賞2021アルバム部門で４位となった「曖昧なアルバム1」ではロック調の楽曲がほとんどだったのだが、この「曖昧なシングル2」では少し方向性を変えているようだ。「ナブルナブルナブル」もこれまでにはなかったスウィングジャズアレンジの楽曲。繰り返される「タッタラタッタッタ～」というフレーズが耳から離れず、また聴きたくなってしまう中毒性のある曲。Devil's trumpet. /I to U $CREAMing!!セルフプロデュースで活動している２人組アイドル。これまではロック調の曲が多かったようだが、このDevil's trumpet.ではジャズテイストな曲に挑戦。2022年4月2日にCD-R限定でリリースされたが、Live映像がYoutubeにアップされたことで在宅派の自分にも発見できた。曲前半は管楽器をメインにしたスウィングジャズ調なのだが、とつぜん三拍子(ワルツ)になってみたり、曲後半はピアノとドラムベースの曲調に変わったりと色々てんこ盛りな面白い曲。先ほど紹介したChick-flickメンバー環木あんずさんが振り付けを担当しているというのも興味深い。アイドル楽曲大賞2021に入れたかった編アイドル楽曲大賞2021の投票期間最終月である2021年11月になぜか自分にグサグサ刺さりまくる楽曲がいくつもリリースされていて、「ぐぁーっ、もう１ケ月はやくリリースしてくれたら気づけたのに～投票できたのにぃ～」という後悔にずっとさいなまれていたのでこのブログで供養する（しくしく）。虹色ガーランド / jubilee jubilee山陰地方を拠点として活動している２人組アイドル「jubilee jubilee」が昨年末に３曲入りEP「虹色ガーランド」を発売。このEPに収録された３曲がいずれも楽曲レベル最高超絶マックスという、とんでもなくスゴイ盤だ。白眉は２曲目の「Lonely Sunday Night」。イントロからぐっとハートを掴まれるのだが、何と言っても２番Ｂメロからの転調～落ちサビ～大サビにつながる流れが好きすぎる。何ですかこれは神曲ですか。もう何回も繰り返し聴いていて、「ああ、つぎ来る、つぎ来る」と分かっていても毎回エモい気持ちになるのはなぜ？１日に１回は聴きたくなってしまう。やめられないとまらないかっぱえびせん曲（意味わからん）。あと１ケ月早くリリースしてくれれば、間違いなく昨年の楽曲大賞に投票していたのに。どうして2021年11月24日とかいう中途半端なタイミングでリリースするかなぁ。リリース時期をあともう１ケ月早くするか遅くしてほしかった。（そして「Lonely Sunday Night」もMV作ってくれないかな～もっと世間に知られるべき名曲）Paradise Gate / HALLCAHALLCAこと元Especiaリーダー冨永悠香さんが、2年ぶりのセカンドアルバム「PARADISE GATE」を2021年11月24日にリリース。この曲はその表題曲にあたる。強いな～、この曲。このキラキラ感と弾けるようなノリの良さ。めっちゃイイ。インタビュー記事を読むと、東新レゾナント氏がトラックを先行して作り、それに冨永さんがメロと歌詞を付けたらしい。そういう曲の作り方もあるんだなと。なんといっても冨永さんの強みは自分で作詞・作曲できてしまうこと。しかもこんなオサレ曲を自分で作詞・作曲できてしまうとか天才じゃないですか。そしてアルバムの６曲目「Spiral」も超絶カッコイイ。なんすかこのカッコよさ。気分が落ちたときには必ずこれを聴いて気分をあげてる。それにしても、あと１ケ月早くリリースしてくれれば、間違いなく昨年の楽曲大賞に投票していたのに。どうして2021年11月24日とかいう中途半端なタイミングでリリースするかなぁ。リリース時期をあともう１ケ月早くするか遅くしてほしかった。（デジャブ感．．．）消せない・・・ / IDOLATERCAPSULEやきゃりーぱみゅぱみゅで有名なアソビシステム所属のアイドルグループ。これまでの楽曲はアソビシステムっぽいカッコいいアレンジで、たしかに悪くはなかったのだが、いまひとつアイドルというフォーマットにハマっておらず、ちぐはぐ感が否めなかった。だがこの「消せない・・・」はカッコいいアレンジも残しつつ、アイドル曲としてきちんと成立していてとても良い。伏木さんの伸びのある声色もいい。今年４月からは新メンバー２名を加えた５名体制となり、アイドルグループ路線がさらに強まり、伸びていく予感しかない。それにしても、あと１ケ月早くリリースしてくれれば、間違いなく昨年の楽曲大賞に投票していたのに。どうして2021年11月16日とかいう中途半端なタイミングでリリースするかなぁ。リリース時期をあともう１ケ月早くするか遅くしてほしかった。（デジャブ感．．．） again / re:miew 桐生ちあり、しののめしなの、ねねひるね、琴海りお、椋本真叶という、いずれも過去にアイドルグループに所属していたメンバーが期間限定で「re:miew」を結成。 2021年8月15日にCD-Rで６曲入りのミニアルバムをリリース。この曲はその５曲目にあたる。聴いた瞬間に小西康陽アンセムとわかるアレンジなのだが、分かっていてもやっぱり好きなやつ。聴くだけで気持ちが明るくなるし楽しい気分になれる。ほんとは去年のうちに気づいておくべきだったのだが見落としてた。無念。以上！
12Dec
- nuance oneman tour「tohit ed」名古屋公演
  nuance oneman tour「tohit ed」名古屋公演日時: 2021.12.10(金) open 18:30 / start 19:00場所: 名古屋 electric ladyland料金: adv 4,000円 / door 4,500円 (+1D)みおちゃんのヌュアンス脱退のお知らせはやっぱりショックだった。なんの根拠もないのだがヌュアンスはそういうものとは無関係なんだと漠然と感じていた。なので本当に驚いた。みおちゃんはメンバー最年少だったし、まさかという感じだった。そして2021年12月の現体制ラストワンマンツアーが最後になると聞いて、とても寂しい気持ちになった。家庭の事情もありここ２年間ほどは自分はアイドル現場に一切行けなくなってしまっていた。ヌュアンスのライブも昨年1月に名古屋で見たのが最後だ。なのでこのまま今の４人のライブを見ることなく、みおちゃんとはお別れかな、とあきらめの境地にいた。ところが名古屋にいる上司から「じゃあ木曜日に名古屋来るか？」という一言で状況が一気に変わる。一年ぶりの名古屋か～。なに食べるかな～。どうっすかな～。あれっ。もしかして金曜日ってヌュのライブあるじゃん。まじっ。まじかよっ。行けるじゃん。「あの～、木曜日遅いんで宿泊してっていいですか？」「いいよ」「あ、ありがとうございます」（歓喜）ということでライブ４日前にチケット購入。これはもうヌュアンス現体制ラストライブをしかと見届けてライブレポを書けという神の思し召しなんだろ～な～（と勝手に解釈した）～～～～～～～そんなこんなでライブ当日。18:35 大須観音駅到着名古屋E.L.Lに着くともう入場が始まっていた。自分はチケットを取ったのが遅かったので入いる順番はほぼ最後のほうだ。会場に入いると、フロアにパイプ椅子がずらりと並べられている。１列が10～15脚ほどでそれが６列。100席あるかないかといったところか。すでに椅子のほとんどは埋まっていたので、下手側端っこに近い４列目に座る。物販列がパイプ椅子の間を縫うように長く伸びている。自分も上着をパイプ椅子に置いて物販列に並ぶ。藤崎Pが「物販は18時55分までになります」と声をかけているので、前物販では購入できないかなと一瞬思ったが、自分も含めて物販列に並んだ方はほぼ時間内に購入できたようだ。チェキ券２枚とこの日から発売開始された「last a way」のCD-Rを購入する。あらためて椅子に座って会場を見渡す。公式ツイッターやメンバーが頻繁に告知していたので、どのくらい埋まるかなと心配していたのだが下手側の数席を残してほぼ椅子は埋まっている。高い天井。雑然とした後方のＰＡ卓。ざわざわとしたフロア。ひさびさのライブハウスの空間が懐かしい。そしてステージには既にいつもの白い椅子が４脚。19:06 開演照明が落とされ、SE曲「town」が流れはじめる。ほの暗いステージに、メンバーがひとりずつ神妙な面持ちで歩きでてくる。座っていた観客がゆっくりと立ち上がる。M1 ナナイロナミダtownの物静かな曲調から一転、アイドル感満載の曲でスタート。その音量の大きさにちょっと驚く。４人の声が直接身体にぶつかってくるようだ。メンバー４人がジェスチャーで観客にクラップを呼びかける。応えるように観客も全力のクラップ。わかちゃんが「いいね」というように軽くサムアップする。かっけー。珠理ちゃんが「てんさい！」と声を上げる。今日はみおちゃんデザインの赤衣装。きれいなフォルムがステージに映える。M2 I know powermisakiさんが(サビを)「いっしょに踊って」と呼びかける。けど、I know power、簡単そうに見えてけっこう難しいんだよね。振りコピしようとするが、ひとりわちゃわちゃしてしまう。がしかし、misakiさんは「まだおどれる～」「全員おどって～」と手をゆるめない。フロア内でも振りコピする人が増えて会場がほどよく温まる。M3 青春の疑問符初期曲。通常のライブではなかなか見られないレア曲。「会いに会いにいきたい～」で前方指さしする振り付けがいいよね。メンバーもリラックスした感じの笑顔をみせる。M4 悲しみダンス明るく朗らかな曲から一転、ステージ上が赤いライトで照らされ、大人っぽい妖しい雰囲気に包まれる。以前聴いた時はちょっと不安定な感じがしたけど、今日はメンバーみんな「聴かせて」くる。いいよ、いいよ。M5 ゆれてみて赤い照明から今度は青い照明へ。ステージが透き通るような水の中をたゆたうような空間に変貌する。そしてスピーカーから放たれる低音がハンパない。パイプ椅子が低周波でびりびりと鳴っている(気がする)。そしておなかにズンズンと響くようなこの感覚。ここで初めて椅子登場。４人がそれぞれ別々の方向を見ながら日常生活を切り取ったかのようなパントマイムをするこの曲。自分はけっこう好きなのだ。M6 Love chocolate?もう何回聴いただろうかというほど、初期から何回も聴いているラブチョコ。けど今日のラブチョコはとにかくメンバーがリラックスした感じで、それでいて自信をもって歌っている。「やっぱりなんかもうプロだよな～」と感慨深い気持ちでステージを見やる。（MC）misakiさんから自己紹介。misaki　「本日は現体制ラストワンマンライブにお越しいただきありがとうございました」misakiさんが「ところで．．．」と言葉をつなぐ。「今日はお客さん、調子いいよね？すごい、踊るよね？」わか　「(すごく踊るから) 笑っちゃった」今日の名古屋のお客さんは、かなり激しく踊っているらしいｗここで珠理ちゃんが「サビのところ間違えっちゃった～」と唐突に話し始める。「せーのと言おうと思ったのに、言えなくて．．．あーーってなった。」misaki　「お客さん(のダンス)に圧倒された」珠理　「ダンスチームだよ」misakiさんがみおさんに向かって「(フロアの)ダンスチーム、どう？」と訊く。みお　「えーっ．．．ごまかすのが上手い．．．」わか　「まあ、うちらも(ダンス)ごまかしてるけどね」misaki　「あー、わたしたち？」わか　「そうそう」みお　「それはダメ」misaki　「ごめんなさい。じゃあもしごまかしたら、今日やったな！ってLINEして．．．おまえ今日やったなって」misaki　「うちらはごまかさないけど、(フロアの)みんなはごまかしていいから」わか　「これ、大阪～東京ってダンスじょうずになっていくかも」珠理　「(ツアー最終日の) 15日になったらどうする？」珠理ちゃんが「こんなふうにうまく．．．」と激しいダンスのジェスチャーを見せて笑いをとりにいく。misaki　「もう名古屋ダンスチームだね」わかちゃんが「４人でやるの最後の曲とかもあるけどどう？．．．MISIAは？」とmisakiさんに話をふる。misaki　「最近、MISIAって言われてる．．．けどこの前『ユア、エヴリシンーーーグ』って歌ったら誰も突っこまないし」わか　「昨日テレビつけたらMISIAがめっちゃ歌ってて、(メンバーに)LINE送っちゃった．．．テレビ見て『ミーシャ！』って叫んじゃった」わか　「(misakiさんは) 最近いろんな呼び名で呼ばれているよね」misaki　「みーちゃん．．．みっちゃん．．．みんなに呼び名を教えちゃったね」いやー。MCおもろいなー。こんなおもろかったっけｗとても現体制ラストワンマンとは思えないリラックス感。(褒めてる)楽屋でもこんな感じなんだろーなーと思わせるこういうわちゃわちゃ感がいいよね。思い起こせば、自分が初めて生でヌュアンスを観た2018年1月の「ヌュマ vol.4」もこんな感じだった。約４年前だ。その時の観客数は26人。吉田町Lilyの狭い空間で４人の女の子が百人一首を楽しんでいるのをオジサンたちが見守るという不思議な会だった。あれからファンの数も増え、ライブする会場規模も大きくなり、アイドルグループとしての経験年数も中堅の立ち位置にはなっているが、この４人の気負わないわちゃわちゃ感は変わってないよなーと思った。ここから中盤戦へ。ステージ前方に４脚の椅子を並べて、メンバーが座って歌い始める。M7 たそがれM8 ブリキの街メンバー４人にスポットライトがあたりしっとりと歌いあげるたそがれ。ピンク色の照明が色っぽさを醸し出すブリキの街。本当ならここで観客も座って聴いてもよかったのだろうが、座るきっかけを失ってしまうほど曲に聞き惚れる。M9 シャララシャララヌュアンス結成時に作られた初めての曲。昔を思い出しておもわずイントロで「うーっ、いえいっ」と声でそうになったｗソロパートで天井からあたるスポットライトに照らされたみおちゃんが神々しい。M10 ハーバームーンM11 テキーラサンライズM12 KaMoMe自分の中では、中盤のこの３曲が今日のライブのハイライト。可愛いアイドルが可愛い曲を歌うのよりも、可愛いアイドルがカッコいい曲を歌うのが好きなんだと再認識。テキーラサンライズの照明もカッコよかった。M13 サーカスの来ない街イントロなった瞬間にフロアから拍手が。自分も含めてこの曲には根強いファンは多い (と思う)。珠理ちゃんの「トゥルトゥトゥー」最高。（MC）misaki　「ダンススタジオ名古屋のみんな～」misaki　「ハーバームーン(のダンス)にもチャレンジしてたの見てたよ」わか　「チャレンジだよね」misaki　「(メンバーのみんなには)休みつつ、水を飲みつつ、告知しつつ．．．」わか　「Ｔシャツもう着てくれてる～．．．今日から新登場」背中にプリントされた図案を指さしながら「ここだけ私が書いた．．．」珠理ちゃんが「よっ、二級建築士！」と片手を口にあてて声をあげる。misaki　「最近なんでも、それ言うよね」しばらく間、珠理ちゃんが「よっ、二級建築士！」を連呼する。わか　「えー、ほんとにそれ褒めてる？」珠理　「あと、DVDも発売になってます」わか　「私たちも(パッケージを)初めて見た」珠理　「あと、CD-Rも」わか　「うちらが組み立てたんだよね．．．包んで．．．CD入れてって．．．サイン入り」misaki　「それからMISIAから初だし情報があります！」misakiさんがフロアを見渡す。「みんなの盛り上がりが足りないな～」とつぶやく。盛り上げを強制するミサキサン。misaki　「LUSHの時、煽りやったよね」珠理　「YOASOBIのライブでやってたの」misaki　「YOASOBIのライブ行ったんだっけ？」珠理　「抽選はずれたの～」床に倒れ込む珠理ちゃん。misaki　「そこまで落ちる？」珠理　「何列目～って言うの」misaki　「何列目～って言ったら、拍手して」珠理　「５列目～！」５列目のお客さんが、パチパチと拍手する。misakiさん、わかさん、珠理さんが「みお、やりなよ～」とみおちゃんを促す。みお　「どこ(の列)まであるの？」misaki　「あんまりいくと、藤崎さんになっちゃうから (ダメ)」珠理　「やっときな」がなかなかやらないところが、みおちゃんのみおちゃんたる所以ｗわか　「じゃあ、下手～」一瞬、間をおいて、下手側の人が拍手する。いきなり変化球むずい。misaki　「下手～」misaki　「全員～」フロア全員で拍手がなる。ここでそろそろといった感じでmisakiさんが告知。「KT ZeppYokohamaとluxury nuanceのライブ音源を発売しまーす」おおっと拍手がおこる。misaki　「(拍手の)お膳立て．．．盛り上がったね」ここでみおちゃんがライブ後半戦に向けて、フロア中央にすっと立つ。・・・が急に後ろを向いてしまう。みおちゃんが「次の曲を聴いてください．．．でいいんだよね？」とmisakiさんに話しかける。わか　「ガンツ！」珠理　「ガンツ！」misaki　「ガンツ！自信もって」急に弱気になるみおちゃんに突っ込むお姉さまがた３人。(笑)わか　「最近、ガンツって呼んでる．．．(ボブに)髪切って、よけいにガンツみたいになった」すーっと深呼吸したみおちゃんがあらためて、後半戦のアナウンス。「それでは次の曲、聴いてください」M14 tomodachitomodachiは声出せないのツライよな～。オレモ～って叫びたい。M15 セツナシンドロームヌュアンスをヌュアンスたらしめた初期の名曲。この曲からすべてが始まったといっても過言ではない。メンバーがみんな笑顔で歌っていて眩しい。M16 sekisyo対バンするアイドルさんにも人気の高い曲。フロアのクラップもよく合っている。わかちゃんが「ラストスパート、みなさん楽しみましょう」と観客を煽る。M17 last a waylast a wayはエモいよね。misakiさんの高速フロア移動がすばらしいｗM18 sanzanM19 ミライサーカスM20 タイムマジックロンリー盛り上がり曲３曲連続でラストスパート。ミライサーカスのサビではmisakiさんが「みんな踊ってよ！」と呼びかける。これはもう否応なく盛り上がるやつ。M21 雨粒最後はこの曲。青い照明。光と音の洪水。メンバー２人が手を組み合わせる場面であたるスポットライト。一転、その直後のサビでの照明の奔流。この４人での姿をみるのも、これが最後かと感傷にひたる。「以上、ヌュアンスでした」でライブ終了。時計をみると20:41。体感的には１時間くらいしか経っていなかったが実際には約１時間３０分、休みなしのライブ。早かったな～。しかもバテずに最後までやり切るメンバーがすごい。やっぱりライブはよい。そしてヌュアンス最高。奇をてらった演出は一切なく、メンバーの生身の体だけで構成された純粋にライブだけを楽しむライブ。現体制ラストワンマンにふさわしい内容だった。アンコールの拍手がぱらぱらと鳴り始めるが、すぐに客電がつき、「このあとは特典会です」とアナウンスが流れる。まあ時間的にアンコールは無理か～。会場準備のため一旦ライブハウスの外に出て、あらためて路上に並ぶ。ふとツイッターを開くと、Negiccoオフィシャルから「Nao☆ちゃんご懐妊」のお知らせメールが届いている。まじかー。アイドル推しているとこんな日も来るんだね。あらためて会場に入り直して、みおちゃんのチェキ列に並ぶ。当然ながらみおちゃん列が断然長い。自分の番がきて「ごぶさたです．．．ベヴァンです」と話しかける。「ひさびさですよね？」「そうなんですよ、最後のあいさつにきました」自分はけっこう神妙な感じで挨拶してしまったのだが、みおちゃんはライブの高揚感からか飛び切りの笑顔で「ライブ楽しかった？」と話しかけてくれた。ふと我にかえり「たのしかったです！ダンス、キレキレでしたよ」と返す。みおちゃんは終始笑顔だった。そう。それでいいのだ。みおちゃんにとってはこれは悲しい終わりではなく新しい世界へのはじまりの一歩。笑顔が一番なのだ。セットリストSE townM1 ナナイロナミダM2 I know powerM3 青春の疑問符M4 悲しみダンスM5 ゆれてみてM6 Love chocolate?（MC）M7 たそがれ（イスに座って）M8 ブリキの街（イスに座って）M9 シャララシャララM10 ハーバームーンM11 テキーラサンライズM12 KaMoMeM13 サーカスの来ない街（MC）M14 tomodachiM15 セツナシンドロームM16 sekisyoM17 last a wayM18 sanzanM19 ミライサーカスM20 タイムマジックロンリーM21 雨粒nuance_official@nuance_official 【20211210_名古屋E.L.L setlist】 SE town M1 ナナイロナミダ M2 I know power M3 青春の疑問符 M4 悲しみダンス M5 ゆれてみて M6 Love… https://t.co/SkLecWWyyy2021年12月10日 21:58nuance_official@nuance_official ギリギリで決定したから名古屋に直送でみんなで『last a way』を作る内職をしています。せっかくなのでサインも入れました。こちらも本日から会場先行販売。買ってね。 #ヌュアンス #nuance #ヌュ https://t.co/IZb1BHIDio2021年12月10日 13:16みお（nuance）@mio_nuance 現体制ラストツアー初日名古屋ありがとうございました！！あ~楽しかった~みんなと踊れて嬉しかった~ 明日は大阪　banana hall です前売りチケット23:59まで！ヨロしゅうです😸❕ https://t.co/ubaSCmT7Cx2021年12月10日 23:12
27Nov
- アイドル楽曲大賞2021
  今年もアイドル楽曲大賞2021に投票した。インディーズ楽曲は入れたい曲がたくさんありすぎて困るのに、メジャー楽曲は胸を張って選べる曲が数曲しかないんだな。この傾向はここ数年変わらず。■メジャー楽曲部門3.0 テレフォニズム / フィロソフィーのダンス3.0 ストロベリーフロート / 東京女子流1.5 ダンスはキスのように、キスはダンスのように / DEAR KISS1.5 夜間飛行 / CYNHN1.0 ポリゴンウェイヴ / Perfume■インディーズ楽曲部門3.0 FIRE / 透明写真2.0 深海 / fishbowl2.0 夜彩 / Ringwanderung2.0 Dreamin' / POMERO1.0 Sweet Escape / SZWARC■アルバム部門3.0synchronism / Ringwanderung2.0PERVADE / POMERO1.0強くて消えそうな不器用な旋律■推し箱部門透明写真(あれっ、ヌュいないじゃん．．．今年、ぜんぜん楽曲リリースしてないからか～。１曲くらいリリースしてほしかった．．．)上期分の楽曲大賞は「アイドル楽曲大賞2021(上半期)を選んでみた」のブログで書いたので、下半期で良かった楽曲をまとめた。◆2021年(下半期)アイドル楽曲編夜彩 / Ringwanderung今年８月に発売された1stアルバム「synchronism」は捨て曲なしの出色のできばえ。文句なく今年一番のアルバム。どの曲も好きなのだが、どれか一曲を選べと言われたらこの「夜彩」を推したい。かりんさんの甘いアニメ声で始まるAメロ。まずここでがっちり心奪われる。この声質はありそうでいてなかなかない。そこからのBメロはみょんさん、りんこさんという２人のディーバが艶めかしく歌いあげる。うーん、聴き惚れる。２番では一転して透明感のある声質で丁寧にうたう増田さんに心洗われる。あれっ、ねねちゃんは、ねねちゃんはこないの？いつくるの？と待っていると、はい、きた。ねねちゃん、ソロパートきたー。いや、全員歌うまいのずるいよね。ずるい。夜彩いいわ～。まさに曲タイトルのように彩り豊かに奏でる名曲。そして５人の異なる声音の変化を楽しめて何回もリピートできるスルメ曲。のジレンマ / さっきの女の子、自分の選ぶアイドル楽曲大賞では常連となった「さっきの女の子、」さんが今年６月にミニアルバム「さっきの女の子、と交流」をリリース。「のジレンマ」はその収録曲のひとつだ。さき女さんはここ数年ボカロPでもあるYASUHIRO氏が一貫してして楽曲を提供しており、今回もアシッドジャズを基調としたカッコよくてキラキラ感満載の曲を提供してくれている。地下アイドルヲタクという限られたパイの奪い合いに参加するのではなく、いかにもボカロ好きリスナーやアニメヲタクが反応しそうなMVを作ることで、アイドルヲタク以外のユーザーを取り込むという方向性はとても正しい。戦略って大事。いつかバズる日が来るのが楽しみだ。Take Off / YORUWA KOREKARA６月発売の1st EP「Voyage -midnight-」に収録された一曲。大阪を拠点に活動する通称ヨルコレさん。2019年12月デビューとのことだが今回の楽曲で初めて知った。「アイドルらしくない楽曲」という言葉はもう使い古しだとは思うが、アイドルらしくない本格的な楽曲に、幼いアイドル声がのっかるアンバランスさはオジサンたちを虜にしてやまない魅力。同EPに収録の「U ain't know」もミドルテンポの心地よい曲。JOMON / RINGOMUSUMEもし自分が作曲家だとして「縄文遺跡群のテーマソングを作ってくれ」というオファーを受けたらどうするんだろう。自分だったらゼッタイに「いかにも」な民族音楽っぽい曲を作ってしまうに違いない。だがそんなプロトタイプな考えをガラっと覆すようなロックでカッコいい楽曲がこの「JOMON」だ。フツウにカッコええ。ダンスパフォーマンスもスタイリッシュ。縄文ファッションもファンシー。Youtube再生数も2021/11月時点で40万回を超えている。PR楽曲としては大成功だ。７月にリリースされた4thオリジナルアルバム「Eternity」もクオリティー高し。モドコモードも結構好きなんだよな～。全国ネット局のゴールデンタイムで青森の名物をめぐる番組が企画されるなどグループとしても知名度も断然にあがったRINGOMUSUME。来年の活躍も楽しみだ。Life is Beatiful / WT☆Egret今年発売のアルバム「強くて消えそうな不器用な旋律」の完成度が高い！と「アイドル楽曲大賞2021(上半期)を選んでみた」のブログでも紹介したのだが、11月になってリリースされたこの曲もめっちゃいい。シングル表題曲「アングレイカブル」のカップリング曲的な位置づけだが、個人的に刺さったのはこちらの曲。姫路市恐るべし。ストロベリーフロート / 東京女子流昨年10周年を迎えた東京女子流さん。すっかりキレイなお姉さまたちになった。本曲は思わず体を動かしたくなってしまうダンスチューン。まさに「東京女子流にはこういう曲をうたってほしい」という期待通りの一曲。年々、新曲リリースのペースが落ちてきているので不安しかないんだが(文章にすると余計に不安が増す．．．)、このストロベリーフロートのような曲調を集めたフルアルバム作ってほしい。マイウェイ / Sizuki大阪と中心に活動しているシンガーソングライター。若干20歳の現役大学生。アイドルではないんだが、ファッションアイコンのモデルといってもよいルックスにスタイリッシュなメロディーがグサグサと楽曲派ヲタクにも刺さりまくる一曲。作詞作曲を自分自身でもこなすのだが、この楽曲については佐々木“コジロー”貴之氏が作曲を担当。大人っぽさを演出している。ななせさんのうた / あっとほぉーむカフェYoutubeでアイドル楽曲をいろいろ漁りまくっていた時に偶然見つけた曲。あっとほぉーむカフェのメイドさんであるななせさんのBirthday記念で作られたようであるが詳細がよくわからん。そもそもメイドカフェとか行ったことないし、申し訳ないがななせさんもよく知らん。けど楽曲は抜群によい。めちゃくちゃよい。こういう楽曲とMVをさらりと作れてしまうということは、メイドカフェって儲かってんだろうな～。以上。
21Nov
- タワーレコード渋谷店×Lonesome Record タワレコ渋谷屋上野外ライブ＆特典会
  タワーレコード渋谷店×Lonesome Record タワレコ渋谷屋上野外ライブ＆特典会日時　2021年11月20日(土) 12:00～場所　タワーレコード渋谷店9Fイベントスペース出演　1部：POMERO / Ringwanderung振り返ってみれば最後の現場からはや１年と９ヶ月。長かったな～。いやほんとに長かった．．．名古屋単身赴任になったかと思ったらまもなくコロナ突入し、そのまま完全テレワークへ。単身赴任する意味がなくなったので東京に戻ってきたものの、家庭の事情でライブへ行くこともままならず、オンラインで細々とヲタク活動を続ける日々。そんな中、この日はまる一日フリーに時間が使えるチャンス！しかもそんな数少ないチャンスに、POMEROさんリンワンさんのリリースイベントを開催してくれるとかラッキーしかない。ありがたや。ありがたや。朝一番に近所のスーパーで買い物をすませてから、いざ渋谷へ。仕事が完全テレワークになってしまったため、買い物以外はほぼ外出しなくなってしまった自分。都会から隔絶された世界で過ごしてました。なので駅の改札でPASMOピッとするとかめっちゃ久々すぎて緊張するし、渋谷とかオサレな人たちがたくさんいてドキドキする。まさに上京したての大学生状態。毎日１時間電車通勤してた過去がなつかしい．．．人間って、１年経つと、変わってしまうもんなんですね～（遠い目）タワレコ渋谷の屋上に到着。POMEROさんのアルバム「PERVADE」とRingwanderungさんのアルバム「synchronism」を１枚ずつ購入。ちなみにこの２枚のアルバムどちらも完成度高い。そろそろアイドル楽曲大賞の投票の時期だが、自分が選ぶ楽曲大賞のアルバム部門にはこの２枚をぜひ入れたい。アルバム購入してイベント参加券をくじ引きの要領で箱の中から選ぶ。なぜかこんなところで運を使ってまさかの７番。まじかー。キンチョーするなー。ほどなく入場。最前です。リリイベとはいえラッキーすぎる。足元まできれいに見えるし、とにかく近い。やばい～。そして快晴。秋の突き抜けるような澄んだ空が心地よい。スピーカーからはリンワンさん、そしてPOMEROさんの楽曲が流れる。曲いいんだよね、ほんと。フリー入場が始まる時点では観客はざっと７０～８０人といったところか。12:00　POMEROPOMEROさんからミニライブ開始。ステージを上がる前に、メンバー同士でハイタッチしているのが見える。ゆうきさんを先頭にメンバーがステージにあがる。最初の感想は「足ほそっ！」この世のものとは思えんくらい足ほそいんですが～．．．POMEROさんみんな足キレイだわ～。特にかれんさんの足がキレイすぎて目のやり場に困る（最前ラッキー）1. 君が好きだと言えたら　この曲、するめだよね。わかる。指を順番に口に添える振り付けが可愛すぎる。2. デート　最前なのでちょくちょくメンバーと目があう（気がする）。　特にかれんさんがしきりにレス送ってくる（気がする）。　照れるやん。（最前ラッキー）3. ストロベリーアイスクリーム　ちはるさんのディーバ感を堪能できる一曲。こんなに真っ昼間なのに太ももに巻いているピンク色のガーターリングがエロい。　そしてるいさんが永遠の妹感をだしてくるのがずるい。かわいい～。4. Time Is It?　ゆうきさんのラップが完璧すぎる。かっこいい。　妹さきちゃんも満面の笑顔がかわいい。5. Dreamin'　はい、きた。ドリーミン。この曲やっぱり好きだわ。名曲です。6. MORE!　最後は大団円のMORE!　なんか恥ずいけどサビの「Hey!」で手をあげるの楽しいよね。クールでスタイリッシュなPOMEROさんだけど最後盛り上がった。アルバム曲６曲を一気に続けて歌唱。ほんとうに良かった！　これだよ、これ。ライブってやっぱり楽しい。MCパート　ゆうきさんの「わたしたちPOMEROです」で簡単な自己紹介。　ゆうき「はじめてタワレコ渋谷の屋上に来たんですが．．．すごい晴れて．．．かれんちゃんのおかげで晴れたよ．．．」　告知をさらりとして終了。約25分のミニライブ。ステージ上で歌い踊るPOMEROさんを見て改めて思ったのが「こんなにいいのに解散なのか～」という悔しさ。最近ようやく楽曲派のアイドルさんとの対バンも増えてきていてもう少し頑張れば．．．という思いがつのる。POMEROのメンバーさんアイドル続けるのかな～。１２月に解散するとして、誰かそのあとヌュアンスはいってくれないかな～（唐突）ヌュの４人目のメンバーに入いるとしたらある程度経験ないと厳しいだろうし、その点、POMEROさんだったら誰でもいける気が．．．（ヲタクの勝手な希望）POMEROのメンバーさん！　万が一このブログ読んでたら、ヌュのオーディションぜひ参加して！あそこはいつも人手不足だから！（切実）12:30 Ringwanderungたしか始めてリンワンさんを認知したのは、オンライン開催のヌュマ on TVだったはず。その後、わたしの推しのヌュアンスさんと頻繁に対バンするようになり、次第にその魅力にはまった。先日発売の1stアルバム「synchronism」は今年一の名盤。他の追随を許さない。overture　この出囃子いいよね。「出囃子がカッコいいアイドルグループに外れなし」の格言をリンワンさんもきっちり証明してくれている。　リンワンさんメンバーが順番にステージ上に上がり、両手をあげてクラップ。　それに呼応するように観客一体のクラップが始まる。そのクラップ音の大きさに「うーん、やはり今日のお目当てはリンワンさんが多いのか」と妙に納得する。1. es　この曲は冒頭の音々さん陽凪さん2人で歌うパートがなんか好き。気持ちがあがる。リンワンさんみんな歌うまいんだよね。どのパートを切り取っても不安感ないし感情移入できる。　そして陽凪さんのダンスのキレが半端ない。あんなに激しいとは思わなんだ。しかも至近距離で足元まで見える。（最前ラッキー）2. KIRAIDA　倫子さんのクールな歌唱がひかる一曲。　そして倫子さんは踊りもクール。たぶん、女子から一番モてる女子の代表が倫子さんだと思う。　ふとステージ横を見やると、控室のドアからPOMEROメンバーさんが真剣な眼差しでステージを見つめている。どんな気持ちで見ているのだろう。そんなことを考えると、なんかグッとこみ上げるものがある。3. 燃える火曜日　独特な世界観の歌詞ながらノリにノれてしまう不思議な曲。　この曲の歌詞と同様に独特な雰囲気をまとわせているのか花琳さん。自分の中では花琳さんの声音がリンワンさんの中で一番好きなのだが、この曲でも花琳さんの歌声がとても魅力的だ。4.ユレ↑ル↓ナ→　イントロで倫子さんが快晴の空に手をかざして「みんな～ピクニック一緒にしようね～」（という感じだった気がする）と妙な煽りをいれる。突然すぎてよく意味が理解できなかった気がするが、意訳するとそんな感じだったはずｗ　音々さんは自分基準で一番見た目が好きな子。とりあえず髪の短い子にはまります。リンワンさんの中ではもっともアイドルっぽいアイドルさんかも。よく通るアルトの声がステキだ。5. カケラ　陽凪さんが作詞したという最新曲。エモい。　この曲で一番の見せどころはやっぱりみょんさん。　みょんさんが上手ステージ最前まで寄ってきて歌い上げる。自分との距離はほんの数メートルだ。ここまで至近距離で見れる機会はこれからそうそう訪れないだろう。切なげに歌い上げるそのかんばせを、忘れないようにと網膜に焼き付ける。(キモいくらい見つめてしまった．．．)6. ササル　「これでラストです」と声がかかって曲が始まる。　リンワンさん全部いい曲なんだよな～ずるい。MCパート　倫子さんが「本日はタワレコ渋谷屋上に来ていただきありがとうございます」と頭をさげる。　つづけて「朝、寒かったじゃないですか．．．」とトークを始める。「ヒートテックを着てくるか脱ぐか問題があって．．．けど着てこなくてよかった」とメンバーに同意を求める。　そして話はいよいよ来週にせまる東名阪ワンマンへ。　倫子「毎日リハしている．．．ハードル上げたくないけど、期待していてください！」「欲張っていいですか？東京も名古屋も大阪もぜんぶ来てください！」　きっと素晴らしいワンマンライブになるだろう。　ライブが終わり後ろを振り返ると、屋上の端まで人で埋まっている。フリー入場でかなり人が増えたようだ。200人はいったんじゃなかろうか。13:00 特典会まず最初はPOMEROのるいさん。POMEROさんのメンバー体制が変わってから一度も現場に来れていなかったので（どんだけ前なんだ）、かれんさん・るいさんの新メンバーを生で見るのは今日が初めてなのだ。オレ「はじめまして～」るい「名前おしえてくれますか？」自分の名前はちょっと難しいのでスマホでツイッター画面を見せる。るい「コマさんかわいい！」そう。自分のアイコンは妖怪ウォッチのコマさんなのだ。オレ「解散してしまうと聞いて．．．今日来ました．．．」るい「アイドル(をするの)で(福岡から)こっちに来たじゃないですか．．．だからこれから、ほんとうにどうしようかと思って．．．」どうやらまだ解散後の就職先(?)は決まっていないらしい。オレ「アイドルつづけてくださいよ」るい「えー？（次も）会いに来てくれますか？」オレ「行きます！」るいさん話し方もかわいい。永遠の妹キャラです。なんかノリで約束しちゃったけど、別のアイドルさんになってももう一度会いに行こう。続いて、Ringwanderungの陽凪さん。こちらもはじめましてだ。オレ「はじめまして～」陽凪「初めてきてくれたので、上着、着ちゃっててごめんね～」どうも屋上が寒かったらしく、特典会始まる前にダッシュで上着を取りに行く姿を見ていたので、あ～と納得。陽凪「名前おしえてくれますか？」自分の名前はちょっと難しいのでスマホでツイッター画面を見せる。(本日２回目)するとここで陽凪さんが、自分の名前であるベヴァンという文字を右手の甲にペンで書き始める。オレ「えっ・・・えっ・・・そんなんして大丈夫ですか？」陽凪「えっだって名前覚えたいんですもん」オレ「・・・」そんなんしたら惚れてまうやろ～。陽凪さんの皮膚に自分の名前が刻まれるんすよ（言い方）それはずるい。それはぜったい落ちてしまうやつやん。がここでふと冷静になる。これまでにどれだけのヲタクがこの手で落ちていったんだろう。おかずクラブのネタ「それがお前のやりかたか～」という叫び声が脳内で鳴り響く。だがもう後戻りはできない。はい。沼に落ちました。明日から挨拶は「おはようございますだあきな」にします。帰りの電車内で、そういえば陽凪さんのツイッターアカウントをフォローしていなかったな～と思いだし、慌ててフォローした。やっぱりアイドル現場たのしいな、と再認識。以前ほど頻繁には来れないだろうけど、やはり時々は心の充電をしに来たいなと。るい - Rui -@rui_pomero タワレコ渋谷さんに来てくれた人ありがとう🥰 はじめましての方もおひさしぶりさんもいつもありがとうさんもノリノリでステージ見てくれてて嬉しかったです(∩˃o˂∩)🤍 お話来てくれた人もありがとう❕ 次は品川‼️ 夜もぽめ活して… https://t.co/RDcfAtGQxa2021年11月20日 15:11Ringwanderung 11/27 2周年記念ワンマン CLUB QUATTRO@RWR__OFFICIAL 本日はタワレコ渋谷屋上リリイベありがとうございました‼︎ 11/27(土)ワンマン『TOKYO BRIDGE』も是非お越しください！ SHIBUYA CLUB QUATTRO OPEN15:30 START16:15 チケット… https://t.co/iBnBzke70A2021年11月20日 15:43増田陽凪〔Ringwanderung〕@RWR_akina 2021.11.20 今日のセトリ #リンワン #リンワンセトリ https://t.co/8RDAqvnCAK2021年11月20日 19:46イベントページ－タワーレコード渋谷店×Lonesome Record タワレコ渋谷屋上野外ライブ＆特典会
26Sep
- ReactでOpenID Connectを実装する～その８
  OpenID Connectとは全く関係のないあとがきです。～目次～ ReactでOpenID Connectを実装する～その１　準備 ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編) ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編) ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編） ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編） ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編） ReactでOpenID Connectを実装する～その８　あとがき　☆この記事☆あとがきなんか今年の夏休み、ひまでしたよね？（唐突なフレンドリー感）いや、ありがたいことに、自分はまるっと一週間夏休みもらえたわけですよ。うれしいですよね。そう、とてもうれしいわけですよ。けど某感染症のせいで外出できないじゃないですか。特に自分は家庭内に介護福祉従事者と医療従事者がいたりするので、基本的に外食もだめなわけですよ。もうじっと家にひきこもるしかないってやつです。まあ、もともとインドア派なんでひきこもるのはよゆーなんですが、それにしてもまるっと一週間ひきこもるとなると、さすがに時間つぶすのむずくないですか？むずいですよね？ドラマ見まくるとか、ゲームしまくるとか、ひたすら寝まくるとか、色々選択肢はあったんですが、せっかくだから普段できないことをやってみよう．．．ということでOpenID Connectなわけです。（２回目の唐突）よくよく考えるとログイン認証とかシングルサインオン(SSO)とかって、WEBアプリケーションがこの世に生み出されてからの永遠のテーマみたいなところがあって、WEBアプリ作るってなったら、絶対に実装しないといけない機能なんだけど、いつもWEBアプリ作り始めるときに「今回どうする？」って悩む。だってムズいじゃないですか、認証処理。ちょっと高度なことやろうとすると(LDAPとかSAMLとか最近だと多要素認証とか) とんでもなくハードル高いんで、結局、セッションキーをCookieに詰め込むだけの昔ながらの方式になっちゃったりするんだけど、ちょっと油断するとすぐセキュリティホールになったりして、ほんと気苦労が絶えないわけです。で苦労する割には、業務（ビジネスロジック）に無関係な機能なわけだから、お金はかけられないというこの矛盾。で、今回OpenID Connectを使ってみたんだけど、やっぱり認証プロバイダを自力で立ち上げるのはなかなかハードルが高いなと。なんとなくは実装できるんだけど、OpenID Connectの最新の仕様に継続的に追いついていくことを考えたり、セキュリティ的に本当に抜け漏れないよねとか考えると、クラウド事業者が提供している認証サービスや外部の認証サービスを使った方が確実で早い気がしてます。まあどうしてもクラウドにシステムのせたくない場合の選択肢のひとつなんですかね．．．そうそう話は変わるけど、アメブロで技術系ブログ書くのアホやんって思います？（３回目の唐突）夏休みにOpenID Connectで遊んでたのに、なんでいまごろ記事書いてるのかというと、どのブログサービスで記事アップすべきか、ひたすら悩んでいたからなわけです。そこに時間をかけるなって話ですが．．．はてなとかQiitaとかnoteとかいろいろ考えたんだけど、どれも一長一短という感じで選ぶに選べなくなってしまい、もう面倒になって、地下アイドルライブレポ向けに立ち上げたアメブロに、OpenID Connectのお堅い技術系記事を相乗りさせるという暴挙にでました。我ながら暴挙です。（どう考えても相乗効果まったくないじゃん）ソースコード見づらいし、そもそもアメブロでがっつりな技術系記事書いてるやつとか見たことないし。まあきっと技術系記事はこれが最初で最後になりそうな気がします。次にあげるブログはたぶん「アイドル楽曲大賞2021を選んでみた」です。(方向性が違い過ぎて怖い)
- ReactでOpenID Connectを実装する～その７
  今回は自作の認証プロバイダに接続するための認証利用アプリを実装していきます。「ReactでOpenID Connectを実装する～その４」ではAuth0に接続する認証利用アプリを実装しましたが、これを少しだけ修正して自作認証プロバイダに接続するようにします。～目次～ ReactでOpenID Connectを実装する～その１　準備 ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編) ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編) ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編） ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編） ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編）　☆この記事☆ ReactでOpenID Connectを実装する～その８　あとがき認証利用アプリを修正する事前準備ReactでOpenID Connectを実装する～その４で作成したサンプルプログラム(authsample2)をコピーして、自作認証プロバイダに接続する認証利用アプリ(authsample3)を作ります。 (authsample2があるディレクトリに移動しておきます) $ cp -r authsample2 authsample3 $ cd authsample3トップ画面(index.js)トップ画面にあたるindex.jsを次のように修正します。 importReactfrom'react'; importReactDOMfrom'react-dom'; import{AuthenticationProvider,oidcLog,InMemoryWebStorage}from'@axa-fr/react-oidc-context'; import'./index.css'; importAppfrom'./App'; importreportWebVitalsfrom'./reportWebVitals'; //認証プロバイダ(oidc-provider)に接続するためのパラメータ constconfiguration={ authority:'http://localhost:3001', client_id:'SJvt23j8431D********************', redirect_uri:'http://localhost:3000/authentication/callback', post_logout_redirect_uri:'http://localhost:3000/', silent_redirect_uri:'http://localhost:3000/authentication/silent_callback', response_type:'code', scope:'openidprofileemailapi', automaticSilentRenew:true, loadUserInfo:true, }; //ログ出力関数 constlogger={ info:console.info, warn:console.warn, error:console.error, debug:console.debug, }; //認証プロバイダでのログインが成功し自サーバにリダイレクトされた時の表示処理 constCustomCallback=()=>( <div><span>認証処理中...</span></div> ); //認証プロバイダでの認証が失敗し自サーバにリダイレクトされた時の表示処理 constNotAuthenticatedComponent=()=>( <div><span>認証失敗しました。(NotAuthenticated)</span></div> ); //認証プロバイダでの認可が失敗し自サーバにリダイレクトされた時の表示処理 constNotAuthorizedComponent=()=>( <div><span>認可失敗しました。(NotAuthorized)</span></div> ); ReactDOM.render( <React.StrictMode> <AuthenticationProvider configuration={configuration} loggerLevel={oidcLog.DEBUG} logger={logger} isEnabled={true} callbackComponentOverride={CustomCallback} notAuthenticated={NotAuthenticatedComponent} notAuthorized={NotAuthorizedComponent} UserStore={InMemoryWebStorage} > <App/> </AuthenticationProvider> </React.StrictMode>, document.getElementById('root') ); reportWebVitals();constconfiguration={ ... }自作認証プロバイダに接続するための定義情報を設定します。authority:自作認証プロバイダのドメイン(http://localhost:3001)を設定します。client_id:自作認証プロバイダで設定したClient IDを設定します。redirect_uri:'http://localhost:3000/authentication/callback'を設定します。notAuthenticated={NotAuthenticatedComponent}notAuthorized={NotAuthorizedComponent}それぞれ認証失敗時・認可失敗時の表示内容を記載します。index.js以外のソースは修正ありません。動作確認それでは実際に動かしてみます。authsample3ディレクトリ上で、Node.jsを起動します。 (authsample3ディレクトリ内で) $npmstart自動的にブラウザが起動します。もし起動しない場合には、http://localhost:3000/ にアクセスします。最初はログイン認証できていない状態ですので、メイン部<App>でログインボタンを表示します。ログインボタンを押下します。すると、自作認証プロバイダにリダイレクトし、サインイン画面を表示します。メールアドレスとパスワードには、ReactでOpenID Connectを実装する～その６においてaccount.jsで定義したユーザIDとパスワードを入力します。正しいユーザIDとパスワードを入力すると、次に認可確認画面(Authorize画面)が表示されます。ここでContinueボタンを押下すると、自サイト(localhost:3000)にリダイレクトされ、ダミー画面が表示されます。そしてダミー画面の表示処理の裏では、自サイトから自作認証プロバイダにトークンリクエストを投げてアクセストークンを取得しています。認証後の画面を表示します。Logoutボタンを押下すると、ログアウト処理が行われ、再び最初のログイン画面に戻ります。(参考)ClientTypeによる認証方法の使い分けOpenID Connectの規格にはClient Typeとよばれる設定値があり、publicかconfidentialかどちらかを選択することができます。publicが簡易的な方法、confidentialが厳密な方法になります。Client Type = publicの場合今回の作成したサンプルはこのパターンで実装しています。認証プロバイダでは、token_endpoint_auth_methodの値を 'none' とし、Client Typeがpuclicであることを示します。client_secretは指定しません。 clients:[ { client_id:'SJvt23j8431D********************', // client_secret:'7fa_dVrC********************', grant_types:['refresh_token','authorization_code'], redirect_uris:['http://localhost:3000/authentication/callback'], post_logout_redirect_uris:['http://localhost:3000/'], } ], clientDefaults:{ token_endpoint_auth_method:'none', }, ...以下略...一方、認証利用アプリでも、以下のようにclient_secretやclient_authenticationを指定しません。 constconfiguration={ authority:'http://localhost:3001', client_id:'SJvt23j8431D********************', redirect_uri:'http://localhost:3000/authentication/callback', //client_secret:'7fa_dVrC********************', //client_authentication : 'client_secret_basic', ...以下略...Client Type = confidentialの場合より厳密な認証をしたい場合には、このパターンを選びます。認証プロバイダでは、token_endpoint_auth_methodの値を 'client_secret_basic' とし、Client Typeがconfidentialであることを示します。client_secretとして任意の文字列を指定します。 clients:[ { client_id:'SJvt23j8431D********************', client_secret:'7fa_dVrC********************', grant_types:['refresh_token','authorization_code'], redirect_uris:['http://localhost:3000/authentication/callback'], post_logout_redirect_uris:['http://localhost:3000/'], } ], clientDefaults:{ token_endpoint_auth_method:'client_secret_basic', }, ...以下略...一方、認証利用アプリは、以下のようにclient_secretやclient_authenticationを指定します。 constconfiguration={ authority:'http://localhost:3001', client_id:'SJvt23j8431D********************', redirect_uri:'http://localhost:3000/authentication/callback', client_secret:'7fa_dVrC********************', client_authentication : 'client_secret_basic', ...以下略...当然ですが、認証利用アプリのclient_secret値と認証プロバイダのclient_secrect値が一致していないと認証エラーとなります。最後はOpenID Connectとはまったく無関係なあとがきです。ReactでOpenIDConnectを実装する～その８　あとがき
- ReactでOpenID Connectを実装する～その６
  今回は自作の認証プロバイダを実装していきます。認証プロバイダを実装するにあたりoidc-providerとよばれるオープンソースのライブラリを使用します。～目次～ ReactでOpenID Connectを実装する～その１　準備 ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編) ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編) ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編） ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編）　☆この記事☆ ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編） ReactでOpenID Connectを実装する～その８　あとがきoidc-providerのインストールoidc-providerとはoidc-providerは、Node.jsで認証プロバイダ(OpenID Provider)を実装するためのライブラリです。connect, express, fastify, hapi, koaといったWebフレームワークに対応しています。oidc-providerはあくまでライブラリなので、インストールしたらそのまま動作するかというとそんなことはなく、サンプル提供されているソースを元に、自分好みにいくつか修正を加えてあげて、ようやく使えるようになります。また、oidc-providerはOpen ID Connectの認証処理の実装に特化しているため、ユーザ情報に関する処理ロジック(つまりユーザIDの存在確認やパスワードチェック処理など)は自分でコーディングしないといけません。oidc-providerのインストール今回はauthserverディレクトリを作成し、そこに独自の認証プロバイダを構築していきます。以下の手順で、Node.js、Express、その他必要なライブラリ群をインストールしていきます。 $ mkdir authserver $ cd authserver $ npm init $ npm install express --save $ npm install helmet lodash --save $ npm install cors --save $ npm install basic-auth --save $npm install dotenv --saveoidc-providerをインストールします。 $ npm install oidc-provider --save今回は2021年8月時点のバージョン7.6.0を使用していますので、もし同じバージョンを使いたい場合には、npm install oidc-provider@7.6.0 --saveと、バージョン指定でインストールしてください。次に認証プロバイダ用のNode.jsをポート番号=3001で起動します。これまで認証利用アプリ用のNode.jsをポート番号=3000で起動してきたので、これとは異なるポート番号である3001を使用します。.envファイルを新規作成し、以下の１行を記述します。 PORT=3001これでソース中に、require('dotenv').config();を記載すればPORT値が読み込まれます。認証プロバイダのサンプル(node-oidc-provider)をダウンロードoidc-providerの公式サイトにはoidc-providerを使用した認証プロバイダのサーバーサンプルが提供されています。今回はこのサンプルを元ネタにして自分好みにソース修正していきます。gitコマンドを使って公式サイトからソース一式をダウンロードします。任意のディレクトリで以下を実行します。 git clone https://github.com/panva/node-oidc-providerこれでサンプルプログラムのnode-oidc-providerがダウンロードされます。今回は2021年8月時点のバージョン7.6.0を使用していますので、同じバージョンのものを使用したい場合には、git clone https://github.com/panva/node-oidc-provider/tree/v7.6.0 でダウンロードしてください。認証プロバイダのサンプル(node-oidc-provider)をコピーダウンロードした認証プロバイダのサンプル(node-oidc-provider)を、先ほど準備したauthserver内にコピーしていきます。今回はExpressのサンプルを使用するのでexpress.jsをコピーします。 $ cd node-oidc-provider/example $ cp -rp adapters (authserverの作成場所)/authserver $ cp -rp routes (authserverの作成場所)/authserver $ cp -rp support (authserverの作成場所)/authserver $ cp -p express.js (authserverの作成場所)/authserver/index.js $ cp -p my_adapters.js (authserverの作成場所)/authserver/adaptersauthserverのディレクトリイメージはこんな感じになります。　認証プロバイダのサンプルの修正node-oidc-providerはそのままでは機能が貧弱なので、自分なりにソース修正していきます。トップ画面(index.js)トップ画面にあたるindex.jsを次のように修正します。 require('dotenv').config();//Readenvironmentvaluesfrom.envfile constpath=require('path'); consturl=require('url'); constexpress=require('express');//eslint-disable-lineimport/no-unresolved consthelmet=require('helmet'); constcors=require('cors'); const{Provider}=require('oidc-provider');//Modified from '../lib' to 'oidc-provider' constAccount=require('./support/account'); constconfiguration=require('./support/configuration'); constroutes=require('./routes/express'); const{PORT=3000,ISSUER=`http://localhost:${PORT}`}=process.env; configuration.findAccount=Account.findAccount; configuration.clientBasedCORS=(ctx,origin,client)=>{ returnfalse; }; constapp=express(); app.use(helmet()); app.set('views',path.join(__dirname,'views')); app.set('viewengine','ejs'); //CORSを許可する app.use(cors({origin:'http://localhost:3000',credentials:true})); letserver; (async()=>{ letadapter; adapter=require('./adapters/my_adapter');//自作アダプタを定義 /* if(process.env.MONGODB_URI){ adapter=require('./adapters/mongodb');//eslint-disable-lineglobal-require awaitadapter.connect(); } */ 　・・・以下、省略・・・require('dotenv').config();.envファイル内の環境変数を読み込みます。今回はPORT=3001の定義を読み込みます。app.use(cors({origin:'http://localhost:3000',credentials:true}));今回はローカルPC上の3000番ポート(認証利用アプリ)から3001番ポート(認証プロバイダ)への通信を行います。しかしセキュリティ上の問題から、何も設定をしないとそのままでは通信エラーとなってしまいます。この定義をすることで、localhostの3000番ポートからの通信だけを許可するように設定します。adapter=require('./adapters/my_adapter');node-oidc-providerでは認証処理で払い出した各ユーザのセッション情報やアクセストークン値を保存するための処理を「アダプタ」と呼んでいます。後ほど用意する自作アダプタmy_adapter.jsを読み込みます。メイン処理 (routes/express.js)認証プロバイダのメイン処理部分になります。エンドユーザ(ブラウザ)からのHTTPリクエスト内容に応じた処理を記載していきます。 (主要部分のみ抜粋) module.exports = (app, provider) => { const { constructor: { errors: { SessionNotFound } } } = provider; ...中略... // エンドユーザからのリクエスト(ログインや認可確認)時に呼ばれる処理 app.get('/interaction/:uid', setNoCache, async (req, res, next) => { try { const { uid, prompt, params, session, } = await provider.interactionDetails(req, res); const client = await provider.Client.find(params.client_id); switch (prompt.name) { case 'login': { return res.render('login', { client, uid, details: prompt.details, params, title: 'Sign-in', session: session ? debug(session) : undefined, dbg: { params: debug(params), prompt: debug(prompt), }, }); } case 'consent': { return res.render('interaction', { client, uid, details: prompt.details, params, title: 'Authorize', session: session ? debug(session) : undefined, dbg: { params: debug(params), prompt: debug(prompt), }, }); } default: return undefined; } } catch (err) { return next(err); } }); // ログイン画面でユーザID・パスワード入力後に呼ばれる処理 app.post('/interaction/:uid/login', setNoCache, body, async (req, res, next) => { try { const { prompt: { name } } = await provider.interactionDetails(req, res); assert.equal(name, 'login'); // サンプルではログインIDしか渡していないが、ログインIDとパスワードを渡すように修正 // const account = await Account.findByLogin(req.body.login); const account = await Account.findByLogin(req.body); let result; if ( account ){ result = { login: { accountId: account.accountId, }, }; } else { res.status = 401; result = { error: 'not_authenticated', error_description: 'Illegal login id or password.', }; } await provider.interactionFinished(req, res, result, { mergeWithLastSubmission: false }); } catch (err) { next(err); } }); // 認可確認画面でContinueを押下した後、最終的にアクセストークンを発行する処理 app.post('/interaction/:uid/confirm', setNoCache, body, async (req, res, next) => { try { const interactionDetails = await provider.interactionDetails(req, res); const { prompt: { name, details }, params, session: { accountId } } = interactionDetails; assert.equal(name, 'consent'); let { grantId } = interactionDetails; let grant; if (grantId) { // we'll be modifying existing grant in existing session grant = await provider.Grant.find(grantId); } else { // we're establishing a new grant grant = new provider.Grant({ accountId, clientId: params.client_id, }); } if (details.missingOIDCScope) { grant.addOIDCScope(details.missingOIDCScope.join(' ')); } if (details.missingOIDCClaims) { grant.addOIDCClaims(details.missingOIDCClaims); } if (details.missingResourceScopes) { // eslint-disable-next-line no-restricted-syntax for (const [indicator, scopes] of Object.entries(details.missingResourceScopes)) { grant.addResourceScope(indicator, scopes.join(' ')); } } grantId = await grant.save(); const consent = {}; if (!interactionDetails.grantId) { // we don't have to pass grantId to consent, we're just modifying existing one consent.grantId = grantId; } const result = { consent }; await provider.interactionFinished(req, res, result, { mergeWithLastSubmission: true }); } catch (err) { next(err); } });app.get('/interaction/:uid', setNoCache, async (req, res, next) ...エンドユーザからのリクエスト(ログインや認可確認)時に呼ばれる処理です。prompt.nameがloginの場合にはログイン画面を表示し、consentの場合には認可確認画面(Authorize画面)を表示します。app.post('/interaction/:uid/login', setNoCache, body, async (req, res, next) ...ログイン画面でユーザID・パスワード入力後に呼ばれる処理です。const account = await Account.findByLogin(req.body);サンプルではAccountクラスにログインIDしか渡していないですが、今回はログインIDとパスワードを渡せるように、HTTPリクエストのBody部をまるっと渡すように修正しています。これでAccountクラスでログインIDとパスワードのチェックを行えるようになります。app.post('/interaction/:uid/confirm', setNoCache, body, async (req, res, next) ...認可確認画面(Authorize画面)でContinueやCancelを押下した場合の処理です。アダプタ(adapters/my_adapter.js)アダプタ(adapters/my_adapter.js)では、認証プロバイダが内部で保持する各データ(例えば、各ユーザに払い出すAccessTokenやAuthorizationCodeなど)の値を管理する処理を記述します。デフォルトではメソッドのひな型だけしか用意されておらず、内部処理をまるっと記述する必要がありますが、各データをMongoDBに保存するサンプル(node-oidc-provider/example/adapters/mongodb.js)や、各データをメモリに保存するサンプル(oidc-provider/lib/adapters/memory_adapter.js)を参考に記述していきます。今回はシンプルに各データをメモリに保存するサンプル(memory_adapters.js)を参考に、自作アダプタを用意します。 'use strict'; const QuickLRU = require('quick-lru'); let storage = new QuickLRU({ maxSize: 1000 }); const grantable = new Set([ 'AccessToken', 'AuthorizationCode', 'RefreshToken', 'DeviceCode', 'BackchannelAuthenticationRequest', ]); class MyAdapter { constructor(model) { this.model = model; } async upsert(id, payload, expiresIn) { const key = `${this.model}:${id}`; if (this.model === 'Session') { storage.set(`sessionUid:${payload.uid}`, id, expiresIn * 1000); } const { grantId, userCode } = payload; if (grantable.has(this.name) && grantId) { const grantKey = `grant:${grantId}`; const grant = storage.get(grantKey); if (!grant) { storage.set(grantKey, [key]); } else { grant.push(key); } } if (userCode) { storage.set(`userCode:${userCode}`, id, expiresIn * 1000); } storage.set(key, payload, expiresIn * 1000); } async find(id) { return storage.get(`${this.model}:${id}`); } async findByUserCode(userCode) { const id = storage.get(`userCode:${userCode}`); return this.find(id); } async findByUid(uid) { const id = storage.get(`sessionUid:${uid}`); return this.find(id); } async consume(id) { storage.get(`${this.model}:${id}`).consumed = 60*60*24; } async destroy(id) { storage.delete(`${this.model}:${id}`); } async revokeByGrantId(grantId) { const grantKey = `grant:${grantId}`; const grant = storage.get(grantKey); if (grant) { grant.forEach((token) => storage.delete(token)); storage.delete(grantKey); } } } module.exports = MyAdapter;let storage = new QuickLRU({ maxSize: 1000 });各データをメモリ保存するための入れ物(storage)を定義します。constructor(model) { ... }入力パラメタのmodelにはデータの種類("AccessToken"や"AuthorizationCode")が渡されてきます。以後、データの種類(model)に応じた処理を実装していきます。async upsert(id, payload, expiresIn) { ... }データを登録・更新する処理を記述します。データの種類が"Session"のケースやgrantable配列にある種類名のケースなどに場合分けして処理を記載します。主要な処理は最後の「storage.set(key, payload, expiresIn * 1000);」の部分で、"データの種類":"id"という文字列を主キー(key)としてデータをメモリ保存します。async find(id) { ... }async findByUserCode(userCode) { ... }async findByUid(uid) { ... }キーを元にメモリに保存していたデータを取得します。async destroy(id) { ... }キーを元にメモリに保存していたデータを削除します。今回実装したアダプタでは認証プロバイダのプロセス(Node.js)を停止してしまうと、ユーザに払い出した"AccessToken"や"AuthorizationCode"が消えてなくなってしまうので、信頼性を求められるサービスの場合、やはりデータベースに保存するロジックにするのがよいでしょう。認証定義部(support/configuration.js)認証の定義情報を設定していきます。ここで設定した値は、後ほど作成する認証利用アプリ(AuthSample3)で設定する値と一致させる必要がありますので、忘れないようにメモしておきます。 clients:[ { client_id:'SJvt23j8431D********************', // client_secret:'7fa_dVrC********************', grant_types:['refresh_token','authorization_code'], redirect_uris:['http://localhost:3000/authentication/callback'], post_logout_redirect_uris:['http://localhost:3000/'], } ], clientDefaults:{ token_endpoint_auth_method:'none', }, ...以下略...client_id:...Client IDとして任意の文字列を設定します。認証利用アプリ(AuthSample3)で設定する値と一致させる必要がありますので、忘れないようにメモしておきます。// client_secret:...今回はクライアントシークレットを使った厳密な認証チェックをせずにまずは簡単な方法で実装してみます。ですので現時点では値を設定しません。token_endpoint_auth_method:'none' ...今回はクライアントシークレットを使わないパターン(Client Type = "public")で処理実装するので、この値を'none'にします。アカウント処理部(support/account.js)アカウント処理(account.js)では、ログインIDとパスワードの認証チェック処理や、ユーザプロファイル情報を返却したりする処理を実装します。サンプルのaccount.jsはログイン画面でログインID・パスワードを入力しても、常に固定のユーザプロファイル情報を応答する作りになっていてサンプルとしてはいまひとつです。今回はもう少しユーザ認証っぽい実装に作り替えます。 // 簡易的なユーザマスタ情報 const accountList = { 'musashi': { password: '@musashi',name: 'Musashi Miyamoto', email: 'musashi@xxxxx.com' }, 'kojiro' : { password: '@kojiro', name: 'Kojiro Sasaki' , email: 'kojiro@xxxxx.com' }, 'kato' : { password: '@kato' , name: 'Kiyomasa Kato' , email: 'kato@xxxxx.com' }, }; const store = new Map(); const logins = new Map(); const { nanoid } = require('nanoid'); class Account { constructor(id, profile) { this.accountId = id || nanoid(); this.profile = profile; store.set(this.accountId, this); } async claims(use, scope) { if (this.accountId && accountList[this.accountId]){ // ログインIDがaccountListにある場合には、emailやnameの情報を返却する return { sub: this.accountId, email: accountList[this.accountId].email, name: accountList[this.accountId].name, }; } else { // ログインIDがaccountListにない場合には、IDだけを返却する return { sub: this.accountId, } } } // 最初のログイン時に呼び出されるfunction // body: { // login: ログインID, // password: パスワード, // } static async findByLogin(body) { if (body && body.login){ if ( accountList[body.login] && accountList[body.login].password === body.password ){ // ログイン成功時 return { accountId: body.login } } else { // ログイン失敗時 return undefined; } } return undefined; } // ユーザ情報ローディングfunction - ログイン認証後(findByLogin)や認可時などに呼び出される static async findAccount(ctx, id, token) { if (!store.get(id)) new Account(id); return store.get(id); } } module.exports = Account;const accountList = {... }いわゆるユーザマスタです。ログインチェックの元ネタとなるログインID・パスワード・メールアドレスなどの情報を記述しています。本来はデータベースなどに格納する情報ですが、今回はサンプルなので固定値としています。async claims(use, scope){ ... }トークン要求(id_token)やユーザ情報要求(userinfo)に対して、ユーザ情報を応答する処理を実装します。本来scopeの値に応じて応答するユーザ情報を制御すべきですが、今回は持っているユーザ情報をすべて応答します。static async findByLogin(body) { ... }ログイン画面でログインIDとパスワードが入力されたときに呼び出されるパスワードチェック処理です。accountListにログインIDが存在していて、かつパスワードが一致していればログインIDを返却します。不一致の場合にはundefinedを返却します。認証プロバイダの起動それでは実際に動かしてみます。authserverディレクトリ上で、Node.jsを起動します。 (authserverディレクトリ内で) $node index.js application is listening on port 3001, check its /.well-known/openid-configuration上記のようにport 3001で要求待ち状態になっていれば成功です。次回はこの認証プロバイダに接続する認証利用アプリを作成します。ReactでOpenIDConnectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編）
20Sep
- ReactでOpenID Connectを実装する～その５
  これまでは認証プロバイダとしてAuth0を使っていましたが、やっぱりユーザIDやパスワードなどのユーザ情報は自前で管理したくなるものです。ですので今回は認証プロバイダとしてAuth0を使う代わりに、自分自身で独自の認証プロバイダを立ち上げます。これで外部サービスに頼らずともログイン認証を実装できます。～目次～ ReactでOpenID Connectを実装する～その１　準備 ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編) ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編) ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編）　☆この記事☆ ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編） ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編） ReactでOpenID Connectを実装する～その８　あとがき処理フロープログラム実装を始める前に、画面の流れとそれに関連する通信フローを簡単に説明します。この処理イメージが頭にあると、プログラム実装がより理解しやすいかと思います。処理Ａ～Ｂ）初期画面・サインイン画面表示まずhttp://localhost:3000/にアクセスします。認証利用アプリ(localhost:3000)は初期画面を表示します。ログインボタンを押下すると、ブラウザは認証プロバイダ(localhost:3001)にリクエストを送信します。認証プロバイダはサインイン画面(ユーザID・パスワードを入力する画面)を表示します。ここまでの通信フローをまとめると、以下のようになります。ログインボタンが押下されたとき、認証プロバイダはすぐにサインイン画面を応答するのではなく、まずuidと呼ばれる一意キーを発行して、uidつきのリクエストをリダイレクトする処理を間に挟む点に留意です。処理Ｃ）認可確認画面表示正しいユーザIDとパスワードを入力してSign-inボタンを押下すると、ブラウザは認証プロバイダ(localhost:3001)にリクエストを送信します。認証プロバイダはユーザIDとパスワードをチェックして、問題なければ認可確認画面(Authorize画面)を表示します。この処理の通信フローをまとめると、以下のようになります。認証プロバイダはユーザIDとパスワードが正しいことをチェックしたら、すぐに認可画面を応答するのではなく、新たなuidを発行して、uidつきのリクエストをリダイレクトする処理を間に挟みます。処理Ｄ）ログイン後画面の表示Continueボタンを押下すると、ブラウザは認証プロバイダ(localhost:3001)にリクエストを送信します。認証プロバイダは認証利用アプリ(localhost:3000)にリダイレクトし、ログイン後の画面を表示します。この処理の通信フローをまとめると、以下のようになります。認証プロバイダはすでにユーザID・パスワードのチェックが終わったユーザであることが確認できたら「認可コード」を発行して、認証利用アプリにリダイレクトします。認証利用アプリは、いったんダミー画面を表示するのですが、ダミー画面内のJavaScript処理で認可コードを付与したリクエストを認証プロバイダに対して行い、アクセストークンとIDトークンをJSON形式で受領します。続けて認証プロバイダに再度リクエストを行い、ユーザプロファイル情報をJSON形式で受領します。以上が今回実装するエンドユーザ－認証利用アプリ－認証プロバイダの処理フローとなります。では次回は認証プロバイダを実際に作成していきます。ReactでOpenIDConnectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編）
- ReactでOpenID Connectを実装する～その４
  前回はAuth0が提供するライブラリ(@auth0/auth0-react)を使ってログイン認証を実装しましたが、今回は一般的なOpenID Connect用APIであるreact-oidcを使ってログイン認証処理を実装してみます。～目次～ ReactでOpenID Connectを実装する～その１　準備 ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編) ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編) ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる　☆この記事☆ ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編） ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編） ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編） ReactでOpenID Connectを実装する～その８　あとがきAuth0の定義追加新Application(AuthSample2)を追加react-oidcを実装したサンプルプログラムを実装するにあたり、Auth0の定義を若干修正する必要があります。ですので、前回Auth0上で作成したApplication(AuthSample1)とは別に、新しいApplication(AuthSample2)を作ります。メニューから「Getting Started」を選択します。そして「Getting Started」画面の「Integrate Auth0 into your application」から「Create Application→」をクリックします。「Create Application」画面が表示されます。「Name」は「AuthSample2」とします。続けて「application type」を選びます。前回同様に「Single Page Web Applications」を選びます。最後に「Create」ボタンを押します。「AuthSample2」の設定画面が表示されます。「Settings」タブを選択して設定を進めます。基本的に「AuthSample1」と同じ設定をしていきますが、「Allowed Callback URLs」は前回とは異なり「http://localhost:3000/authentication/callback」とします。最後に「Save Changes」で設定を保存します。最終的にはこんな感じでAuthSample1とAuthSample2ができることになります。react-oidcとはJavaScriptでOpenID Connect (OIDC)やOAuth2プロトコルを実装するライブラリであるIdentityModel/oidc-client-js (https://github.com/IdentityModel/oidc-client-js)というオープンソースがベースになっています。2021年8月時点では、もう自分ではメンテできない！と宣言されていてバージョンアップが期待できないオープンソースですが、このoidc-client-jsを元にさまざまな派生プログラムが作られています。今回使うAxaGuilDEv/react-oidcもoidc-client-jsを使用したプログラムのひとつで、ReactでOpenID Connectを実装するための機能を提供しています。React用のOpenID Connectライブラリは多々あるのですが、一番、分かりやすく使い勝手がよかったのがこれでした。react-oidcでサンプルプログラムを作ってみる事前準備ReactでOpenID Connectを実装する～その３で作成したサンプルプログラム(authsample1)をコピーして、react-oidcを使ったサンプルプログラム(authsample2)を作ります。 (authsample1があるディレクトリに移動しておきます) $ cp -r authsample1 authsample2 $ cd authsample2oidc-client-jsをインストールします。 $ npm install --save oidc-client $ npm install --save babel-polyfillreact-oidcのreact-oidc-contextをインストールします。 $ npm install --save @axa-fr/react-oidc-context $ npm install --save @axa-fr/react-oidc-context-fetch $ npm install --save react-app-rewiredトップ画面(index.js)トップ画面にあたるindex.jsを次のように修正します。 importReactfrom'react'; importReactDOMfrom'react-dom'; import{AuthenticationProvider,oidcLog,InMemoryWebStorage}from'@axa-fr/react-oidc-context'; import'./index.css'; importAppfrom'./App'; importreportWebVitalsfrom'./reportWebVitals'; //認証サーバ(Auth0)に接続するためのパラメータ constconfiguration={ authority:'https://dev-********.us.auth0.com', client_id:'SJvt23j8431D********************', redirect_uri:'http://localhost:3000/authentication/callback', extraQueryParams:{audience:'https://dev-********.us.auth0.com/api/v2/'}, post_logout_redirect_uri:'http://localhost:3000/', silent_redirect_uri:'http://localhost:3000/authentication/silent_callback', response_type:'code', scope:'openidprofileemailapi', automaticSilentRenew:true, loadUserInfo:true, }; //Auth0でのログインが成功し自サーバにリダイレクトされた時の表示処理 constCustomCallback=()=>( <div> <span>認証処理中...</span> </div> ); ReactDOM.render( <React.StrictMode> <AuthenticationProvider configuration={configuration} loggerLevel={oidcLog.DEBUG} isEnabled={true} callbackComponentOverride={CustomCallback} UserStore={InMemoryWebStorage} > <App/> </AuthenticationProvider> </React.StrictMode>, document.getElementById('root') ); reportWebVitals();import{AuthenticationProvider,oidcLog,InMemoryWebStorage}from'@axa-fr/react-oidc-context';先ほどインストールしたreact-oidcが提供するライブラリ(@axa-fr/react-oidc-context)を読み込みます。constconfiguration={ ... }Auth0に接続するための定義情報を設定します。authority:Auth0の設定情報で記載されていたDomainを設定します。client_id:Auth0の設定情報で記載されていたClient IDを設定します。redirect_uri:Auth0の設定情報で設定したAllowed Callback URLsを設定します。extraQueryParams:{audience: ... }Auth0のAPI設定で記載されていたIdentifierのURL文字列を設定します。react-oidcではaudienceパラメタは標準的に準備されていないので、拡張パラメタに含めて受け渡します。response_type:'code'を指定します。scope:'openidprofileemailapi'を指定します。ちなみにresponse_typeとscopeに設定する値の意味を詳しく知りたい方は「OpenID Connect 全フロー解説」に丁寧な解説が書かれていますのでご参考に。<AuthenticationProvider>～</AuthenticationProvider>react-oidcが提供するタグです。メイン部である<App />を囲むように記述しているので、<App />全体がログイン認証の制御範囲になります。callbackComponentOverride={CustomCallback}Auth0でのログインが成功し自サーバにリダイレクトされた時の表示内容を記載します。ここでは単に「認証処理中...」と表示しています。前回同様に各値がAuth0管理画面で表示されている値が異なっているとうまく接続できないため慎重に入力しましょう。メイン部(main.js)メイン部分にあたるmain.jsを次のように修正します。 importReactfrom'react'; import{useReactOidc}from'@axa-fr/react-oidc-context'; importAppHeaderfrom'./AppHeader'; importAppContentsfrom'./AppContents'; import'./App.css'; functionApp(){ //react-oidcが提供するHooksプロパティ const{ isEnabled,//usedinprovidertoenable/disabled. oidcUser,//userinformation(nullifnotauthenticated) login,//loginfunction logout,//logoutfunction signinSilent, events }=useReactOidc(); //Auth0で正常に認証できた場合(→ログイン後の画面を表示する) if(oidcUser){ //画面表示処理 return( <divclassName="App"> <divclassName="AppHeader"> <AppHeaderlogoutFunc={logout}/> </div> <divclassName="AppContents"> <AppContentsuser={oidcUser}/> </div> </div> ); //認証前の画面表示(→ログインボタンを表示する) }else{ return( <divclassName="App"> <divclassName="AppHeader"> <AppHeaderlogoutFunc=""/> </div> <divclassName="AppContents"> <buttononClick={login}>ログイン</button> </div> </div> ); } } exportdefaultApp;import{useReactOidc}from'@axa-fr/react-oidc-context';react-oidcが提供するライブラリを読み込みます。const { ... } =useReactOidc();react-oidcが提供する認証用の定義情報です。とりあえずこのままコピペしましょう。if(oidcUser) ...oidcUserに値が格納されている場合、Auth0で正常にログイン認証ができた状態です。ログイン後に表示するメイン画面を出力します。今回はヘッダ部<AppHeader>にlogoutメソッドを渡し、コンテンツ部<AppContents>にuser情報一式を渡して、各タグに表示処理を移譲しています。if(oidcUser) ...else ...oidcUserに値がない場合、まだログイン認証ができていない状態ですので、画面上にログインボタンを表示します。ログインボタン押下時(onClick)は、react-oidcが提供するloginメソッドを呼び出して、Auth0ログイン画面を表示するよう要求します。ヘッダ部(AppHeader.js)ヘッダ部にあたるAppHeader.jsを次のように修正します。 importReactfrom'react'; import'./AppHeader.css'; //ヘッダ表示領域 //props //logoutFunc:useReactOidc()で取得したlogout関数 functionAppHeader(props){ //ログアウトボタン押下時 consthandleLogout=(event)=>{ //親コンポーネント(App)から受け渡されたlogout関数を呼び出し props.logoutFunc(); } //ログアウト関数が指定されている場合(→ログアウトボタンを表示) if(props.logoutFunc){ return( <divclassName="AppHeader"> <span></span> <span>OpenIDConnectSample2</span> <spanclassName='right'> <buttononClick={handleLogout}>Logout</button> </span> </div> ); //ログアウト関数が指定されていない場合(→ログアウトボタンは非表示) }else{ return( <divclassName="AppHeader"> <span></span> <span>OpenIDConnectSample2</span> </div> ); } } exportdefaultAppHeader;consthandleLogout=(event)=> ...Logoutボタン押下時に実行されるメソッド。メイン部App.jsから受け渡されたlogout関数を呼び出します。コンテンツ部(AppContents.js)コンテンツ部にあたるAppContents.jsを次のように修正します。 importReactfrom'react'; import'./AppContents.css'; //メイン表示領域 //props //user:useAuth0()で取得したuser情報 functionAppContents(props){ letoidcUser=props.user; if(oidcUser){ //画面表示処理 return( <divclassName="AppContents"> <div>メイン表示領域</div> <div> <span>ユーザー名:</span><span>{oidcUser.profile.name}</span> </div> <divalign="left"> {JSON.stringify(oidcUser,null,2)} </div> </div> ); }else{ //画面表示処理 return( <divclassName="AppContents"> <div>メイン表示領域</div> </div> ); } } exportdefaultAppContents;if(oidcUser) ...メイン部App.jsから受け渡されたreact-oidcのユーザ情報props.userに値が格納されていたら表示処理を行います。{oidcUser.profile.name}react-oidcから受け取ったユーザ情報の中からユーザ名(ログインID)を表示します。{JSON.stringify(oidcUser,null,2)}react-oidcから受け取ったユーザ情報をまるっと全部表示します。デバッグ用です。動作確認それでは実際に動かしてみます。authsample2ディレクトリ上で、Node.jsを起動します。 (authsample2ディレクトリ内で) $npmstart自動的にブラウザが起動します。もし起動しない場合には、http://localhost:3000/ にアクセスします。最初はログイン認証できていない状態ですので、メイン部<App>でログインボタンを表示します。ログインボタンを押下します。すると、Auth0サイトにリダイレクトし、Auth0サイト上でログイン画面を表示します。メールアドレスとパスワードには、ReactでOpenID Connectを実装する～その２で登録したユーザIDとパスワードを入力します。正しいユーザIDとパスワードを入力すると、再び自サイト(localhost)にリダイレクトされます。認証処理中の裏では、自サイトからAuth0にトークンリクエストを投げてアクセストークンを取得しています。数秒待つと、認証後の画面を表示します。Logoutボタンを押下すると、ログアウト処理が行われ、再び最初のログイン画面に戻ります。次回は認証プロバイダとしてAuth0を使う代わりに、自分自身で独自の認証プロバイダを立ち上げてみます。これで外部サイトに頼らずともログイン認証を実装できます。ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編）
19Sep
- ReactでOpenID Connectを実装する～その３
  今回はAuth0でログイン認証する簡単な認証利用アプリ(WEBアプリ)を作成します。～目次～ ReactでOpenID Connectを実装する～その１　準備 ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編) ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編)　☆この記事☆ ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編） ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編） ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編） ReactでOpenID Connectを実装する～その８　あとがき簡単な認証利用アプリをコーディングしてみる事前準備ReactでOpenID Connectを実装する～その１で作成したサンプルプログラム(authsample0)をコピーして、ログイン認証を実装したサンプルプログラム(authsample1)を作ります。 (authsample0があるディレクトリに移動しておきます) $ cp -r authsample0 authsample1 $ cd authsample1Auth0が提供するライブラリ(@auth0/auth0-react)をインストールします。 $npm install @auth0/auth0-reactトップ画面(index.js)トップ画面にあたるindex.jsを次のように修正します。 importReactfrom'react'; importReactDOMfrom'react-dom'; import{Auth0Provider}from'@auth0/auth0-react'; import'./index.css'; importAppfrom'./App'; importreportWebVitalsfrom'./reportWebVitals'; //Auth0管理画面で取得した値を<Auth0Provider>の各値に設定する。 //domain,clientId,audience ReactDOM.render( <React.StrictMode> <Auth0Provider domain="dev-******.us.auth0.com" clientId="mhrvyvJBTZ701BzU****************" audience="https://dev-******.us.auth0.com/api/v2/" redirectUri={window.location.origin} > <App/> </Auth0Provider> </React.StrictMode>, document.getElementById('root') ); reportWebVitals();import{Auth0Provider}from'@auth0/auth0-react';先ほどインストールしたAuth0が提供するライブラリ(@auth0/auth0-react)を読み込みます。<Auth0Provider>～</Auth0Provider>Auth0が提供するタグです。メイン部である<App />を囲むように記述しているので、<App />全体がログイン認証の制御範囲になります。domainAuth0の設定情報で記載されていたDomainを設定します。clientIdAuth0の設定情報で記載されていたClient IDを設定します。audienceAuth0のAPI設定で記載されていたIdentifierのURL文字列を設定します。domain, clientId, audienceの値がAuth0管理画面で表示されている値が異なっているとうまく接続できないため慎重に入力しましょう。メイン部(main.js)メイン部分にあたるmain.jsを次のように修正します。 importReactfrom'react'; import{useAuth0}from'@auth0/auth0-react'; importAppHeaderfrom'./AppHeader'; importAppContentsfrom'./AppContents'; import'./App.css'; functionApp(){ //Auth0が提供する認証用定義 const{ isLoading, isAuthenticated, error, user,//ユーザー情報(TUser型) loginWithRedirect,//Auth0にログイン画面を表示するよう要求 logout,//Auth0に現在のユーザをログアウトするよう要求 }=useAuth0(); //Auth0への接続処理中の場合 if(isLoading){ return( <divclassName="App"> <divclassName="AppHeader"> <AppHeader/> </div> <divclassName="AppContents"> Auth0を利用した認証処理中... </div> </div> ); } //Auth0で認証エラー発生した場合 if(error){ return( <divclassName="App"> <divclassName="AppHeader"> <AppHeader/> </div> <divclassName="AppContents"> 認証エラー発生({error.message}) </div> </div> ); } //Auth0で正常に認証できた場合(→ログイン後の画面を表示する) if(isAuthenticated){ return( <divclassName="App"> <divclassName="AppHeader"> <AppHeaderlogoutFunc={logout}/> </div> <divclassName="AppContents"> <AppContentsuser={user}/> </div> </div> ); //認証前の画面表示(→ログインボタンを表示する) }else{ return( <divclassName="App"> <divclassName="AppHeader"> <AppHeaderlogoutFunc=""/> </div> <divclassName="AppContents"> <buttononClick={loginWithRedirect}>ログイン</button> </div> </div> ); } } exportdefaultApp;const { ... } =useAuth0();Auth0が提供する認証用の定義情報です。とりあえずこのままコピペしましょう。if(isLoading) ...isLoadingがtrueの場合、Auth0で認証処理をしている最中の状態になります。画面には「認証処理中...」などと表示して、ユーザに処理途中である旨を知らせます。if(error) ...errorがtrueの場合、Auth0で認証失敗しています。エラー画面を表示します。if(isAuthenticated) ...isAuthenticatedがtrueの場合、Auth0で正常にログイン認証ができた状態です。ログイン後に表示するメイン画面を出力します。今回はヘッダ部<AppHeader>にlogoutメソッドを渡し、コンテンツ部<AppContents>にuser情報一式を渡して、各タグに表示処理を移譲しています。if(isAuthenticated) ... else ...isAuthenticatedがfalseの場合、まだログイン認証ができていない状態ですので、画面上にログインボタンを表示します。ログインボタン押下時(onClick)はloginWithRedirectメソッドを呼び出して、Auth0ログイン画面を表示するよう要求します。ヘッダ部(AppHeader.js)ヘッダ部にあたるAppHeader.jsを次のように修正します。 importReactfrom'react'; import'./AppHeader.css'; functionAppHeader(props){ //ログアウトボタン押下時 consthandleLogout=(event)=>{ console.log(event.target.value); props.logoutFunc({returnTo:window.location.origin}); } //ログアウト関数が指定されている場合(→ログアウトボタンを表示) if(props.logoutFunc){ return( <divclassName="AppHeader"> <span></span> <span>OpenIDConnectSample1</span> <spanclassName='right'> <buttononClick={handleLogout}>Logout</button> </span> </div> ); //ログアウト関数が指定されていない場合(→ログアウトボタンは非表示) }else{ return( <divclassName="AppHeader"> <span></span> <span>OpenIDConnectSample1</span> </div> ); } } exportdefaultAppHeader;if(props.logoutFunc) ...メイン部App.jsからlogoutFuncを受け渡された場合には、ログイン認証済みの状態なので、Logoutボタンを表示します。<buttononClick={handleLogout}>Logoutボタンを押された場合には、handleLogoutメソッドを呼び出します。そしてhandleLogoutメソッド内では、メイン部App.jsから受け渡されたlogoutFuncを呼び出してログアウト処理を実行します。if(props.logoutFunc) ... else ...メイン部App.jsからlogoutFuncを受け渡されなかった場合には、ログイン未認証状態なので、Logoutボタンは表示しません。コンテンツ部(AppContents.js)コンテンツ部にあたるAppContents.jsを次のように修正します。 importReactfrom'react'; import'./AppContents.css'; //メイン表示領域 //props //user:useAuth0()で取得したuser情報 functionAppContents(props){ //画面表示処理 return( <divclassName="AppContents"> <div>メイン表示領域</div> <div> <span>ユーザー名:</span><span>{props.user.name}</span> </div> </div> ); } exportdefaultAppContents;コンテンツ部<AppContents>は、ログイン認証済みの場合にだけ表示されます。Auth0から受け渡されたユーザ情報props.userにログインしたユーザ情報が格納されています。ここでは{props.user.name}としてユーザIDを表示しています。動作確認それでは実際に動かしてみます。authsample1ディレクトリ上で、Node.jsを起動します。 (authsample1ディレクトリ内で) $npmstart自動的にブラウザが起動します。もし起動しない場合には、http://localhost:3000/ にアクセスします。最初はログイン認証できていない状態ですので、メイン部<App>でログインボタンを表示します。ログインボタンを押下します。すると、Auth0サイトにリダイレクトし、Auth0サイト上でログイン画面を表示します。メールアドレスとパスワードには、ReactでOpenID Connectを実装する～その２で登録したユーザIDとパスワードを入力します。正しいユーザIDとパスワードを入力すると、再び自サイト(localhost)にリダイレクトされ、認証後の画面を表示します。Logoutボタンを押下すると、ログアウト処理が行われ、再び最初のログイン画面に戻ります。次回はAuth0が提供するAPI(@auth0/auth0-react)を使う代わりに、一般的なOpenID Connect用APIであるreact-oidcを使ってログイン認証処理を実装してみます。ReactでOpenIDConnectを実装する～その４　react-oidcを使ってみる
- ReactでOpenID Connectを実装する～その２
  OpenID Connectによるログイン認証を簡単に実装するために、インターネット上で認証サービスを提供しているAuth0というサイトを使ってみます。今回はAuth0へのユーザ登録と設定を行います。～目次～ ReactでOpenID Connectを実装する～その１　準備 ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編)　☆この記事☆ ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編) ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編） ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編） ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編） ReactでOpenID Connectを実装する～その８　あとがきAuth0に無料登録するAuth0はインターネット上で認証・認可サービスを提供しているサイトです。7,000アクティブユーザまでであれば無料でサービスを利用できるのと、さまざまな言語に対応した使い勝手のよいAPIを提供しています。このためOpenID Connectに詳しくない人でも簡単にログイン認証処理を実装することができます。認証処理の基本的なフローを知るために、まずはAuth0サービスを使ってログイン認証を実装してみることにします。まずは習うより慣れろで、Auth0に無料登録してみます。料金体系の画面からFree planの「Start Buillding with Auth0」を押します。Sign Up画面でお自身のEmailアドレスとPasswordを入力してID登録します。（注）Auth0に関する情報は2021年8月時点のものです。将来的に変更となる可能性があります。Auth0の設定ここからはAuth0の管理画面で、さまざまな設定をしていきます。ログイン画面の選択エンドユーザがログインIDとパスワードを入力する画面、いわゆるログイン画面を定義します。自サイト内でログイン認証する従来までのやり方では、当然ログイン画面を自分自身で作成して、自サイト内に配置する必要があったのですが、Auth0のような認証プロバイダを使う場合、ログイン画面はAuth0サービスが準備しエンドユーザに表示することになります。メニューから「Getting Started」を選択します。そして「Getting Started」画面の「Try your Login box」から「Customize→」をクリックします。「Universal Login」画面が表示されます。この画面ではあらかじめ用意されている「New」と「Classic」の２パターンのログイン画面を選択することができます。どちらか好きなデザインを選択してください。ただやはりログイン画面を自分のサイトに合わせたデザインに変えたい場合もありますので、このような場合には「Login」タブを選択し「Customize Login Page」画面を表示します。ここではログイン画面のHTMLを修正することができます。認証利用アプリから接続できるようAuth0に接続定義を作成今回作成するサンプルアプリ(AuthSample1)がAuth0に接続できるように、Auth0に定義情報を作ります。Auth0ではこれを「Application」と呼んでいます。メニューから「Getting Started」を選択します。そして「Getting Started」画面の「Integrate Auth0 into your application」から「Create Application→」をクリックします。「Create Application」画面が表示されます。「Name」に適当な名前を入力します。ここでは「AuthSample1」とします。続けて「application type」を選びます。今回は認証利用アプリをReactで作成するので「Single Page Web Applications」を選びます。最後に「Create」ボタンを押します。「AuthSample1」の設定画面が表示されます。「Settings」タブを選択して設定を進めます。Name任意の名称を指定します。先ほど入力したAuthSample1が設定されているので変更不要です。Domain認証利用アプリからAuth0にアクセスする際に使われるドメイン名です。認証利用アプリ側が接続時に使う情報になるのでメモしておいてください。Client ID認証利用アプリからAuth0にアクセスする際に認証利用アプリを識別するためのIDです。Auth0はこのClient IDでどの認証利用アプリからの接続なのかを識別します。Auth0が任意の値を自動生成してくれるのでその値をそのまま使います。認証利用アプリ側が接続時に使う情報になるのでメモしておいてください。Client Secret第三者から不正アクセスされないよう認証利用アプリと認証プロバイダ(Auth0)間で事前に秘密コード(パスワード)を取り交わすために使います。今回はClient Secretを利用しないので変更せずに放置しておきます。設定入力を続けます。Application Logoロゴを変えたい場合には画像を指定します。今回はデフォルトを使います。Application Type今回はReactで認証利用アプリを作りますので「Single Page Application」を選択します。Token Endpoint Authentication Method認証利用アプリと「Client Secret」をやり取りする際の方法を指定します。「None」が選択されているので変更せずにそのままとします。(注) Auth0では、Application Typeとして「Single Page Application」を選択した場合にToken Endpoint Authentication Methodが「None」固定となります。つまりClient Secretなしでの接続に限定されます。なぜこのような仕様になっているのかは分かりません。詳しい方がいたら教えてほしいです...さらに設定入力を続けます。Application Login URI今回は何も設定しません。Auth0から認証利用アプリが準備するログインページにリダイレクトする際に使います。Allowed Callback URLsAuth0が表示したログイン画面でログインIDとパスワードを入力した後、認証利用アプリに認証コードを通知するためにリダイレクトするのですが、そのリダイレクト先のURLを指定します。今回はローカルPC上で認証利用アプリを立ち上げるので「http://localhost:3000」を指定します。Allowed Logout URLsAuth0でログアウト処理をした後、認証利用アプリにリダイレクトするのですがそのURLを指定します。今回はCallback URLと同じ「http://localhost:3000」を指定します。さらにさらに設定入力を続けます。Allowed Web Originsクロスオリジン通信を許可するサイトをURLで記載します。今回は認証利用アプリを「http://localhost:3000」で立ち上げるのでそのURLを設定します。セキュリティの観点からこの定義は必ず設定するようにしましょう。Allowed Origins (CORS)Java ScriptからAuth0 APIの呼び出しを許可するサイトをURLで記載します。先に設定した「Allowed Web Origins」はDefaultで許可されるとのことなので今回は設定不要です。最後に「Save Changes」で設定を保存します。Auth0 API設定の確認認証利用アプリから呼び出すAuth0 APIの設定を確認しておきます。メニューから「Applications > APIs」を選びます。「Auth0 Management API」をクリックします。IdentifierのURL文字列をメモしておきます。のちほど認証利用アプリからAuth0 APIを呼び出す際に、audienceパラメタにこの値を設定する必要があるためです。ログインユーザの作成次に認証利用アプリで使うログインユーザを、Auth0に登録していきます。自サイト内でログイン認証する従来までのやり方では、ユーザIDとパスワードのリストを自サイト内のデータベースなどに格納していたわけですが、Auth0のような認証プロバイダを使う場合、ユーザID、パスワード、氏名などのログインユーザ情報をAuth0サービスに登録して、Auth0側で管理・保持します。メニューから「User Management > Users」を選択します。画面が表示されたら、右上の「+ Create User」を押します。この画面で、ログインユーザID(=Eメールアドレス)やパスワードを入力します。EmailEメールアドレスを設定します。Auth0のデフォルト設定ではEmail = ユーザIDとなります。Passwordパスワードを設定します。Repeat Passwordパスワードをもう一度設定します。Connection今回は普通のログインユーザID・パスワード認証を使うので、Username-Password-Authenticationを設定します。のちほど動作確認ができるように、２～３個ほどログインユーザIDを作っておきましょう。ちなみにEメールアドレスとは別にログインユーザIDを作りたい、パスワードポリシーを変えたいなど詳細な設定をしたい場合には、メニューの「Authentication > Database」にて細かな設定ができます。Auth0の設定は以上です。【参考】Auth0の公式サンプルプログラムAuth0からは公式のサンプルプログラムも提供されています。こちらを使って動作確認してみてもよいでしょう。「Quick Start」タブを選択し、Reactアイコンを選択します。「DOWNLOAD SAMPLE」ボタンを押すと、サンプルプログラムをダウンロードできます。またこのページには基本的な設定方法やコーディング方法が書かれているので参考にすると良いでしょう。次はこのAuth0にアクセスする認証利用アプリ(AuthSample1)を実装していきます。ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編)
- ReactでOpenID Connectを実装する～その１
  現時点(2021年)でおそらく一番ポピュラーな認証プロトコルであるOpenID Connectですが、その実装方法を具体的に示した日本語記事は案外少ないようです。今回はReactを使ってOpenID Connectによるログイン認証処理を実装し、その使い方をまとめてみました。～目次～ ReactでOpenID Connectを実装する～その１　準備　☆この記事☆ ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる (Auth0設定編) ReactでOpenID Connectを実装する～その３　Auth0サービスを使ってみる (アプリ開発編) ReactでOpenID Connectを実装する～その４　react-oidcを使ってみる ReactでOpenID Connectを実装する～その５　自前認証プロバイダを立ち上げてみる（処理フロー編） ReactでOpenID Connectを実装する～その６　自前認証プロバイダを立ち上げてみる（認証プロバイダ編） ReactでOpenID Connectを実装する～その７　自前認証プロバイダを立ち上げてみる（認証利用アプリ編） ReactでOpenID Connectを実装する～その８　あとがきOpenID ConnectとはOpenID Connectは認証プロトコルの標準規約です。これまでは自分のシステム内で実装していたログイン認証処理を、他サーバー(OpenID Provider)に代わりにやってもらい、自分のシステムではその認証結果だけを受け取る方式になります。OpenID Connectでは以下の登場人物が現れます。認証プロバイダ正式名称はOpenID Provider(略称OP)ですが本ブログでは認証プロバイダと呼ぶことにします。ログインIDとパスワードで認証処理をしたり、認証利用アプリ(RP)からの要求を受けて、名前やEメールアドレスなど属性情報の取得を認可したりします。AWS,Azure,Google Cloudなど主要なクラウドサービスでは基本的なIDプラットフォームとして提供されているので、それらを使うのが一般的なようです。認証利用アプリ正式名称はRelying Party(略称RP)ですが本ブログでは認証利用アプリと呼ぶことにします。認証プロバイダに認証要求(IDトークンの発行依頼)や認可要求(アクセストークンの発行依頼)を行います。いわゆるサーバーアプリケーションです。ブラウザ認証利用アプリにアクセスするためのクライアントアプリです。ChromeやEdgeなどが一般に使われます。エンドユーザブラウザを操作し認証利用アプリにアクセスする人です。OpenID Connectを実装するにあたり、上記の登場人物とその間で行われる通信フローを理解しておく必要があります。理解の助けとなるサイトをいくつかご紹介しますので、これらを読んで大まかの流れを理解してください。一番分かりやすい OpenID Connect の説明多分わかりやすいOpenID ConnectReactでシンプルな画面を作るログイン認証処理を実装する前に、認証処理のないシンプルな画面をReactで作成します。環境以下の環境でプログラムを動作させました。 OS　Ubuntu 20.04.2 ※自分はWindows10にWSL2をインストールしその上でUbuntuを起動させました。 Node.js　V14.17.4 Npm　V6.14.14 react　V17.0.2WSL2(Windows Subsystem for Linux 2)はWindows 10のバージョン1903以上が必要です。WSL2のインストール方法は、Microsoftの公式ページなどを参考にしてください。もちろん素のUbuntuやCentOSなどを使用していただいても問題ありません。インストールUbuntu上にnode.jsをインストールします。 $ curl -sL https://deb.nodesource.com/setup_14.x | sudo bash - ## Installing the NodeSource Node.js 14.x repo... ...中略... Reading package lists... Done $ sudo apt-get install -y nodejs正常にインストールできているかバージョンを確認します。 $ node -v v14.17.4 $ npm -v 6.14.14 React(CreateReactApp)をインストールします。 $ sudo npm -g install create-react-app Reactアプリ(authsample0)を準備するまず今回作成するReactアプリ(authsample0)のひな型を作ります。以下のコマンドを実行します。 $ create-react-app authsample0 これでauthsample0というディレクトリが作成され、その配下にReact用のひな型アプリが作成されます。それではReactがデフォルトで用意している画面を表示してみます。以下のようにNode.jsを起動します。 $ cd authsample0 $ npm start Compiled successfully! You can now view authsample0 in the browser. Local: http://localhost:3000 On Your Network: http://xxx.xxx.xxx.xxx:3000正常に起動すると標準出力にIPアドレスやポート番号(通常は3000)が表示され、ブラウザが自動的に起動します。Reactアプリ(authsample0)のソースを記述するヘッダ部とコンテンツ部だけがあるシンプルな画面を作ります。こんな感じです。App.jscreate-react-appコマンドで自動的に作成されたApp.jsを次のように書き換えます。 import React from 'react'; import AppHeader from './AppHeader'; import AppContents from './AppContents'; import './App.css'; function App() { // 画面表示処理 return ( <div className="App"> <div className="AppHeader"><AppHeader /></div> <div className="AppContents"><AppContents /></div> </div> ); } export default App;<AppHeader />でヘッダ部を表示し、<AppContents />でメインとなるコンテンツ部を表示します。AppHeader.js次にヘッダ部のソース(AppHeader.js)を新規に作ります。 import React from 'react'; import './AppHeader.css'; function AppHeader() { // ログアウトボタン押下時 const handleLogout = (event) => { console.log(event.target.value); } // 画面表示処理 return ( <div className="AppHeader"> <span></span> <span>OpenID Connect Sample 0</span> <span className='right'> <button onClick={handleLogout}>Logout</button> </span> </div> ); } export default AppHeader; 右端にLogoutボタンを配置し、クリックされたらhandleLogout関数を呼び出すようにします。現時点ではボタンを押しても何もしません。AppContents.js次にコンテンツ部(AppContents.js)のソースを新規に作ります。 import React from 'react'; import './AppContents.css'; function AppContents() { // 画面表示処理 return ( <div className="AppContents"> メイン表示領域 </div> ); } export default AppContents;ディレクトリ内のファイル構成は、このような感じになります。これで最初に示したようなシンプルな画面が表示されます。本画面のサンプルソースはこちらからダウンロードできます。このシンプルな画面にログイン認証処理を追加していくのですが、その前に認証サービスを提供しているAuth0サービスの設定をしていきましょう。ReactでOpenID Connectを実装する～その２　Auth0サービスを使ってみる
13Jun
- アイドル楽曲大賞2021(上半期)を選んでみた
  今年もあっという間に６月がやってきた！ということでアイドル楽曲大賞2021(上半期)を選んでみた。対象期間は2020/12月～2021/5月。気になった楽曲をその都度メモっておいて半年間隔で放出しているのだが、ブログに載せる楽曲を絞り込めずにダダ流しになってしまった。ＤＤが加速してる。無駄にブログが長くなった。◆インディーズアイドル楽曲編深海 / fishbowlフィロソフィーのダンス、ukka、リルネードなど数々の楽曲派アイドルの作詞（もしくは作曲）を手掛けてきたヤマモトショウ氏が、満を持して自身の地元静岡を拠点とするアイドルをプロデュース。さらにそのデビュー曲も自ら作詞・作曲・編曲を手掛けた渾身の一曲。いま流行りの「夜好性」を意識したメロディーは、音楽業界に本気(と書いてマジ)で殴り込みをかけたと言っても過言ではないほどの出来栄え。オーディションで集められたばかりのほぼ素人同然のメンバー６人が初めてこの楽曲を聴いた時の映像が残っているが、一聴して全員の顔つきがサッと変わるのを見て取ることができる。誰が聴いてもグサリとささる普遍性をもつ楽曲だからなのだろう。各メンバーの地元自治体や企業がスポンサーとなる仕組みも秀逸。アイドルグループに対してスポンサーがつくことはあっても、メンバー毎にスポンサーをつけるというアイデアは目から鱗。もしオーディション選考の段階から、メンバー６人の出身地がバラバラになるよう考慮していたのだとしたら頭イイ～としか言いようがない。ちなみに推しは、にーまさんです。（さらりと告白するスタイル～）Dreamin' / POMERO私が選ぶ楽曲大賞ではすっかり常連となったPOMEROさん。この曲もいい。ほんと好きなやつっす。POMEROさんの曲は裏切らないっす。とくに大サビに重なるスキャット(？)がお好み。ホントにかっちょええです。最近、POMERO楽曲のラップパートを任されているゆうきさんは、この曲でもラップパートを担当。安定感がある。毎年スタイリッシュな良曲を出し続けてくれるPOMEROさんなんだが、アイドル楽曲大賞に全然食い込んでこないの何でなんでしょうかね～。楽曲派ヲタクはもっとPOMEROに注目してくれぇ～。ちなみに推しはお姉さんのほうです。（さらりと告白するスタイルその２）FIRE / 透明写真※FIREは18:11頃～クルミクロニクル活動終了から早５年。あのUSAGI DISCOが5年ぶりにサウンドプロデュースを開始。アイドル×エレクトロポップの組み合わせが好きな人には涙がでるほどうれしい。元々、安心・安全・信頼のUSAGI DISCOブランドではあったが、今出している楽曲がすべて(自分的に)アタリ曲という素晴らしさ。特にこの「FIRE」は超絶かっこいい。今のところ紹介できる動画や配信サイトがないのがホントにもどかしい限りなのだが、(運営さんがライブ動画をYoutubeにアップしてくれたのでこの記載は削除)イントロで心つかまれ、メンバーのりんさん自身が考えているというオリジナリティー溢れる振り付けに見惚れ、サビのクールさにノックダウン。ライブではほぼサビを歌わない（！？）という斬新さも吹っ切れていて良き。インディーズアイドル好きは今年必ず聴くべき一曲。ちなみにFIREはtwitter掲載動画で少しだけ聴ける。きっと７月リリース予定のEPに収録されるはず（とわたしは信じている！）なので、その時にもう一度ブログ更新するかな。この「FIRE」以外にもクルミクロニクルのカバー曲「Candy Trip」「Seventeen」や2ndシングル「Favorite Music」などキャッチーなメロディー楽曲をすでに何曲も持っているのは強い。まさに楽曲派。そういえば、メンバーのゆあさんが勝手に(！？)「透明写真は楽曲派」と宣言してしまったことを公式でいじられている動画がお気に入り。今はどうしても音楽が先行してしまいますが、楽曲とメンバーのきらめきが、交差する地点を目指してます☺️#透明写真 https://t.co/yZ1iA0vfaZ pic.twitter.com/7SS0Et5YoP— 透明写真 (@tomeishashin) May 29, 2021初ライブは今年２月からという初々しいユニットだが期待値高し。今年の後半にかけて更に楽曲が増えるとのことなので楽しみしかない。水硝子 / RYUTist昨年発売されたアルバム「ファルセット」がアイドル楽曲大賞2020のアルバム部門第２位にみごと選出。アルバムとしての完成度が高すぎたので、もうこれを超えていくのは正直難しいんではないかと思っていたが、想像の斜め上をいく新曲をリリースしてきたRYUTistさん。攻めてる！前衛的なアレンジではじまるこの曲。しかしサビでは一転してRYUTistさんの得意とする伸びやかで開放感のあるメロディーが耳に心地よい。技巧を凝らした曲はたいていの場合、初聴時は「ををっ」と驚くのだが毎日聴くのはツラくなってしまいがち。しかし「水硝子」は技巧的でありながらも、サビのメロディーの心地よさですべて回収してしまうので、また何度も聴きたくなる。今回、作詞作編曲の君島大空さんを初めて知ったのだが、sara tob sakanaさんに楽曲提供もされていた方だったというのを後から知った。どこかオサカナ感が漂うな～と感じていたのだが直感はそれほど誤りではなかったらしい。楽曲派アイドルにRYUTistあり、を知らしめる一曲。ちなみに推しはともちぃーさんです。（さらりと告白するスタイルその３）アイニキテ / あやたんとgbローカルアイドル不毛の地、山形に突如現れ出たアイドル「あやたん」。山形のクリエイターが集まりアイドルを作っちゃおう！という（いい意味で）能天気なコンセプトが好感度大。サードシングルとなる本曲は四つ打ちベースの本格派な楽曲。だがその上に、あやたんさんの舌足らずな声がのるギャップが楽しい。一度聴き始めたらやめられなくなるやつ。超絶かっこいいっす。一時期こればっかり聴いてた。Bubble / おーるどにゅーすぺーぱー2020年結成のガールズ・ラップ・ユニット。曲は確かにラップなのだが、ポップでもありテクノっぽくもあり、絶妙な融合でオシャレに仕上がっている。曲全体からあふれ出るキラキラ感が心弾ませる。メンバーの「そのた」さんも「えりい」さんもそれぞれソロで活動していたとのことで歌唱力も抜群。そしてBubbleが収録されているEP「スクーーープ!!」は５曲すべてが良曲。ミニアルバムとしての完成度も高い。bitter or sweet / クマリデパート昨年のアイドル楽曲大賞では問題作(？)「ネコちゃんになっちゃうよ～」でインディーズ楽曲部門の２位をかっさらったクマリデパートさん。独自の世界感を確立している。そして2021年2月リリースの2nd FULL ALBUM「セカデパ！」、7月リリース予定の「限界無限大ケン％」といずれもクマリワールドが炸裂。独自の世界観という意味ではもう他のアイドルさんの追随を許さない勢い。年末の楽曲大賞ではおそらく最新シングル「限界無限大ケン％」がランキング上位に食い込んでくると思われるが、自分はあえて「bitter or sweet」を推したい。2ndアルバム「セカデパ！」ではおそらく一番クマリさんらしくない楽曲だと思うが、個人的にはこの曲が一番好きかな。そしてさおてゃんがカワイイです（さらりと告白するスタイルその４）。ちなみに「限界無限大ケン％」のイントロのクラップを聴くとどうしても活動終了してしまったmaison book girlを思い出してちょっと切ない気持ちになるんだが、やっぱりこれはサクライさんからブクガへの餞別みたいなものだと思えばよいんでしょうかね。(感傷...)Cherry moon ～ Bossa Nova Ver. ～ / 南端まいな今やアイドルは様々なコンセプトを持ったグループに細分化されていて、ポストロックやらメタルやらシューゲイザーやら、やってない音楽ジャンルはないんじゃないかと思うのだが、なぜかボサノバ系アイドルというグループには出会ったことがない。そんな中、アイドルネッサンスの元メンバー南端さんがシャレオツなボサノバ曲をリリース。もともと２年前に発売された1stミニアルバム「Clarity」に収録されていた楽曲をボサノバアレンジしているのだが、原曲とは同じ曲とは思えないほど、様変わりしている。南端さんの透明感のある声とアコギの組み合わせがベストマッチ。自分はボサノバ大好きマンなのでこんな楽曲を待ってた！５月にリリースされた「しあわせモード」もボサノバアレンジの心穏やかになる曲。この路線続けてほしい。GET ON THE BOARD / CUBΣLICついにCUBΣLICさんが7月に1st EP「Chocolate Box」リリースを決定。楽曲は試聴トレーラー動画でしか聴けていないが、もう既に良いことが確定。よい楽曲は全部聴かずともヲタク感性でわかるのだ。フューチャーベースのピコピコ感をぶれずに続けてくれているのがとにかくありがたい。Evening Breeze / SZWARC※公式MVが削除されてしまったのでSpotifyに置き換えました。昨年末に書いたアイドル楽曲大賞2020で注目株として紹介したSZWARC。デビュー曲のEmotionがかなりよかったので、２曲目以降どうなるかな～と思っていたが、続いて公開されたこちらの曲も自分好みで嬉しみ。ライブ行きてー。個人的にはカップリング曲のSweet Escapeがよりお好み。今年も目が離せないアイドルグループのひとつ。PLANETNINE / lonery planet2019年から「都会の寂しい女の子」をコンセプトに活動している４人組アイドル。楽曲自体は2019年から歌われているようだが、音源としてYoutubeにアップされたのが2020年12月なので今回取り上げた。コンセプトどおり、どこかはかなげで繊細なメロディーでつづられる曲。歌詞に現れる「午前３時」「都会の街」「コバルトブルー」「孤独な私」という言葉の数々は、若者にはリアルタイムに、そしてオジサマ世代には過去の思い出をよみがえらせるものとして心を切なく揺らす。図らずも人と人との接点が希薄になってしまったコロナ下では、より一層切実な歌詞となって聴く人の胸を打つ。星屑の標本 / AMARELLE“超"セルフプロデュースユニットと銘打ち、メンバーの爛爛もなかさん自身がプロデュース・作詞をされている。美しくも残酷なグリム童話の世界感を切り取ったようなMVは、楽曲のもつ不安定さと重なって妖しくも美しい。短調なメロディーにのる透明感のある歌声も心地よい。眠れない深夜に聴きたくなる一曲。prism / WT☆Egret兵庫県姫路市を中心に活動するローカルアイドルKRD8の妹グループ「WT☆Egret（ほわいといーぐれっと）」。その1stアルバム「強くて消えそうな不器用な旋律」の完成度が高い。ポップな曲を中心に構成されているがこの「prism」はエモーショナル感が際立っていて自分のお好み。メンバーがみな歌がうまいので楽曲に説得力がある。◆メジャーアイドル楽曲編テレフォニズム / フィロソフィーのダンス　※2021/7/14にMV公開されたので差し替え昨年は「ドント・ストップ・ザ・ダンス」含む３曲のリリースにとどまってしまったフィロのスさん。そろそろガツンっといい曲が欲しいな～と思っていたタイミングでやってくれたよ。テレフォニズム。フィロのスといえば元々４人のメンバーの声質の違いが売りのグループだったが、この曲ではその声質の違いがピタッとはまって相乗効果マシマシ。特におとはすのアニメ声がドンピシャ。「アニメ声に生まれてくれてありがとう～おとはすぅ～」と叫んでしまうやつ。どうしてこれを表題曲にしなかったのかな～。そして４年半前に初めてライブ行った時から推しは変わりません。おとはす～♡ (キモいやつ)The Light / FAKYエイベックス・マネジメント所属のダンス＆ボーカルグループということで、アイドルではないんだが、楽曲がお好みだったので掲載。管楽器がよく効いたファンキーな一曲。メジャーアイドル少なっ。もっとメジャーにも興味もてよ俺。◆その他編アイドル楽曲ではないが今年になってよく聴いた曲をピックアップ。MIND CIRCUS (feat. Hikari) / Tokimeki Recordsもうここ数ヶ月間、朝の目覚まし音はこれ。めちゃいい。もしも神様が目の前に降臨して「お前に一曲だけ作曲できる才能を与えよう」と言われたら自分はこの曲を作る。すべてが完璧。原曲の中谷美紀さんバージョンももちろん好きで坂本教授のすごさを改めて感じる曲なのだが、原曲を超えた素晴らしい編曲とHikariさんの抜群の歌唱力が圧巻。後世に残すべき一曲。Insomnia/ YUKIKAYUKIKAこと寺本來可さんが、韓国人の作詞作曲するシティーポップを韓国語で歌うという面白さ。日本のシティーポップよりもシティーポップしてる感が強くて好き。世界的なシティーポップブームというのを肌で体感できる一曲。韓国語版Youtube動画公開の１ケ月後に日本語版も公開されたのだが、先に韓国語版を聴いてしまうと日本語版に逆に違和感を覚えてしまうのはなぜ？ちなみにこの曲が収録されているミニアルバム「timeabout」はいずれも良質なシティーポップで構成されており必聴の一枚。４曲目の「TIME TRAVEL」が自分のお好み。以上！
09Dec
- アイドル楽曲大賞2020
  今年もアイドル楽曲大賞2020に投票しました。■メジャー楽曲部門3.0 I My Me Myself / 竹内アンナ2.0 シングルTONEでお願い / 私立恵比寿中学2.0 悲しみの子供たち / maison book girl1.5ドント・ストップ・ザ・ダンス with DEZOLVE / フィロソフィーのダンス1.5 最高傑作 / MELLOW MELLOW■インディーズ楽曲部門2.5 時間だよ / RYUTist2.5 ハーバームーン / nuance2.0 微レ存ガール / CUBΣLIC2.0 obsession /FAREWELL, MY L.u.v1.0 re;star / いぎなり東北産次点 Saturday Night! / POMERO次点ジュピター / Kaede(Negicco)次点 Follow You Follow Me / サンダルテレフォン次点 A.D.D / RINGOMUSUME次点サマーレイン / 広瀬愛菜(次点おおすぎやろ...)■アルバム部門3.0 ファルセット / RYUTist2.0 海と宇宙の子供たち / maison book girl1.0 botän / nuance次点 RECONSTRUCT / POMEROコロナ影響で自分は今年の２月以降まったく現場に行けておらず、ぽちぽちとライブ配信を自宅鑑賞する日々だった今年の下半期。ちまたでは徐々に盛り上がりつつある現場の高揚感のようなものをSNS上でうらやましく見やっておりました。なんか自分だけ世の中から取り残されてしまった感が強い。う～ん悲しみ。とはいえ今年も気になったアイドル楽曲をピックアップ。上期分の楽曲大賞は「アイドル楽曲大賞2020(上半期)を選んでみた」のブログで書いたので、下半期で良かった楽曲をまとめた。◆2020年(下半期)アイドル楽曲編I My Me Myself / 竹内アンナ今年３月に発売されたフルアルバム「MATOUSIC」ですっかりファンになってしまった竹内アンナさん。それにしても、まさかアイドル楽曲大賞にノミネートされるとは予想してなかった。本人聞いたらびっくりするんじゃないでしょうか？ほんとうにアイドル枠でよいんだろうかｗとはいえ自分が今年いちばん聴いたアルバムはこの「MATOUSIC」であることは間違いなし。上半期では「RIDE ON WEEKEND」を選びましたが、悩みに悩んでやっぱりこちらの曲を楽曲大賞に選択。竹内アンナさんって作詞作曲センスは断トツだし、歌ったら声質も最高だし、ギターもめっちゃうまいし、ご本人はヲタクで気取らない性格だし、もうまったく欠点の見当たらない聖人君主のようなお方です。「THE FIRST TAKE FES vol.2」で歌った「Free Free Free」のYoutube動画も45万回再生(2020年12月6日時点)を超えていて、今年まさに世間に「見つかった」ところ。これからのさらなる飛躍に期待しています。時間だよ / RYUTist※「時間だよ」は9:40頃～。これはもうすごいよね。かっこ良すぎるよね。何の事前情報もなしで聴いたら「あれ、これ女子流の新曲？まじ？やばくね」という曲だよね。まさか素朴度100%の新潟ローカルアイドルが歌っているとは思わない。(ディスってるんではなくてあくまで敬意をもって褒めてます)いや、RYUTistさんはこれまでも良曲を世の中に繰り出していて、一昨年のアイドル楽曲大賞でも自分は「青空シグナル」に投票したし、なんかここ１～２年すごくメンバーが自信をもって活動しているのははた目にも分かったし、それでいて歌とダンスをいつまでもストイックさを失わずに高め続けているし、本当に楽曲派アイドルの鏡のような存在になっていると思うんですよ。その状態で、はい、きました「時間だよ」。ここまでアダルトでアーバンに振り切った楽曲はRYUTistさんにとっても初めてだったはずだけど、やり切ってるよね。カッコいいよね。一時期はこの曲をひたすらリピートしてたけど全然飽きがこない。満点です。re;star / いぎなり東北産自分はあまのじゃくなので、大手事務所アイドルさんは推さないんですよ。だって大勢の人が推してるんだから。自分が推さなくてもいいじゃん、ってなるんですよ。なので当然、スターダストプロモーションのアイドルさんとかは見ても見ぬふりするんだけど、このMVを見たときに「うわーやられた」ってなって、めっちゃリピート再生しちゃいました。なんかメンバーからほとばしる勢いを感じるんですよね。初期のももクロさんのような。やってやるぜ、世の中に一泡吹かせてやるぜ感って大事。そしてそれが嫌味じゃない。正直、これまでの「いぎなり東北産」さんの楽曲に良いものは感じなかったんだけど、これはアシッドジャズなテイストのカッコよさを取り入れつつ、キャッチーなメロディーラインもあってわたし好みの楽曲。そして長い下積みを重ねて鍛え上げられた確かなダンスパフォーマンスと歌唱力。公式Youtubeにライブ映像もアップされてるけど、MVクオリティーと遜色ないのでほんとにびっくり。基礎スキルが高すぎます。これはよいっす。この路線、続けてくれないかな～。ドント・ストップ・ザ・ダンス with DEZOLVE / フィロソフィーのダンスもう本当はフィロのスのヲタク他界しようかと思っていたんですよ。だってこれまで名曲を生み出し続けてきた宮野さんとヤマモトさんが外れるんですよ。いや～ないでしょ。いくらメンバーがベストフォーだからって言っても、唯一無二の楽曲あってこそのフィロのスじゃないですか。その楽曲を捨ててしまってどうするんだと。だからなんか納得できないまま、自分自身の中でもやもや感を消化できずに、９月発売のメジャーデビュー曲を聴くことになった。最初は正直ピンとこなかった。けどこのDEZOLVEアレンジ版ドント・ストップ・ザ・ダンスを聴いて、「ああやっぱり俺、フィロのス好きだな～この生き生きと歌う感じが好きなんだよなー」と再認識したのだった。確かにフィロのスが歌う宮野楽曲はもう聴けないかもしれないけど、世の中の音楽がそれしかないわけじゃないし、いい音楽は気づかれないだけでたくさん埋もれているわけで、そんなに深刻ぶることはなかったのだと。けどまさかフュージョンでくるとはね。自分たちの年代はやっぱりどこかでカシオペアとかスクウェアとかのフュージョン楽曲を好きになる道を一度は通るわけで、聴いた瞬間に「これ、これっすよ、このフュージョン感たまんねぇ」となっちゃうんですよ。これはいわゆる、加茂さんの思うつぼにはまったっていうことなんですかね。いずれにしても、１人のフィロのスヲタクの心を繋ぎとめてくれた加茂さんとベストフォーなメンバー４人に感謝。ここから次点です。ランキングに入れたかったけど入りきらなかった曲です。ジュピター / Kaede(Negicco)Negiccoの新曲「午前0時のシンパシー」のほうを選ぼうかと思ったけど、同じアレンジが曲中に一度も出現せずに、何度聴いても新鮮な音を楽しめる、という点でこの曲を選択。Kaedeソロの2ndアルバム「秋の惑星、ハートはナイトブルー。」のリード曲？なんだけど、このアルバムの収録曲、どれも歌うのがむっちゃ難しそうじゃないですか。聴くだけでもトリッキーなのに歌うとなったらどんだけ難しいんやねんと。けど配信ライブなんかを見てると、かえぽはそれを丁寧に表現しようとしていて、なんかそれがいいな～と。そしてやっぱりかえぽの魅力は艶のある低音。癒されます。A.D.D / RINGOMUSUMENegicco主催フェス「NEGi FES 2020 ONLINE」で見て好きになった曲。いや事前に予習はしていたんですよ。低音ブイブイに重なる三味線がかっけーなとは思っていたんだけど、ステージ上でのパフォーマンスを見て一気に好きに。あとから知ったんだけど、この曲、2005年のシングル曲のリアレンジなんですね。元曲からはまったく違った曲になっちゃってます。ジョナゴールドさんの上ハモが素晴らしくてジョナさん推しになりました。Follow You Follow Me / サンダルテレフォンもしアイドル楽曲大賞2020新人賞という部門があったとしたら、今年の新人賞は間違いなくサンダルテレフォンさんでしょう。厳密にいうと結成は2019年なので新人ではないんだけど、昨年のアイドル楽曲大賞の最高位が148位(真夏の匂い/サンダルテレフォン)だったことを考えると、今年にはいってからの無双ぶりがすさまじい。楽曲派ヲタクの心をわしづかみっす。1stアルバム「Step by Step」は捨て曲なしの良曲ばかりだけど、悩みに悩んでどれかひとつを選べと言われたら、自分が好きなのはこれかなと。サマーレイン /広瀬愛菜宇多丸さんのラジオで紹介されたとのことで11/4発売のアルバム「17」を聴いてみたらめっちゃ好みの曲ばかりで心を打ち抜かれたやつ。広瀬さんって誰？と思って調べてみたら、Peach Suger Snowとか3776の人だったんですね。そのあたりはあまり追いかけていなかったので知らなかった。「Travel In My Mind」とか「晴れた朝、人生の予感」とか「なんだただの青春か」とか「ダンデライオン」とかどの曲も打ち抜いてくるやつなんですが、特に好きなのはこの「サマーレイン」。広瀬さんの伸びのある高音がスパンッと立ち上がるのが耳に心地よい。8周年インスタライブを観てみたんだけど、マイクなしの生歌でもむちゃくちゃ歌うまくて驚き。まさに至高の声。いつかライブで聴きたいっす。Emotion / SZWARCこのブログを書き上げる準備をしている途中で見つけてしまった楽曲。2020年10月に活動開始したユニットだし、12月にお披露目ライブをしたばかりの生まれたてアイドル。とはいえメンバーの平野さんは元TAKENOKO▲のメンバーでもありAPOKALIPPPSと兼任している経験豊富なアイドルさん。MVをみるともう既に完成されている感を感じます。楽曲は自分好みなので来年の注目株。imagination / 竹内アンナ竹内アンナさんからもう一曲。4thミニアルバム「at FOUR」収録曲。出す曲出す曲がみんないいというこの信頼感はなんでしょう。日本語と英語をミックスさせて巧みに韻を踏んでいく爽快感がたまらんちょです。◆2020年(下半期)気になった楽曲編アイドルさんではないけど、下半期よく聴いていた曲はこちら。躍らせないで / eillテレ東の深夜ドラマ「女子グルメバーガー部」のエンディングで流れてきて「なんやこのかっこええ曲は？」と気になって聴き始めたら、なんかハマってしまった曲。驚いたのはeillさんがシンガーソングライターでこの曲を作詞作曲しているということ。弱冠22歳なのにこんな曲かけるとかすごくないですか？というか最近の若い世代の人たちってこういう曲をサラッとかいてきてすごくないですか？自分たちの世代だと考えられないようなレベルの高さだと思うんだよね。カッコいいの一言。悲しいくらいダイヤモンド / 一十三十一Negicco新曲「午前0時のシンパシー」の作詞作曲者ということで初めて知った一十三十一さん。その後、NHK某ドラマの主題歌ということで聴いてみたらハマりました。聴いたとたんに80年代にタイムスリップしたかのような錯覚。あの当時、松任谷正隆氏とユーミンが書き上げていた未公開曲だよって言われても納得してしまうような良質なポップミュージック。オジサン世代にとっては「最新曲なのに懐メロ」というなんだか得したような嬉しい曲。今年は以上！来年こそは現場に行かないとモチベ保てなさそうなので、はやくコロナ収束してほしいっす。
08Jun
- アイドル楽曲大賞2020(上半期)を選んでみた
  今年の上半期は新型コロナウイルスの影響でエンタメ業界全体が自粛モードに突入。特にライブハウスを活動拠点としていた現場主体のアイドルさんは、慣れないライブ配信やらグッズ販売やらで、なんとかしのいでいるという厳しい状況だった。そんな現場活動が制限されている状況の中でも、各アイドル運営さんはコンスタントに楽曲を制作。今年前半も色々と良い曲に巡り合えた。ということで、今年もアイドル楽曲大賞2020(上半期)を選んでみた。対象期間は2019/12月～2020/5月。もう曲数を少し絞り込んだほうが良かったかな～と思いつつ、結局、インディーズアイドル楽曲編で９曲、メジャーアイドル楽曲編で３曲、番外編で２曲をピックアップ。◆インディーズアイドル楽曲編nuance / ハーバームーン横浜発アイドルユニット。今年で結成３年。昨年のアイドル楽曲大賞でタイムマジックロンリーが上位にランクインし、楽曲派アイドルというカテゴリでは外せないグループに。nuanceさんはなぜか年末になると良曲をリリースするジンクスがあって、2017年末のミライサーカス、2018年末のタイムマジックロンリー、そして2019年末のハーバームーンと３年連続で刺さる曲をぶち込んできている。ラップ調で始まるこの曲。そのままラップで最後までいくのかと思いきや、サビで一転してシャレオツな曲調に。横浜発アイドルという下地を生かして、ラップ曲なのに上品でハイソ感があるという不思議な曲。サビでの「トゥルルルーッヤッホー」とか「イェイイェイイェイイェイ」とかの合いの手も気持ちいいし、サビ終わりでメンバー４人が人差し指をフロアに向けて「バン！」と打ち抜くさまにもキュンキュンする。楽曲そのものだけでなく振り付けを含めたライブをぜひ体感したい１曲。CUBΣLIC / UNISON CUBΣ「フューチャーベース異次元アイドルユニット」という肩書で2019年8月に結成された４人組アイドルグループ。フューチャーベースという名のとおり、一貫してシンセベースのキラキラ感ピコピコ感満載の楽曲を提供している。この曲の良いところは何といっても低音と高音の幅の広さとその融合感。こういうの大好物です。聴いていてホントに楽しい。そしてこういう曲調だとBPM早くなりがちだけど、じっくり聴かせるテンポが心地よい。残念ながら私はまだ生ライブ見たことないので早くライブハウスでみたいっす。そしてCUBΣLIC楽曲をどうしても１曲に絞りこめなかったのでCUBΣLICからもう１曲。CUBΣLIC / 微レ存ガールこちらも素晴らしく良い。なんかエレキギターやベースがめちゃ楽しく弾んでるし、聴いていてワクワクがとまらん。Ｂメロでハンドクラップが入っているのもライブ現場で一体感を得たいヲタクにはたまらんアレンジ。ライブハウスでハンドクラップして盛り上がりたいやつやん。ちなみにCUBΣLIC楽曲の作曲/編曲を手掛けているのはTEPPANさん。まったく知らない方だったのだが、CUBΣLICに提供している曲がどれも素晴らしい。上であげた２曲以外の楽曲もとてもよい。SOUNDCLOUDでフルコーラス聴けるのも嬉しい。UNISON CUBΣ(SOUNDCLOUD)微レ存ガール(SOUNDCLOUD)さっきの女の子、 / のいつも通りアシッドジャズを楽曲コンセプトに活動しているアイドルグループ。普段はボカロ曲を作られているYASUHIRO氏が楽曲を提供。昨年のアイドル楽曲大賞でも自分はさっきの女の子さんの楽曲に投票したけれども、YASUHIRO氏が作る曲はとにかくカッコイイの一言につきる。今年はメンバーが１人減り２人増えて５人ユニットでの再出発。３日に１回発信しているYoutube動画も他のアイドルとは違った取り組みをしていて面白い。今年は更に知名度をあげて多くの方に知ってほしいなと。POMERO / Saturday Night!ラテンのリズムに乗って歌う陽気な１曲。夏に聴きたいアイドル楽曲の最有力候補。楽曲自体は昨年中にライブハウス現場で既に聴いていたのだが、今年発売の2ndアルバム「RECONSTRUCT」でようやく音源化。POMEROさんが出す楽曲はいつも質が高いのでチェックを怠れない。同じアルバム内の「虹色ガール」もよい。今年は５人メンバーのうち２名を入れ替えての再出発。グループとしてのバランスがとても良くなったので今年も期待。FAREWELL, MY L.u.v /Obsession(Obsessionは29分頃～)昨年「gloomy girl」を聴いて衝撃をうけたフェアラブさん。せっかく名古屋単身赴任になってライブ行ける機会増えているはずなのに、タイミングが合わずまだ一回もライブに行けていないこの悲しみ。無銭Youtube配信を見て耐え忍んでます。そんなフェアラブさんの新曲obsessionがたまんなくカッコイイ。語り掛けるような静かなラップで始まるＡメロが面白い。そしてサビの圧倒的なグルーヴ感。よいです。ただ2020/5月時点でまだ音源出ていないので、年末の楽曲大賞にエントリするまでには音源出して欲しいぞと。ピューパ!! / Apricot!!「みんなで育てるサナギ系アイドル」という掴みどころのないキャッチコピーで活動する２人組アイドル。この曲はピューパさんの中でも一番ポップな楽曲で、わたし的にお好み。サンダルテレフォン / Magic All Night2019年4月に新体制として発足した「サンダルテレフォン」。私はハロプロ楽曲にあまり興味はないのだが、この曲は古き良き正統派パロプロ楽曲という感じで単純にノリノリになれる１曲。こういう王道感、キライじゃないっす。毒島大蛇 / 孤らぷすDEMON TAPESに所属し大阪を中心に活動しているソロアイドル。昨年、DEMON TAPESがnuanceの所属する事務所MINIMARING STUDIOと経営統合したことで初めてその存在を知った。初めて見たMVで楽曲がとても良かったのでピックアップ。5月開催のエクストロメ(渋谷Gladからの配信)で披露していたのを生(?)で初めて見たのだが、歌うのとても難しそうだった (それはそう)。これ完璧に歌いこなせたら超絶カッコイイ。◆メジャーアイドル楽曲編私立恵比寿中学 / シングルTONEでお願い6thアルバム「playlist」収録曲。発売が2019/12/18だったので、2019年のベストアイドル楽曲として既に取り上げられた方もいる(宇多丸さんとか)。エビ中さんは存在自体は知っていたし楽曲も聴いてはいたのだが、自分的にはあまり刺さらなくて、わたしがこよなく推しているNegiccoさんと仲良くしてくれてありがたいな～という感想くらいしか持っていなかった。しかし「シングルTONEでお願い」を初めて聴いた時「えっこれエビ中さんなの？」という衝撃が走る。まず「夜のクラブビジョン...」から始まるＡメロ。「これって誰？大貫妙子さん？」っていうくらいの雰囲気のある歌声。どうやら安本彩花さんが歌っているらしいのだが、この１小節でもうやられましたね。いい声もってる。山下達郎風シティポップがベタ過ぎるという評価もあるらしいが、いいものはいいんです。声を張り上げて歌うエビ中さんより、こういうしっとりした雰囲気のほうが個人的には好きなんですがどうでしょう。maison book girl / 悲しみの子供たちわたしのお気に入りグループであるブクガさんの最新アルバム「海と宇宙の子供たち」収録曲。こちらも2019/12月発売。これまであまり世間に迎合しない尖った楽曲で攻め続けていたブクガさんだが、このアルバムではブクガの雰囲気は残しつつも一般の方にも聴きやすいアルバムへと舵を切っている。とはいえ、この「悲しみの子供たち」のMVでは、見る人の背筋をぞわぞわさせる怪しいアニメーションにブクガおなじみの変拍子リズムがのっかって、聴くものを適度に不穏な気持ちにさせてきてます。ブクガお家芸満載の曲です。アルバム収録曲では「LandmarK」も好きだし「シルエット」も好き。どの曲もよいんだよな。アルバムの完成度は随一。コロナ自粛期間中は、メカに強い和田輪さんがメンバー４人と同時接続してライブ動画を流しながらコメンタリーをするという難易度高い配信を自力で実現していて、在宅エンタメの強さも発揮。Juice=Juice / ポップミュージックオジサン世代には懐かしいKANさんが作詞/作曲。70年代の洋楽メロディーをパロディーしまくっていることで話題に。今の若い人たちがどんな感覚でこの曲を聴いているのかは分からないのだが、とにかく無条件に明るくて、オジサン世代にも耳馴染みのあるメロディーにリピートが止まらないやつ。MVの突き抜け感も楽しい。今年はこの曲で決まりなんじゃないですかね。DA PUMPのUSAもそうだけど、カッコ良くてオシャレな曲よりも、なんか耳に残って離れないベタな曲が最終的には人を幸せにできるという真理。そういう意味でキャッチーなメロディーを作り続けるKANさんはスゴイなと。◆番外編アイドルさんではないが魅力的な女性シンガーで今年ハマった楽曲を２曲ピックアップ。竹内アンナ / RIDE ON WEEKEND1999年に宇多田ヒカル「First Love」を聴いた時の衝撃は今でも忘れられないが、それに匹敵するくらいの衝撃を受けたのが、今年3月発売の竹内アンナ「MATOUSIC」。現役女子大生ながら、自ら作詞作曲しつつギター弾き語りで歌い上げるその楽曲レベルの高さがハンパない。竹内アンナさんの楽曲の魅力はなんといっても歌詞の語感だ。例えばこの「RIDE ON WEEKEND」のサビでは「RIDE ON WEEKEND」「どこまでも」「どこへでも」「しているよ」で韻を踏み、さらに「観た映画」「会話の合間」「口ずさむ歌」「長いから」で韻を踏んでいる。そう、ラップのように言葉のリズム感が絶妙なのだ。また日本語と英語をうまく組み合わせて韻を踏んでいるのも特徴的だ。ご本人もツイッターで『「Happy」と「洗濯機」で韻を踏もうと思ったわたしなかなかナイスやん。』と呟かれていて、こうした語感をとても大切にしているのが伝わってくる。そして作詞作曲スキルに負けないくらい素晴らしいのがその歌声。「えっこれ土岐麻子さん歌ってんの？」というくらいもう完成されている歌声。21歳にしてこれってズルい。しかもラジオ等で話すトークからは飾らない人柄が感じられるし、もう天は人に２物も３物も与えるんだな～と。この人が売れんかったら、ほんまに日本の音楽業界は終わってる。2020/5月に行われる予定だったツアーが新型コロナの影響で延期になってしまったのがつくづく残念。ライブ行きたいわ～。チェキ撮りたいわ～(それは無理)SCANDAL / Tonight言わずと知れた2008年デビューのガールズバンド。9枚目のアルバム「Kiss from the darkness」収録曲。バンドには一切興味ないのでSCANDALさんは名前しか知らなかったし、このアルバムの他の曲はほとんど自分には刺さらなかったのだが、この「Tonight」は深夜ドラマの主題歌になっているだけあってキャッチー。うーん、これはきっと編曲のSASUKEさんがいいんだろうな。うまくハマった感じ。以上！まだまだエンタメ業界にとってはツライ日々が続くとは思うけど、下半期も良い楽曲を期待！