「Ora2×Perfume くちもとBeauty Project」TVCM、メイキング、記事、画像 2016.11.11
記事というには雑な、ただのメモでよろしければどうぞ…
目次
サンスターOra2公式サイト
Ora2×Perfume くちもとBeauty Project|Ora2(オーラツー)
http://www.ora2-perfume.com/
img_mv02.png (2000×530)
http://www.ora2-perfume.com/assets/img/top/img_mv02.png
img_mv02_sp.png (750×479)
http://www.ora2-perfume.com/assets/img/top/img_mv02_sp.png
img_mv01.png (2000×530)
http://www.ora2-perfume.com/assets/img/top/img_mv01.png
img_mv01_sp.png (750×479)
http://www.ora2-perfume.com/assets/img/top/img_mv01_sp.png
img_about01.png (518×451)
http://www.ora2-perfume.com/assets/img/top/img_about01.png
img_interview01.png (440×482)
http://www.ora2-perfume.com/assets/img/top/img_interview01.png
img_interview02.png (440×482)
http://www.ora2-perfume.com/assets/img/top/img_interview02.png
img_interview03.png (440×482)
http://www.ora2-perfume.com/assets/img/top/img_interview03.png
Ora2×Perfume「くちもとBeauty Project」第1弾 イラストから本人に早変わり!PerfumeがOra2の世界に登場!
http://jp.sunstar.com/company/press/2016/1111.html
▼Ora2公式、限定公開
Ora2✕Perfume All Day くちもとBeauty篇 - YouTube
https://www.youtube.com/watch?v=ubk9u90-XFs
▼Ora2公式、限定公開、2分11秒、MIKIKO先生
Ora2✕Perfume All Day くちもとBeauty篇 メイキングムービー - YouTube
https://www.youtube.com/watch?v=FJSsB5jbxB4
▼Ora2公式、限定公開
Ora2✕Perfume 「Impressions of Ora2」インタビューVol.1 - YouTube
https://www.youtube.com/watch?v=g-SnRGgJEnk
Perfume公式サイト
Perfumeが出演する、「Ora2×Perfume くちもとBeauty Project」のTVCMが11/19(土)より全国でオンエアスタートいたします!!
CM楽曲には、新曲「宝石の雨」が抜擢されています。
「Ora2×Perfume くちもとBeauty Project」スペシャルサイトでは、一足先にTVCM、メイキング映像、インタビュー映像をご覧になれます。「Ora2×Perfume くちもとBeauty Project」TVCM オンエア日決定!!|Perfume Official Site
【動画まとめ+α】
撮影の裏側動画、公式サイトのは短い、各メディア同じで字幕等編集違いのみかな。
MAiDiGiTV
▼メイキングとCM、MIKIKO先生、8分6秒、1080p60だけど30fpsとの差は感じられず、これだけ見ればOK。
Perfume、ヒール姿で石畳で軽快にダンス CM楽曲は新曲「宝石の雨」 サンスター「Ora2」新CM - YouTube
https://www.youtube.com/watch?v=qlUKq2LoQq4
ムビコレ
▼ムビコレ版 720p
Perfume新曲公開/サンスター「Ora2」CM - YouTube
https://www.youtube.com/watch?v=sknzM1_LuGA
▼ムビコレ版8分42秒、MIKIKO先生 720p
Perfume新曲公開/サンスター「Ora2」CMメイキング - YouTube
https://www.youtube.com/watch?v=-LE6kJ0HhoM
■JIJIPRESS/時事通信芸能動画ニュース
Perfume、「念願かなってうれしい!」 - YouTube
https://www.youtube.com/watch?v=Hl4HfnNPM7Q
■フィールドキャスター
Perfume 石畳でもハイヒールで華麗なダンスを披露!新曲「宝石の雨」「Ora2×Perfume All Day くちもとBeauty」篇 - YouTube
https://www.youtube.com/watch?v=DcDdFU0_ZqM
■WWS CHANNEL
Perfumeが新曲「宝石の雨」で軽快なダンスを披露!サンスター新CMが11月19日より全国でオンエア! - YouTube
https://www.youtube.com/watch?v=pqnfhsWsqQA
【動画】Perfumeが新曲「宝石の雨」で軽快なダンスを披露!サンスター新CMが11月19日より全国でオンエア! | WWSチャンネル
http://www.wws-channel.com/music2/22380.html
【各記事と画像のまとめ】
まんたんウェブの画像のほうが解像度高いけどCM動画のキャプチャ画像はPOP LINEの方が大きい。
Perfume:ヒール姿で石畳で軽快にダンス サンスター新CM動画公開 - MANTANWEB(まんたんウェブ)
http://mantan-web.jp/2016/11/11/20161111dog00m200002000c.html
Perfume、念願の歯みがきCM出演 石畳の上で華麗なステップ披露 | TOKYO POP LINE
https://tokyopopline.com/archives/72025
まんたんウェブ
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/001_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/002_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/003_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/004_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/005_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/006_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/007_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/008_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/009_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/010_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/011_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/012_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/013_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/014_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/015_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/016_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/017_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/018_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/019_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/020_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/021_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/022_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/023_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/024_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/025_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/026_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/027_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/028_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/029_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/030_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/031_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/032_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/033_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/034_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/035_size10.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/036_size10.jpg
以下はPOP LINEと同じ画像なうえに解像度も低いので無視して問題ないです。一応メモ。
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/037_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/038_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/039_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/040_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/041_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/042_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/043_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/044_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/045_size8.jpg
http://storage.mantan-web.jp/images/2016/11/11/20161111dog00m200002000c/046_size8.jpg
POP LINE
https://tokyopopline.com/images/2016/11/e4ee8c0f6c88e0fa76fe7363d44528eb.jpg
https://tokyopopline.com/images/2016/11/9704f643ac095419ad3516bb517b0d47.jpg
https://tokyopopline.com/images/2016/11/de918ee7041783773cc81deb6c2aa6c1.jpg
https://tokyopopline.com/images/2016/11/f99da5446d61105d0101dfc54326692a.jpg
https://tokyopopline.com/images/2016/11/cb598314d701cdca517c82237746d9ce.jpg
https://tokyopopline.com/images/2016/11/8a242154ee3e4e97c62f969e4ca32783.jpg
https://tokyopopline.com/images/2016/11/e99e817c60f5644ad74b418ae663f27d.jpg
https://tokyopopline.com/images/2016/11/372f1bf49e03b16ce396730a764ba1df.jpg
https://tokyopopline.com/images/2016/11/0bc4b719f741f1134f2bc5cc975e8774.jpg
各サイトの記事
- Perfume、念願かなって“歯みがき”CM出演 | ORICON STYLE
- Perfume(パフューム) CM動画 - Perfume(パフューム)最新CM/bb-navi
- 【動画】Perfume、ヒール姿で石畳で軽快にダンス CM楽曲は新曲「宝石の雨」 サンスター「Ora2」新CM - MAiDiGiTV (マイデジTV)
- Perfume、夢だった歯みがきのCM出演!華麗なダンスをOra2新CMで披露 | CYCLE やわらかスポーツ情報サイト
- [Perfume]ヒール姿で石畳で軽快にダンス サンスター新CM動画公開 | マイナビニュース
- Perfume、石畳の上でもハイヒールで華麗なダンス!「Ora2(オーラツー)」新CM | Qetic | 時代に口髭を生やすニュースメディア”けてぃっく”
- Perfume、美脚輝くキレキレダンス「念願叶って本当に嬉しい」 - モデルプレス
- Perfume 石畳の上でもハイヒールで華麗にダンス! 新曲「宝石の雨」起用の『Ora2』新CM公開 | Daily News | Billboard JAPAN
- Perfume出演テレビCMで新曲オンエア「雨の日もハッピーになれるような曲」 - 音楽ナタリー
- Perfume、Ora2(オーラツー)のCMは「くちもとBeauty」な笑顔で石畳上をダンス (2016/11/11)| 邦楽 ニュース | RO69(アールオーロック) - ロッキング・オンの音楽情報サイト
[Perfume][prfm][Ora2][サンスター][YouTube][動画]
#Ora2 #prfm
画像を一気にダウンロードする方法
Perfumeのオールナイトニッポンでヘミソフィアを歌ったら坂本真綾さんに届いた! 2016.10.01
【お知らせ】今夜の #星野源ANN は、星野源が喉の不調と発熱のため、本日の放送をお休みさせて頂きます。今夜は、急遽Perfumeの皆さんがパーソナリティの代理を引き受けて下さったので、内容を変更し生放送を行います。 https://t.co/nVsOW9YLER
— 星野源 official (@gen_senden) 2016年9月19日
こんばんは星野源です。実は数日前から過労からくる喉の不調と熱があり、今日もラジオやる気満々だったんですが、スタッフに止められ、大事をとって今週のANNを急遽お休みさせて頂くことになりました。#星野源ANN
— 星野源 official (@gen_senden) 2016年9月19日
楽しみに待っていてくれたリスナーの皆様ごめんなさい。ピンチヒッターをなんと、Perfumeの皆さんが引き受けてくれました。本当にありがとう。今日はしっかり休んで回復したいと思います!星野源より。 #星野源ANN
— 星野源 official (@gen_senden) 2016年9月19日
ということで、先日「Perfumeのオールナイトニッポン」が放送されたわけですが。番組のエンディングで『ヘミソフィア』が流れ三人が歌うという展開になりまして、友人伝いに真綾さんの耳に入り、ラジオ「ビタミンM」でPerfumeに言及するという展開になりました。
■9/19(月・祝) 25:00~27:00
ニッポン放送「星野源のオールナイトニッポン」
聞いてくれ!Perfumeがヘミソフィアを熱唱しているんだ!のっちのカミカミな提供読みも含め聞いてくれ! pic.twitter.com/rpjcJ66SFo
— きなこ (@kinaco832yogurt) 2016年9月19日
詳細理解。星野源、リンパをやられた状態で昨夜のMステSP出演→病状悪化→急遽仲良しのパフュームがANNの代理MC→その貴重な回のEDなのに、BGMにヘミソフィアが流れだすと「あぁヘミソフィア!」「真綾さん最高!」と我慢できず歌い出すパフューム→結果神回に。サブカル史に刻もう。
— 鈴木ピク@俺ガイル2期リメイク切望 (@pumpkin_crack) 2016年9月19日
Perfumeのオールナイトニッポン 2016/9/19放送(星野源のANN代理出演) - YouTube
Perfumeのオールナイトニッポン2016 09 20 - YouTube
2016年9月19日 Perfumeのオールナイトニッポン - YouTube
実況まとめ
星野源さん体調不良のためPerfumeのオールナイトニッポンが放送されました 2016.09.20 - Togetterまとめ
ストリーミングで聞けます→BAYFM
http://vod.bayfm.jp/VODFILES/artist/maaya-20160930.mp3
坂本真綾 ビタミンM
— マサトシの間 (@masatoshi_no_ma) 2016年10月1日
Perfumeについて語る その1
PerfumeのANNは友達が録音してて聴いた。
Perfumeの1stアルバムをヴィレッジヴァンガードで買った。デビュー当時から聴いてて今でもCD出たら買って聴いてる。 pic.twitter.com/RKcCUrNon0
坂本真綾 ビタミンM
— マサトシの間 (@masatoshi_no_ma) 2016年10月1日
Perfumeについて語る その2
本当に3人で歌詞もちゃんと覚えてて気持ち良さそうに歌ってたんで嬉しい。
韓国で2、3人にのっちさんと間違われた。 pic.twitter.com/4zzCdafaJC
後半 15分29秒から
坂本真綾「私からのお知らせです。10月2日から新番組がスタートしまーす。テレビ東京で日曜日の朝7時から、ちょっと早いですけど、『こねこのチー ポンポンらー大冒険』というCGアニメが始まるんですよ。
これがね前もこの番組でお知らせしたけど、とーってもかわいい子猫がねぇホントに主役で、チーという猫を飼っているお家のお母さんの役で私は声優として出演するんですけど。毎週15分間の短い番組です、ぜひぜひ癒やされてくださーい。
でね、今気がついたんだけど、この「子猫のチー」のさオープニングテーマ曲がPerfumeさんだ。しかもちょっと前の曲で、すでにリリースされている曲で私も歌える! 『ねぇ』って曲がオープニング曲になってるんですけど。この歌詞がね本当にチーの気持ちにぴったりで、たぶんそういったことからこの曲を知っている監督さんなのか誰かがスタッフがこの曲がピッタリだからってってことでテーマになったと思いますが。
オープニングのムービーもすごく可愛いのでPerfumeさんの歌とともに楽しんでいただけると思います。」
ディレクターの放送後記!
(9/30放送分)
今夜は、
他局を聞いている
リスナーさんからの
タレコミ(笑)から
始めてみましたが、
真綾ちゃんとPerfumeが
相思相愛だったなんて
しかも日曜の朝からはじまる
3Dアニメのオープニングが
Perfumeの「ねぇ」。
真綾ちゃんが、声優として
参加しているのも何かの縁。
この縁「モノ」にします!
ゲストで呼んでいただけたら嬉しいなあ
うれしいよね~
Perfumeさんが、
私の曲 聴いててくれたなんて!
今週で9月のテーマも終了。
いよいよ10月に突入かぁ。
ホント1年て早いよね!!
MOSAIC Original Sound Track
伊勢丹コラボ第3弾、メジャーデビュー11周年」スペシャル店頭企画、スペシャルラジオキャンペーン 2016.09.07
三度の伊勢丹コラボ!
9/21(水)にPerfumeのメジャーデビュー11周年を迎えることを記念して、再びPerfume×伊勢丹のコラボレーションが決定!
第3弾は"Perfumeの記念日を一緒にお祝いしよう! "をテーマに、前回も好評だった伊勢丹がキュレーションした
クリエーターとのコラボレーション商品や、新たなブランドとのコラボレーション、
そして「Perfume ダンスヒール」の新色とシューアクセサリーも販売されます
<<Perfume × 伊勢丹 HAPPY 11th BIRTHDAY to Perfume “Perfume Party People”>>
開催場所: 伊勢丹新宿店本館2階=センターパーク / ザ・ステージ#2
伊勢丹浦和店・伊勢丹立川店・伊勢丹松戸店・伊勢丹相模原店・
伊勢丹府中店・新潟伊勢丹・静岡伊勢丹・ジェイアール京都伊勢丹・
Lucua1100(大阪)・ISETAN HAUS(名古屋)・
ISETAN HANEDA STORE(LADIES`)・
広島三越・札幌丸井今井・岩田屋
開催期間: 2016/9/21(水)~ 9/27(火)
※店舗によりお取り扱いのグッズ・展示内容が異なる場合がございます。予めご了承ください。
◆オンライン
・伊勢丹オンラインストア http://www.isetan.co.jp
※伊勢丹オンラインストアは、9/21(水)10:30~販売を開始いたします。
・アスマート http://www.asmart.jp/
※アスマートは9/28(水)10:30~販売を開始いたします。
[コラボレーション内容]
・FASHION
今回は、伊勢丹がキュレーションするクリエーターに「Perfumeをイメージ」したデザインを依頼。
前回も大人気だったイラストレーター・SHOGO SEKINE氏のデザインは【ツバメノート】と【Bic】のペン。
そして今回初登場の画家・北村直登氏はポーチ。
Tシャツ製作をメインに活動するデザイナー丹野真人氏のブランド【TANGTANG】はTシャツ。
グラフィックデザイナー・北山雅和氏はアクリルのキーホルダー、とさらにパワーアップしたコラボレーションとなります。
また、今回は、伊勢丹で人気の4ブランドとのコラボレーションも実現。
【GRANDMATIC】は3人をイメージしたデザインの香水瓶のブローチ、
【beautiful people】はユニセックスで使えるトートバッグ、
【KUTANI SEAL × Akko】からはイラストレーターAkko氏が3人をイメージしたイラストを使った丸皿、スプーンをつくりました。
【COOKIEBOY】はPerfumeをかたどったオリジナルクッキーセットを販売いたします。
商品の詳しい詳細・ラインナップは9/14(水)に伊勢丹ホームページで発表されます。
http://www.isetan.co.jp/sj
・HIGH HEEL
メンバー監修のもと、Perfume×伊勢丹で誕生した”Perfumeダンスヒール“。
いつでも履きやすいピンクベージュの新色と、今まで発売されているダンスヒールにも合う”シューアクセサリー”を販売。
今回もメンバー自らが選んだおすすめカラーとデザインです。
・Perfume STOCKINGS (PANTY STOCKINGS & TIGHTS)
Perfumeダンスヒールに続き、3人が監修したストッキングと黒のタイツが登場!
足元を美しく見せたいというメンバーならではの視点から、素肌感とはき心地、シルエットなど細部までこだわりました。
・Perfume OFFICIAL GOODS
Perfume 6th Tour 2016 「COSMIC EXPLORER」グッズを、一部販売いたします。
この機会に是非Perfumeグッズをチェックください。
※店舗により取扱商品が異なります。
・PRESENT
今回のイベント関連グッズアイテムをお買い上げのお客さまに先着で今回のイベントロゴ入りバルーンをプレゼント。
※なくなり次第終了となります。
その他、お問い合わせ先
伊勢丹新宿店 TEL:03-3352-1111(大代表)
今年もやります!Perfume Day
2016/9/21 (水)、メジャーデビュー11周年となるこの日、各地のCDショップで スペシャル店頭企画を実施いたします!!
この記念すべき「Perfume Day」に、是非とも足をお運びください。
▪️スペシャル店頭企画概要
①「Perfumeスペシャルうちわ」プレゼント!!
実施店舗にご来店頂いた方に、「Perfume 6th Tour 2016 「COSMIC EXPLORER」Dome Editionスぺシャルうちわ」をプレゼント!!
※数量に限りがございますので、無くなり次第終了とさせていただきます。予めご了承ください。
② オリジナルクリアファイル プレゼント!!
実施店舗にて、9/21 (水)当日、PerfumeのCD/DVD/Blu-rayいずれかご購入の方に限り、オリジナルクリアファイルをプレゼント!!
※数量に限りがございますので、無くなり次第終了とさせていただきます。予めご了承ください。
③ “おめでとうメッセージノート” 設置!!
実施店舗にて“おめでとうメッセージノート”を設置します。
是非、メジャーデビュー11周年を迎えたメンバーへ、皆さんからのお祝いコメントや「COSMIC EXPLORER」Dome Editionに向けての激励のコメントを記載ください!!
④ Perfumeメンバーコメントを掲示!!
実施店舗にて、9/21 (水)のみ、Perfumeメンバーのコメントが掲示されます。
【実施店舗・時間】
◆北海道
タワーレコード札幌ピヴォ店 10:00~20:00
HMV札幌ステラプレイス 11:00~20:00
◆宮城
タワーレコード仙台パルコ店 10:00~21:00
◆東京
タワーレコード渋谷店 11:00~20:00
タワーレコード新宿店 11:00~23:00
◆名古屋
タワーレコード名古屋パルコ店 10:00~21:00
タワーレコード名古屋近鉄パッセ 10:00~21:00
◆大阪
タワーレコード梅田大阪マルビル店 11:00~23:00
タワーレコード梅田NU茶屋町店 11:00~23:00
タワーレコード神戸店 11:00~22:00
ディスクピア日本橋店 10:00~20:00
◆広島
タワーレコード広島店 10:00~20:30
HMV広島本通 10:00~20:00
◆福岡
タワーレコード福岡パルコ店 11:00~20:00
HMV&BOOKS HAKATA 11:00~20:00
【注意事項】
・実施致します施設及び店舗へのお問い合わせはご遠慮ください。
・実施会場では係員の指示に従って行動ください。
・注意事項や、係員の指示に従っていただけない場合は、中止となる場合もございます。
・当日の天候やその他のやむを得ぬ事情により、実施内容に変更が生じる場合がございます。
・Perfumeオフィシャルファンクラブへお問い合わせいただきましても、お答えいたしかねますので、予めご了承ください。
主催:ユニバーサルミュージック合同会社
三人ばらばらでDome Edition開催地へラジオキャンペーン
Web記事
isetan160907.jpg (500×706)
- Perfumeメジャーデビュー日に施策続々!伊勢丹とのコラボも - 音楽ナタリー
- Perfume×伊勢丹コラボ第3弾 新商品&人気ダンスヒール新色も登場 | ORICON STYLE
- Perfume×伊勢丹コラボ第3弾 「ダンスヒール」に新色&ストッキングが登場 - モデルプレス
- Perfume×伊勢丹コラボ第3弾!クリエーターや人気ブランドとのコラボも。“Perfumeの誕生日をお祝いしよう!” | ファッショントレンドニュース|FASHION HEADLINE
- Perfume、メジャーデビュー記念日に初の3人バラバラで地方キャンペーン! (2016/09/07)| 邦楽 ニュース | RO69(アールオーロック) - ロッキング・オンの音楽情報サイト
instagramの埋め込みコードを書き込んでも画像が表示されない問題をなんとか解決
はてなブログに複数のinstagram埋め込みコードを書くと表示されない場合が多いけど、ブログの貼り付け機能を使用するとこの問題は発生しない。でもこれだとキャプションが表示されない。何かバッティングしてるのか?コードを削れば何とかなるんじゃないのか?
ちなみにこんな内容が書かれてます。一枚目はブログ連携させた自分の投稿、サイドバーから貼り付け可能です。
<p><a class="http-image" href="https://www.instagram.com/p/BJpAOCPAJ3x/" target="_blank"><img class="http-image" src="https://www.instagram.com/p/BJpAOCPAJ3x/media/?size=l" alt="https://www.instagram.com/p/BJpAOCPAJ3x/" /></a></p>
<p><a href="https://www.instagram.com/p/BJpAOCPAJ3x/">葛桜売り切れ… 12:00頃でも遅いのか…!田楽餅のみたらし、ごま、あんこ</a></p>
葛桜売り切れ… 12:00頃でも遅いのか…!田楽餅のみたらし、ごま、あんこ
<p><iframe class="instagram-iframe" src="//www.instagram.com/p/BJpAOCPAJ3x/embed/" frameborder="0" scrolling="no" data-entry-image="http://www.instagram.com/p/BJpAOCPAJ3x/media/?size=l"></iframe><cite class="hatena-citation"><a href="https://www.instagram.com/p/BJpAOCPAJ3x/">www.instagram.com</a></cite></p>
(画像とリンクの間が不自然に離れてますね)
ということで検索。
検証した結果だと、
blockquote
a
script
の3つの情報があれば表示は出来るので、これでもOKです
Instagram 埋め込みコードの構造を解析してみた - Qiita
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="5" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
<a href="%%URL%%" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">@@@</a>
</blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
%%URL%%のところにinstagramのURL入れて埋め込んでみるとすべて表示されました。@@@のところにはキャプションが書かれているのですが削除してもちゃんと表示されますし全く違う文字を書き込んでも問題ありません、元のページから取得します。
気になるのが[data-instgrm-version="5"]今回はバージョン5でしたが最新の埋め込みコードを見ると7です、今後そちらをベースに最小限まで削った埋め込みコードも自分で探してみたいと思います。
◆表示されない
<blockquote class="instagram-media" style="background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 658px; padding: 0; width: calc(100% - 2px);" data-instgrm-captioned="" data-instgrm-version="7">
<div style="padding: 8px;">
<div style="background: #F8F8F8; line-height: 0; margin-top: 40px; padding: 62.4537037037% 0; text-align: center; width: 100%;"> </div>
<p style="margin: 8px 0 0 0; padding: 0 4px;"><a style="color: #000; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;" href="https://www.instagram.com/p/BJobBX0jU5P/" target="_blank">We are here in the US! I found a copy of @nylonmag in Los Angeles!!!!!! Can't believe we are on this magazine. Thank you so much NYLON!!!! It's soooo cool! From a-chan #perfumetour2016</a></p>
<p style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;">Perfume Officialさん(@prfm_official)が投稿した写真 - <time style="font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;" datetime="2016-08-28T00:04:32+00:00">2016 8月 27 5:04午後 PDT</time></p>
</div>
</blockquote>
<script src="//platform.instagram.com/en_US/embeds.js" async="" defer="defer"></script>
◆ちゃんと表示される埋め込みコードのURLだけ変更してみたら表示された、キャプションに注目、読み込んだ画像のものに書き替わる。
<blockquote class="instagram-media" style="background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 658px; padding: 0; width: calc(100% - 2px);" data-instgrm-captioned="" data-instgrm-version="7">
<div style="padding: 8px;">
<div style="background: #F8F8F8; line-height: 0; margin-top: 40px; padding: 60.9259259259% 0; text-align: center; width: 100%;"> </div>
<p style="margin: 8px 0 0 0; padding: 0 4px;"><a style="color: #000; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;" href="https://www.instagram.com/p/BJobBX0jU5P/" target="_blank">Our CEO backstage with Perfume at their Los Angeles show! #amuse #perfume #pentatonix photo credit: world famous filmmaker @ryuhei_kitamura</a></p>
<p style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;">Bang Zoom! Studiosさん(@bangzoom)が投稿した写真 - <time style="font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;" datetime="2016-08-28T00:01:55+00:00">2016 8月 27 5:01午後 PDT</time></p>
</div>
</blockquote>
<script src="//platform.instagram.com/en_US/embeds.js" async="" defer="defer"></script>