30:T899,

国内の人気楽曲をまとめた、Billboard JAPAN Hot 100 というアメリカの音楽チャート『ビルボード』の日本版から2015年から2024年までの10年分を元に、YouTubeからMVを集計した。Hot 100 はCDセールス、ダウンロード数、ストリーミング数などの複数の指標(https://www.billboard-japan.com/common/about/)を元に作成された上位100までの楽曲チャートである。

そして、集計したデータは以下の通りにまとめた。

rank(その年の順位)
Song Title(曲名)
Artist(その楽曲をリリースしたアーティスト名)
URL(その曲の動画リンク)
date(動画の公開日)
ANIME(アニメーションを使っているかどうか)
LYRIC VIDEO(リリックビデオかどうか)
ILLUST VIDEO(アニメーションでもリリックビデオでもないがイラストや漫画などを使ったMV)
anime-themesong(アニメの主題歌かどうか)
hompen_character(アニメーションを使っているもの、かつアニメ主題歌のもので、アニメ本編の映像やキャラクターを使用しているもの)
year(年度)

なお本稿ではアニメMVというのは手描きやCG、ストップモーションなどを使ってコマ撮りした映像技法を使用したミュージックビデオのこととする。リリックビデオは一枚絵などを駆使してそれに合わせて歌詞が展開するような演出が加えられた作品群を指すものとし、イラストビデオはそれにも当てはまらないが、イラストを動画内で扱った作品群を指すものとする。なお、アニメMVの中でリリックビデオのように歌詞が展開するような演出の作品が多数登場するが、それらはアニメMVに吸収され、リリックビデオとは扱わないものとする。

31:T65a,Plot.plot({ marks: [ // MVのバー（黄色） Plot.barY(Object.entries(animemvCountdata), { x: "0", y: "1", fill: "#d8c344", mixBlendMode: "multiply" }), // アニメテーマ曲のバー（青） Plot.barY(Object.entries(animeThemedata), { x: "0", y: "1", fill: "steelblue", mixBlendMode: "multiply" }), // バーの上に数値を表示（MV） Plot.text(Object.entries(animemvCountdata), { x: "0", y: "1", text: (d) => d[1], dy: -7, fill: "black", fontSize: 12, textAnchor: "middle" }), // バーの上に数値を表示（アニメテーマ曲） Plot.text(Object.entries(animeThemedata), { x: "0", y: "1", text: (d) => d[1], dy: -7, fill: "black", fontSize: 12, textAnchor: "middle" }), // カスタム凡例の追加 Plot.text( [ { label: " アニメMV", color: "#d8c344", x: "2015", y: 28 }, { label: " アニメ主題歌", color: "steelblue", x: "2015", y: 26.5 } ], { x: "x", y: "y", text: "label", fill: "black", fontSize: 12, textAnchor: "start" } ), // カスタム凡例のカラー四角（疑似凡例） Plot.dot( [ { x: "2015", y: 28, color: "#d8c344" }, { x: "2015", y: 26.5, color: "steelblue" } ], { x: "x", y: "y", fill: "color", r: 5 } ) ], x: { label: "Year" }, y: { label: "アニメMVの数＆アニメ主題歌の数" } })32:T85d,Plot.plot({ marks: [ // MVのバー（黄色） Plot.barY(Object.entries(animemvCountdata), { x: "0", y: "1", fill: "#d8c344", mixBlendMode: "multiply" }), // アニメテーマ曲のバー（青） Plot.barY(Object.entries(animeThemedata), { x: "0", y: "1", fill: "steelblue", mixBlendMode: "multiply" }), // バーの上に数値を表示（MV） Plot.text(Object.entries(animemvCountdata), { x: "0", y: "1", text: (d) => d[1], dy: -7, fill: "black", fontSize: 12, textAnchor: "middle" }), // バーの上に数値を表示（アニメテーマ曲） Plot.text(Object.entries(animeThemedata), { x: "0", y: "1", text: (d) => d[1], dy: -7, fill: "black", fontSize: 12, textAnchor: "middle" }), // カスタム凡例の追加 Plot.text( [ { label: " アニメMV", color: "#d8c344", x: "2015", y: 28 }, { label: " アニメ主題歌", color: "steelblue", x: "2015", y: 26.5 }, { label: " アニメ主題歌(折れ線)", color: "red", x: "2015", y: 25 } ], { x: "x", y: "y", text: "label", fill: "black", fontSize: 12, textAnchor: "start" } ), // カスタム凡例のカラー四角（疑似凡例） Plot.dot( [ { x: "2015", y: 28, color: "#d8c344" }, { x: "2015", y: 26.5, color: "steelblue" }, { x: "2015", y: 25, color: "red" } ], { x: "x", y: "y", fill: "color", r: 5 } ), // 折れ線グラフ（アニメ主題歌のデータ） Plot.lineY(Object.entries(animeThemeSongData), { x: "0", y: "1", stroke: "red", strokeWidth: 2 }), // データポイントを強調（アニメ主題歌のデータ） Plot.dot(Object.entries(animeThemeSongData), { x: "0", y: "1", fill: "red", r: 3 }) ], x: { label: "Year" }, y: { label: "アニメMVの数＆アニメ主題歌の数" } })33:T74a,bubbleChart = () => { const filteredData = Billboarddata.filter( (d) => d.year == years && d.ANIME == "TRUE" ); // アーティストごとの出現回数を集計 const rollupData = d3.rollup( filteredData, (v) => v.length, // アーティストの登場回数 (d) => d.Artist ); const data = Array.from(rollupData, ([artist, count]) => ({ artist, count })); const width = 1280; const height = width / 2; const margin = 10; // カラースケール（曲数に応じた色の変化） const colorScale = d3 .scaleSequential(d3.interpolateCool) .domain([d3.min(data, (d) => d.count), d3.max(data, (d) => d.count)]); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;") .attr("text-anchor", "middle"); const root = d3.hierarchy({ children: data }).sum((d) => d.count); const pack = d3 .pack() .size([width - margin, height - margin]) .padding(5); pack(root); const node = svg .selectAll("g") .data(root.leaves()) .join("g") .attr("transform", (d) => `translate(${d.x},${d.y})`); node .append("circle") .attr("fill-opacity", 0.7) .attr("fill", (d) => colorScale(d.data.count)) // 曲数に応じた色 .attr("r", 0) .transition() .duration(500) .ease(d3.easePolyOut) .attr("r", (d) => d.r * 1); const text = node .append("text") .attr("dy", "0.3em") .attr("text-anchor", "middle") .style("font-size", "10px"); text.append("tspan").text((d) => d.data.artist); text .append("tspan") .attr("x", 0) .attr("dy", "1.2em") .text((d) => `(${d.data.count} 曲)`) // 曲数を追加 .style("font-size", "8px"); return svg.node(); }34:T769,bubble_chart_nonAnime = () => { const filteredData = BillboardIntegrated.filter( (d) => d.year == years2 && d.anime_lyric_illust == "FALSE" ); // アーティストごとの出現回数を集計 const rollupData = d3.rollup( filteredData, (v) => v.length, // アーティストの登場回数 (d) => d.Artist ); const data = Array.from(rollupData, ([artist, count]) => ({ artist, count })); const width = 1280; const height = width / 2; const margin = 10; // カラースケール（曲数に応じた色の変化） const colorScale = d3 .scaleSequential(d3.interpolateWarm) .domain([d3.min(data, (d) => d.count), d3.max(data, (d) => d.count)]); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-margin, -margin, width, height]) .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;") .attr("text-anchor", "middle"); const root = d3.hierarchy({ children: data }).sum((d) => d.count); const pack = d3 .pack() .size([width - margin, height - margin]) .padding(5); pack(root); const node = svg .selectAll("g") .data(root.leaves()) .join("g") .attr("transform", (d) => `translate(${d.x},${d.y})`); node .append("circle") .attr("fill-opacity", 0.7) .attr("fill", (d) => colorScale(d.data.count)) // 曲数に応じた色 .attr("r", 0) .transition() .duration(500) .ease(d3.easePolyOut) .attr("r", (d) => d.r * 1); const text = node .append("text") .attr("dy", "0.3em") .attr("text-anchor", "middle") .style("font-size", "10px"); text.append("tspan").text((d) => d.data.artist); text .append("tspan") .attr("x", 0) .attr("dy", "1.2em") .text((d) => `(${d.data.count} 曲)`) // 曲数を追加 .style("font-size", "8px"); return svg.node(); }35:Tc4f,anime_themesong_trend = () => { const width = 800; const height = 400; const margin = { top: 20, right: 30, bottom: 50, left: 50 }; // 年ごとにANIMEかつanime_themesongがTRUEの曲数を集計 const yearlyCounts = d3.rollup( Billboarddata.filter( (d) => d.ANIME == "TRUE" && d.anime_themesong == "TRUE" ), (v) => v.length, (d) => d.year ); const data = Array.from(yearlyCounts, ([year, count]) => ({ year: +year, count })); data.sort((a, b) => a.year - b.year); const x = d3 .scaleLinear() .domain(d3.extent(data, (d) => d.year)) .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain([0, d3.max(data, (d) => d.count)]) .nice() .range([height - margin.bottom, margin.top]); const line = d3 .line() .x((d) => x(d.year)) .y((d) => y(d.count)); const area = d3 .area() .x((d) => x(d.year)) .y0(height - margin.bottom) .y1((d) => y(d.count)); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto;"); svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).tickFormat(d3.format("d"))); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)); // Y軸の罫線のみ追加（グレー色） svg .append("g") .attr("class", "grid") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .tickSize(-width + margin.left + margin.right) .tickFormat("") .tickSizeOuter(0) ) .selectAll("line") .attr("stroke", "#bbbbbb"); // 折れ線の下に薄い色を塗る svg .append("path") .datum(data) .attr("fill", "#d8c344") .attr("opacity", 0.5) .attr("d", area); svg .append("path") .datum(data) .attr("fill", "none") .attr("stroke", "#d8c344") .attr("stroke-width", 2) .attr("d", line); // ツールチップを追加 const tooltip = d3 .select("body") .append("div") .attr("class", "tooltip") .style("position", "absolute") .style("visibility", "hidden") .style("background", "white") .style("border", "1px solid #ccc") .style("padding", "5px") .style("border-radius", "5px") .style("font-size", "12px"); // 各データポイントに円を追加し、マウスオーバー時にツールチップを表示 svg .selectAll("circle") .data(data) .enter() .append("circle") .attr("cx", (d) => x(d.year)) .attr("cy", (d) => y(d.count)) .attr("r", 8) .attr("fill", "#d8c344") .on("mouseover", (event, d) => { tooltip.style("visibility", "visible").text(`${d.year}: ${d.count} 曲`); }) .on("mousemove", (event) => { tooltip .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px"); }) .on("mouseout", () => { tooltip.style("visibility", "hidden"); }); return svg.node(); }36:T879,pie_chart = () => { const filteredData = Billboarddata.filter( (d) => d.year == years && d.ANIME == "TRUE" ); // アーティストごとの出現回数を集計 const rollupData = d3.rollup( filteredData, (v) => v.length, // アーティストの登場回数 (d) => d.Artist ); const data = Array.from(rollupData, ([artist, count]) => ({ artist, count })); const width = 1280; const height = 600; const radius = Math.min(width, height) / 2; const colorScale = d3 .scaleSequential(d3.interpolateWarm) .domain([d3.min(data, (d) => d.count), d3.max(data, (d) => d.count)]); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto; font: 10px sans-serif;") .attr("text-anchor", "middle"); const pie = d3 .pie() .sort(null) .value((d) => d.count); const arc = d3 .arc() .innerRadius(0) .outerRadius(radius - 10); const arcs = pie(data); const g = svg.selectAll("g").data(arcs).join("g"); g.append("path") .attr("fill", (d) => colorScale(d.data.count)) .attr("stroke", "white") .transition() .duration(1000) .attrTween("d", function (d) { const i = d3.interpolate({ startAngle: 0, endAngle: 0 }, d); return function (t) { return arc(i(t)); }; }); g.append("text") .attr("transform", (d) => `translate(${arc.centroid(d)})`) .attr("dy", "0.35em") .style("font-size", "12px") .style("text-anchor", "middle") .style("fill", "white") .style("opacity", 0) .transition() .delay(1000) .duration(500) .style("opacity", 1) .tween("text", function (d) { const node = d3.select(this); return function () { const words = `${d.data.artist} (${d.data.count}曲)`.split(" "); node.text(""); words.forEach((word, i) => { node .append("tspan") .attr("x", 0) .attr("dy", i === 0 ? "0em" : "1.2em") .text(word); }); }; }); return svg.node(); }37:[{"id":"b95dd3887858730501e348fb44ad8f40a61227cd2f26c5f28c7bc6219522d134b9d8162a6aeb7fa3212b11eaa081682c300aa9b12749a03dd2cd580c571b2148","href":"https://static.observableusercontent.com/files/b95dd3887858730501e348fb44ad8f40a61227cd2f26c5f28c7bc6219522d134b9d8162a6aeb7fa3212b11eaa081682c300aa9b12749a03dd2cd580c571b2148","name":"thumbnail_animeMV.png","type":"image/png","lastModified":1738428494389.334,"size":656433},{"id":"f9ea62272c40db1d94c75870349d252b9961a39be9c2bf899b71ae9817f2e970ed898c3a968934cee0bc4034a3ec064eb74bb3665d578c054213a86d7fdeac10","href":"https://static.observableusercontent.com/files/f9ea62272c40db1d94c75870349d252b9961a39be9c2bf899b71ae9817f2e970ed898c3a968934cee0bc4034a3ec064eb74bb3665d578c054213a86d7fdeac10","name":"Billboard_Japan_Hot_100 - 2015-2024@7.csv","type":"text/csv","lastModified":1738546247729.909,"size":124402},{"id":"fce5d74a7e8cdeb4074da281611e24cda100da4ce244b56a4389d691db40d69926657ecfc8c5f48ee897662739da38d53c5a562d4602a93d5b7c1136bb84c71e","href":"https://static.observableusercontent.com/files/fce5d74a7e8cdeb4074da281611e24cda100da4ce244b56a4389d691db40d69926657ecfc8c5f48ee897662739da38d53c5a562d4602a93d5b7c1136bb84c71e","name":"Billboard_Japan_Hot_100 - Integrated@2.csv","type":"text/csv","lastModified":1738546255908.703,"size":112392},{"id":"20170ac12fe3eabe7d8973f5923acb0d83c937adc068cba3cdfcc69439e426017643872552621e8ffeb010e5b40bde5a0e699888afee8b6c24863d60ce77c5ee","href":"https://static.observableusercontent.com/files/20170ac12fe3eabe7d8973f5923acb0d83c937adc068cba3cdfcc69439e426017643872552621e8ffeb010e5b40bde5a0e699888afee8b6c24863d60ce77c5ee","name":"anime_taizen_2010-2024 - シート1@2.csv","type":"text/csv","lastModified":1738553741391.486,"size":267},{"id":"6c6ae1a01cedefc6966c813bbd18abb124a289e656343acd795c7b63e02c85de6c772e02063115a2c11f1d503bb45673f35ad5de29439da208f4dce30d97d39c","href":"https://static.observableusercontent.com/files/6c6ae1a01cedefc6966c813bbd18abb124a289e656343acd795c7b63e02c85de6c772e02063115a2c11f1d503bb45673f35ad5de29439da208f4dce30d97d39c","name":"image.png","type":"image/png","lastModified":1738557577688.349,"size":17814},{"id":"6c6ae1a01cedefc6966c813bbd18abb124a289e656343acd795c7b63e02c85de6c772e02063115a2c11f1d503bb45673f35ad5de29439da208f4dce30d97d39c","href":"https://static.observableusercontent.com/files/6c6ae1a01cedefc6966c813bbd18abb124a289e656343acd795c7b63e02c85de6c772e02063115a2c11f1d503bb45673f35ad5de29439da208f4dce30d97d39c","name":"image@1.png","type":"image/png","lastModified":1738557758155.381,"size":17814}] 2e:{"title":"アニメMVはなぜ流行ったのか？いつから流行りはじめたのか？","cells":[{"id":0,"value":"# アニメMVはなぜ流行ったのか？いつから流行りはじめたのか？","pinned":false,"hidden":false,"mode":"md"},{"id":240,"value":"{\n const imageUrl = await FileAttachment(\"thumbnail_animeMV.png\").url();\n\n return html`\n

\n \n

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"

はじめに

","pinned":false,"hidden":false,"mode":"html"},{"id":60,"value":"

アーティストが楽曲をリリースするとき、多くの人はMV(ミュージック・ビデオ)も作る。その目的は楽曲の世界観をよりわかりやすく表現するためであり、そして話題性を持たせて多くの人にプロモーションするためである。

そんなMVの撮り方は実に多彩で、アニメーション、実写、CGなど、作りたい映像表現によって撮るものと撮り方が変わり、その組み合わせは無数だ。しかし実際には、MVの撮影手法としてアニメーションが使われることは少数である。なぜならアニメーションは実写に比べるとはるかに割高だからだ。アニメは技術的にも求められる水準が高く、制作期間も長くなりがちなため、楽曲を長く発表できないよりは、早めに形になって質もそれなりに担保できる実写を選びたくなるのは当然と言えるだろう。世界の有名なアーティストも大抵実写で映像を撮るし、アニメ大国の日本でさえその傾向はあまり変わらない。

しかし近年、日本の音楽シーンではアニメーションを使ったMVの数が徐々に増してきている。今や一つの流行と言えるほどにアニメーションを使ったMVは増えてきている。それが一体なぜなのか、いつから増え始めたのか、いくつかの観点からその背景について考察していこうと思う。

","pinned":false,"hidden":false,"mode":"html"},{"id":314,"value":"

集計方法

","pinned":false,"hidden":false,"mode":"html"},{"id":318,"value":"$30","pinned":false,"hidden":false,"mode":"html"},{"id":291,"value":"

アニメMVが増えてきた背景としては何が考えられるか？

","pinned":false,"hidden":false,"mode":"html"},{"id":447,"value":"以下は Hot 100 から集計したデータから作成した、年別にアニメMVの数を描いたものである。","pinned":false,"hidden":false,"mode":"html"},{"id":444,"value":"Plot.plot({\n marks: [\n // 棒グラフ\n Plot.barY(Object.entries(animemvCountdata), {\n x: \"0\",\n y: \"1\",\n fill: \"#d8c344\",\n mixBlendMode: \"multiply\"\n }),\n // バーの上にテキストを配置\n Plot.text(Object.entries(animemvCountdata), {\n x: \"0\", // X軸の位置（年）\n y: \"1\", // Y軸の位置（カウント）\n text: (d) => d[1], // 表示するテキスト（カウントの値）\n dy: -7, // 位置を少し上に移動（バーの上に配置）\n fill: \"black\", // 文字の色を黒に\n fontSize: 12, // 文字の大きさ\n textAnchor: \"middle\" // 文字を中央揃えに\n }),\n // カスタム凡例の追加\n Plot.text([{ label: \" アニメMV\", color: \"#d8c344\", x: \"2015\", y: 16 }], {\n x: \"x\",\n y: \"y\",\n text: \"label\",\n fill: \"black\",\n fontSize: 12,\n textAnchor: \"start\"\n }),\n // カスタム凡例のカラー四角（疑似凡例）\n Plot.dot([{ x: \"2015\", y: 16, color: \"#d8c344\" }], {\n x: \"x\",\n y: \"y\",\n fill: \"color\",\n r: 5\n })\n ],\n x: { label: \"Year\" },\n y: { label: \"アニメMVの数\" }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":586,"value":"全体を通してわかることは、2020年を機に一気にアニメMVの数が伸びているということ、やや伸び悩んでいること。","pinned":false,"hidden":false,"mode":"html"},{"id":420,"value":"

商業アニメでの起用率が増加

","pinned":false,"hidden":false,"mode":"html"},{"id":629,"value":"下は上記のグラフに Hot 100 のうち、アニメの主題歌として起用された曲の数を重ねたものである。","pinned":false,"hidden":false,"mode":"html"},{"id":215,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":637,"value":"

\n グラフから分かるように日本の音楽シーンではMVにアニメが使われることは少なかったが、商業アニメの主題歌が流行することはしばしばあったようだ。しかし、アニメMVの曲が増えた2020年を契機にアニメの主題歌も増加傾向にあり、右肩上がりとなっている。\n

\n 2020年には全世界的にコロナ禍に見舞われ、巨大な巣ごもり需要が発生したため、動画配信サービスも右肩上がりに成長した(下記の画像参照：日本の動画配信市場規模の推移)。 $\"image@1.png\"$ 総務省｜令和4年版情報通信白書｜データ集（第3章第6節）\n

\n 動画配信サービスの成長と同時にアニメが視聴されるようになった結果、アニメ主題歌が流行曲が増えたのだと考えられる。\n

","pinned":false,"hidden":false,"mode":"html"},{"id":720,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"また、上はアニメ主題歌でありアニメMVであるものを集計したものだが、その形はアニメMVの増加傾向とアニメ主題歌の増加傾向をかけあわせたような形である。商業アニメに予算が流れるようになったおかげで、同じアニメーション制作会社や協力会社に予算を流せるようになるので結果的にアニメMVの制作本数が増えたのではないかと考えられる","pinned":false,"hidden":false,"mode":"html"},{"id":438,"value":"

アニメMVを一番作っているアーティストは？

","pinned":false,"hidden":false,"mode":"html"},{"id":687,"value":"下はアニメMVをリリースしているアーティストと、その曲数を示したものである。","pinned":false,"hidden":false,"mode":"html"},{"id":498,"value":"viewof years = {\n const radio = Inputs.radio(\n [\n \"2015\",\n \"2016\",\n \"2017\",\n \"2018\",\n \"2019\",\n \"2020\",\n \"2021\",\n \"2022\",\n \"2023\",\n \"2024\"\n ],\n {\n label: md`__年度__`,\n value: \"2024\" // 初期値を設定\n }\n );\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":776,"value":"pie_chart(Billboarddata)","pinned":true,"hidden":false,"mode":"ojs"},{"id":737,"value":"

1位はYOASOBI！

","pinned":false,"hidden":false,"mode":"html"},{"id":683,"value":"伸び始めた2020年から追ってみるとYOASOBIが常に1位という結果になった。この結果から、YOASOBIがアニメMVの流行を牽引しているといえるだろう。また、直近3年間のAdoの入選数も非常に伸びている。","pinned":false,"hidden":false,"mode":"html"},{"id":754,"value":"

まとめ

","pinned":false,"hidden":false,"mode":"html"},{"id":756,"value":"巣ごもり需要に伴った商業アニメの流行が結果的にアニメMVの流行の要因の一つとなったと言える。また、詳細な調査はできていないが、BlenderやAfter Effectsなどの安価なアニメーション制作ソフトができ、個人クリエイターや小規模なスタジオが活動できるようになった。フリー素材やアニメーション技術が学べるオンライン講座が増えたこと、またLive2DやAIなどの技術の発展なども後押しし、アニメーション自体が安く作れるようになったことが大きな要因だと言えるだろう。Hot 100 に入らない程度だが、個人制作で作られるアニメMVが増えたことからもよくわかる。","pinned":false,"hidden":false,"mode":"html"},{"id":460,"value":"animemvCountdata = {\n const countByYear = d3.rollup(\n Billboarddata,\n (v) => d3.sum(v, (d) => d[\"ANIME\"] === \"TRUE\"),\n (d) => d.year\n );\n\n // オブジェクトに変換\n return Object.fromEntries(countByYear);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"mvCountdata = {\n const countByYear = d3.rollup(\n Billboarddata,\n (v) =>\n d3.sum(\n v,\n (d) =>\n (d[\"ANIME\"] === \"TRUE\") +\n (d[\"LYRIC_VIDEO\"] === \"TRUE\") +\n (d[\"ILLUST_VIDEO\"] === \"TRUE\")\n ),\n (d) => d.year\n );\n\n // オブジェクトに変換\n return Object.fromEntries(countByYear);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"animeThemedata = {\n const countByYear = d3.rollup(\n Billboarddata,\n (v) => d3.sum(v, (d) => d[\"anime_themesong\"] === \"TRUE\"),\n (d) => d.year\n );\n\n // オブジェクトに変換\n return Object.fromEntries(countByYear);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"filteredData = Billboarddata.filter(\n (d) =>\n d[\"ANIME\"] === \"TRUE\" ||\n d[\"LYRIC_VIDEO\"] === \"TRUE\" ||\n d[\"ILLUST_VIDEO\"] === \"TRUE\" ||\n d[\"anime_themesong\"] === \"TRUE\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":669,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":692,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":722,"value":"animeThemeSongData = Object.fromEntries(\n d3.rollup(\n Billboarddata.filter(\n (d) => d.ANIME == \"TRUE\" && d.anime_themesong == \"TRUE\"\n ),\n (v) => v.length,\n (d) => d.year\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"groupedByYear = d3.group(filteredData, (d) => d.year)","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"Billboarddata = d3.csvParse(\n await FileAttachment(\"Billboard_Japan_Hot_100 - 2015-2024@7.csv\").text(),\n d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":440,"value":"

最後に

","pinned":false,"hidden":false,"mode":"html"},{"id":475,"value":"

\n Hot 100 の中で1番アニメMVを作っているのはYOASOBIだということが判明した。YOASOBIはすべての楽曲でアニメーションを採用しているアーティストで、大きな流行りを作り続けている。しかし、YOASOBIのようにMVにアニメのみを採用しているスタイルのアーティストは実はそれなりに存在する。直近の3年間で入選していたAdoや2021年のグラフにも入っていたEveやずっと真夜中でいいのに。などが該当する。また、メインがアニメだがある程度顔出しをするyamaやぼっちぼろまろなどのアーティストも有名だ。これらのアーティスト達の多くのルーツはボカロ曲である。ボカロPや歌い手として活動していた彼らが個人的には嬉しく思うし、今後もアニメMVがMV撮影手法の一つとしてより一般的になればいいと思う。\n

\n","pinned":false,"hidden":false,"mode":"html"},{"id":678,"value":"viewof years2 = {\n const radio = Inputs.radio(\n [\n \"2015\",\n \"2016\",\n \"2016\",\n \"2017\",\n \"2018\",\n \"2019\",\n \"2020\",\n \"2021\",\n \"2022\",\n \"2023\",\n \"2024\"\n ],\n {\n label: md`__年度__`,\n value: \"2024\" // 初期値を設定\n }\n );\n return radio;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":667,"value":"bubble_chart_nonAnime(Billboarddata)","pinned":true,"hidden":false,"mode":"ojs"},{"id":774,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":546,"value":"color = [\n \"#d8c344\",\n \"steelblue\",\n \"#E5D64C\",\n \"#93B11D\",\n \"#D59B0A\",\n \"#AF528D\",\n \"#545A8E\",\n \"#3D93B6\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"filteredINT = BillboardIntegrated.filter(\n (d) => d[\"anime_lyric_illust\"] === \"TRUE\" || d[\"anime_themesong\"] === \"TRUE\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"value":"BillboardIntegrated = d3.csvParse(\n await FileAttachment(\"Billboard_Japan_Hot_100 - Integrated@2.csv\").text(),\n d3.autoType\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"billboard_japan_hot_100201520241 = await FileAttachment(\"Billboard_Japan_Hot_100 - Integrated@2.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"anime_taizen_201020241 = await FileAttachment(\"anime_taizen_2010-2024 - シート1@2.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":147,"value":"","pinned":false,"hidden":false,"mode":"md"}],"files":"$W37","stdlib":"1","titling":"auto"}