31:T1b3b,html`

この投稿をInstagramで見る

Kamala HQ(@kamalahq)がシェアした投稿

`32:Tf7f,{ replay1; const width = 800; const height = 400; const margin = { top: 20, right: 30, bottom: 40, left: 50 }; const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", "#D1DCE2"); const x = d3 .scaleTime() .domain(d3.extent(dataset_YT, (d) => d.日付)) .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain([ 0, d3.max(dataset_YT, (d) => Math.max(d["お料理得意なんです"], d["恋のハンバーグ"]) ) ]) .nice() .range([height - margin.bottom, margin.top]); const xAxis = (g) => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).ticks(d3.timeDay.every(1)).tickSizeOuter(0)) .selectAll("text") .attr("transform", "rotate(-45)") .style("text-anchor", "end"); const yAxis = (g) => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)) .call((g) => g.select(".domain").remove()); svg.append("g").call(xAxis); svg.append("g").call(yAxis); const line = d3 .line() .x((d) => x(d.日付)) .y((d) => y(d.value)); const drawLine = (data, color) => { const path = svg .append("path") .datum(data) .attr("fill", "none") .attr("stroke", color) .attr("stroke-width", 4) .attr("d", line) .attr("stroke-dasharray", function () { const length = this.getTotalLength(); return `${length} ${length}`; }) .attr("stroke-dashoffset", function () { return this.getTotalLength(); }) .transition() .duration(4000) .attr("stroke-dashoffset", 0); }; drawLine( dataset_YT.map((d) => ({ 日付: d.日付, value: d["お料理得意なんです"] })), "#80BEAF" ); drawLine( dataset_YT.map((d) => ({ 日付: d.日付, value: d["恋のハンバーグ"] })), "#EE9C6A" ); const tooltip = d3 .select("body") .append("div") .attr("class", "tooltip") .style("opacity", 0) .style("position", "absolute") .style("background-color", "white") .style("border", "1px solid #ccc") .style("padding", "10px 15px 10px") // パディングを大きくします .style("font-size", "15px") // フォントサイズを大きくします .style("box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.1)") .style("pointer-events", "none"); const verticalLine = svg .append("line") .attr("class", "vertical-line") .attr("y1", margin.top) .attr("y2", height - margin.bottom) .attr("stroke", "gray") .attr("stroke-width", 1) .style("opacity", 0); svg .append("rect") .attr("class", "overlay") .attr("width", width) .attr("height", height) .style("fill", "none") .style("pointer-events", "all") .on("mouseover", () => { tooltip.style("opacity", 1); verticalLine.style("opacity", 1); }) .on("mouseout", () => { tooltip.style("opacity", 0); verticalLine.style("opacity", 0); }) .on("mousemove", function (event) { const mouse = d3.pointer(event); const x0 = x.invert(mouse[0]); const i = d3.bisectLeft( dataset_YT.map((d) => d.日付), x0, 1 ); const d0 = dataset_YT[i - 1]; const d1 = dataset_YT[i]; const d = x0 - d0.日付 > d1.日付 - x0 ? d1 : d0; tooltip .html( ` ${d3.timeFormat("%Y
%m / %d")( d.日付 )}

お料理得意: ${ d["お料理得意なんです"] }
恋のハンバーグ: ${d["恋のハンバーグ"]}` ) .style("left", `${event.pageX + 100}px`) .style("top", `${event.pageY - 28}px`); verticalLine.attr("x1", x(d.日付)).attr("x2", x(d.日付)); }); return svg.node(); }33:T912,graph = { const width = 800; const height = 400; const margin = { top: 20, right: 30, bottom: 40, left: 50 }; const x = d3 .scaleBand() .domain(video_counts.map((d) => d.date)) .range([margin.left, width - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, d3.max(video_counts, (d) => d.count)]) .nice() .range([height - margin.bottom, margin.top]); const svg = d3 .create("svg") .attr("viewBox", `0 0 ${width} ${height}`) .style("background-color", "#D1DCE2"); // 背景色の変更 svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call( d3 .axisBottom(x) .tickFormat(d3.timeFormat("%Y-%m-%d")) .tickValues(video_counts.map((d) => d.date)) ) .selectAll("text") .style("text-anchor", "end") .attr("dx", "-.8em") .attr("dy", ".15em") .attr("transform", "rotate(-35)"); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)); const tooltip = d3 .select("body") .append("div") .attr("class", "tooltip") .style("position", "absolute") .style("visibility", "hidden") .style("padding", "10px 20px") .style("background", "rgba(255, 255, 255, 0.8)") .style("border-radius", "5px") .style("pointer-events", "none"); svg .selectAll(".bar") .data(video_counts) .enter() .append("rect") .attr("class", "bar") .attr("x", (d) => x(d.date)) .attr("y", (d) => y(d.count)) .attr("width", x.bandwidth()) .attr("height", (d) => height - margin.bottom - y(d.count)) .attr("fill", "#80BEAF") // 棒グラフの色を変更 .on("mouseover", function (event, d) { d3.select(this).attr("fill", "#EE9C6A"); // マウスオーバー時の色を変更 tooltip .html(`${d3.timeFormat("%Y
%m/%d")(d.date)}
${d.count}本`) .style("visibility", "visible"); }) .on("mousemove", function (event) { tooltip .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px"); }) .on("mouseout", function () { d3.select(this).attr("fill", "#80BEAF"); // 元の色に戻す tooltip.style("visibility", "hidden"); }); return svg.node(); }34:T1d45,graph4 = { // SVGのサイズ設定 const width = 800; const height = 300; const margin = { top: 20, right: 70, bottom: 40, left: 50 }; // 折れ線グラフのスケール設定 const xLine = d3 .scaleTime() .domain(d3.extent(dataset_KOI_P, (d) => d.date)) .range([margin.left, width - margin.right]); const yLine = d3 .scaleLinear() .domain([0, d3.max(dataset_KOI_P, (d) => d.play_count)]) .nice() .range([height - margin.bottom, margin.top]); // 棒グラフのスケール設定 const xBar = d3 .scaleBand() .domain(dataset_KOI_N.map((d) => d.date)) .range([margin.left, width - margin.right]) .padding(0.1); const yBar = d3 .scaleLinear() .domain([0, d3.max(dataset_KOI_N, (d) => d.movie)]) .nice() .range([height - margin.bottom, margin.top]); // SVGの作成 const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", "#D1DCE2"); // 背景色を変更 // 棒グラフの軸（左側のY軸）とグリッドライン const yAxisBar = svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(yBar).tickSize(-width + margin.left + margin.right)) .call((g) => g .selectAll(".tick:not(:first-of-type) line") .attr("stroke-dasharray", "2,2") .attr("stroke-opacity", 0) ) .call((g) => g.select(".domain").remove()); // 折れ線グラフの軸（右側のY軸）とグリッドライン const yAxisLine = svg .append("g") .attr("transform", `translate(${width - margin.right},0)`) .call(d3.axisRight(yLine).tickSize(-width + margin.left + margin.right)) .call((g) => g .selectAll(".tick:not(:first-of-type) line") .attr("stroke-dasharray", "2,2") .attr("stroke-opacity", 0.2) ) .call((g) => g.select(".domain").remove()); // 棒グラフの棒 svg .selectAll(".bar") .data(dataset_KOI_N) .enter() .append("rect") .attr("class", "bar") .attr("x", (d) => xBar(d.date)) .attr("y", (d) => yBar(d.movie)) .attr("width", xBar.bandwidth()) .attr("height", (d) => height - margin.bottom - yBar(d.movie)) .attr("fill", "#F5B994") // 棒グラフの色を変更 .on("mouseover", function (event, d) { tooltip .html(`日付: ${d.date}
映画数: ${d.movie}`) .style("visibility", "visible"); guideLine .attr("x1", xBar(d.date) + xBar.bandwidth() / 2) .attr("x2", xBar(d.date) + xBar.bandwidth() / 2) .attr("y1", margin.top) .attr("y2", height - margin.bottom) .style("opacity", 1); }) .on("mousemove", function (event) { tooltip .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px"); }) .on("mouseout", function () { tooltip.style("visibility", "hidden"); guideLine.style("opacity", 0); }); // 折れ線グラフのライン const line = d3 .line() .defined((d) => !isNaN(d.play_count)) .x((d) => xLine(d.date)) .y((d) => yLine(d.play_count)); svg .append("path") .datum(dataset_KOI_P) .attr("class", "line") // この行を追加して、パスに 'line' クラスを適用します .attr("fill", "none") .attr("stroke", "#80BEAF") // 折れ線グラフの色を変更 .attr("stroke-width", 4) .attr("d", line); // ツールチップの設定 const tooltip = d3 .select("body") .append("div") .attr("class", "mytooltip") .style("position", "absolute") .style("visibility", "hidden") .style("padding", "10px") .style("background", "rgba(255, 255, 255, 0.8)") .style("border-radius", "5px") .style("pointer-events", "none"); // ガイドラインの設定 const guideLine = svg .append("line") .style("stroke", "#aaa") .style("stroke-dasharray", "3,3") .style("opacity", 0); // 日付のフォーマット設定 const formatDate = d3.timeFormat("%m月%d日"); // SVGにマウスムーブイベントリスナーを追加 svg .on("mousemove", function (event) { const [mouseX] = d3.pointer(event, this); const xDate = xLine.invert(mouseX); // マウスX座標から日付を逆算 // 最も近い日付のデータポイントをdataset_sから特定 const playCountIndex = d3 .bisector((d) => d.date) .left(dataset_KOI_P, xDate, 1); const playCountData = dataset_KOI_P[playCountIndex - 1]; // 最も近い日付のデータポイントをdataset_s_kensuuから特定 const movieCountIndex = d3 .bisector((d) => d.date) .left(dataset_KOI_N, xDate, 1); const movieCountData = dataset_KOI_N[movieCountIndex - 1]; if ( playCountData && movieCountData && +playCountData.date === +movieCountData.date ) { // ツールチップの位置と内容を更新 tooltip .html( ` ${formatDate(playCountData.date)}
` + `動画数: ${movieCountData.movie}本
` + `平均再生数: ${formatPlayCount(playCountData.play_count)}` ) .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px") .style("visibility", "visible"); // ガイドラインの位置を更新 guideLine .attr("x1", xLine(playCountData.date)) .attr("x2", xLine(playCountData.date)) .attr("y1", margin.top) .attr("y2", height - margin.bottom) .style("opacity", 1); } else { // データが一致しない場合はツールチップとガイドラインを非表示に tooltip.style("visibility", "hidden"); guideLine.style("opacity", 0); } }) .on("mouseout", function () { // マウスがSVG要素から外れたときにツールチップとガイドラインを非表示に tooltip.style("visibility", "hidden"); guideLine.style("opacity", 0); }); // 日付フォーマット関数を定義（例: "9月10日"） const formatDateAxis = d3.timeFormat("%m / %d"); // 12/14と1/1は月/日で表示、それ以外は日のみ表示 // X軸の設定を変更してカスタムのフォーマット関数を使用 const xAxis = d3 .axisBottom(xLine) .tickFormat(formatDateAxis) // 日付のフォーマット関数を設定 .ticks(d3.timeDay.every(1)); // 一日ごとに表示 // X軸をSVGに追加 svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(xAxis) .selectAll("text") .style("text-anchor", "end") .attr("dx", "-.8em") .attr("dy", ".15em") .attr("transform", "rotate(-35)"); function drawGraph(svg, selectedMetric) { const barOpacity = selectedMetric === "動画数" ? 1 : 0.3; const lineOpacity = selectedMetric === "平均再生数" ? 1 : 0.8; // 棒グラフの透明度を更新 svg.selectAll(".bar").style("opacity", barOpacity); // 折れ線グラフの透明度を更新 svg.selectAll(".line").style("opacity", lineOpacity); // 左右のy軸の透明度を更新 yAxisBar.style("opacity", barOpacity); yAxisLine.style("opacity", lineOpacity); } // 'graph' セル内で 'drawGraph' 関数を呼び出す際に 'svg' を渡す drawGraph(svg, selectMetric); // SVGを返す return svg.node(); }35:T807,viewof chart2 = { const svg = d3 .create("svg") .attr("width", 960) .attr("height", 500) .attr("viewBox", [0, 0, 960, 500]) .style("background-color", "#D1DCE2"); // 背景色を設定 const margin = { top: 20, right: 30, bottom: 30, left: 100 }; const width = 960 - margin.left - margin.right; const height = 500 - margin.top - margin.bottom; const g = svg .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); const categories = [ "猫ミーム", "ハッピー米津", "まいたけダンス", "勉強してください", "お料理得意" ]; const colors = { 猫ミーム: "#85CBCD", ハッピー米津: "#A8DEE0", まいたけダンス: "#F9E2AE", 勉強してください: "#FBC78D", お料理得意: "#A7D676" }; const x = d3 .scaleTime() .domain([new Date("2024-01-01"), new Date("2025-02-03")]) // 描写範囲を2025年2月3日までに設定 .range([0, width]); const y = d3.scaleBand().domain(categories).range([0, height]).padding(0.1); g.append("g") .attr("transform", `translate(0,${height})`) .call(d3.axisBottom(x).tickFormat(d3.timeFormat("%Y-%m-%d"))); g.append("g").call(d3.axisLeft(y)); g.selectAll("rect") .data( dataset_M_P.columns.slice(1).map((key, i) => { return { category: categories[i], start: new Date(dataset_M_P[0][key]), peak: new Date(dataset_M_P[1][key]) }; }) ) .join("rect") .attr("x", (d) => x(d.start)) .attr("y", (d) => y(d.category)) .attr("width", (d) => x(d.peak) - x(d.start)) .attr("height", y.bandwidth()) .attr("fill", "#6F89A2") // 通常時の色を設定 .on("mouseover", function (event, d) { d3.select(this).attr("fill", colors[d.category]); // マウスオーバー時の色を設定 }) .on("mouseout", function (event, d) { d3.select(this).attr("fill", "#6F89A2"); // マウスアウト時に元の色に戻す }); return svg.node(); }36:T948,viewof chart = { const svg = d3 .create("svg") .attr("width", 960) .attr("height", 500) .attr("viewBox", [0, 0, 960, 500]) .style("background-color", "#D1DCE2"); // 背景色を追加 const margin = { top: 20, right: 30, bottom: 30, left: 40 }; const width = 960 - margin.left - margin.right; const height = 500 - margin.top - margin.bottom; const g = svg .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); const x = d3 .scaleBand() .domain(dataset_KOI_548.map((d) => d.date)) .range([0, width]) .padding(0.1); const y = d3.scaleLinear().domain([0, 1]).range([0, height]); // 上下を逆にするためにレンジを逆に設定 const color = d3 .scaleOrdinal() .domain(["Falt", "Joke", "Succes", "Other"]) .range(["#60EFDB", "#EDB5D2", "#C8A8DA", "#708aa3"]); // 色を指定されたものに変更 const stack = d3 .stack() .keys(["Falt", "Joke", "Succes", "Other"]) .order(d3.stackOrderNone) .offset(d3.stackOffsetExpand); const series = stack(dataset_KOI_548); // アニメーションを設定する関数 function animateBars() { g.selectAll("g.series") .data(series) .join("g") .attr("fill", (d) => color(d.key)) .attr("class", "series") .selectAll("rect") .data((d) => d) .join("rect") .attr("x", (d) => x(d.data.date)) .attr("y", (d) => y(d[0])) // y座標を逆に設定 .attr("height", 0) // 初期高さを0に設定 .attr("width", x.bandwidth()) .transition() // アニメーションを追加 .duration(1000) // アニメーションの長さを1秒に設定 .attr("height", (d) => y(d[1]) - y(d[0])); // 高さをアニメーションで変更 } // 初回アニメーション animateBars(); // 軸を描画します（初回のみ） g.append("g") .attr("transform", `translate(0,${height})`) .call(d3.axisBottom(x).tickFormat(d3.timeFormat("%m/%d"))) // 日付フォーマットを変更 .selectAll("text") .attr("transform", "rotate(45)") .style("text-anchor", "start"); g.append("g").call(d3.axisLeft(y).ticks(10, "%")); // ボタンが押されたときにアニメーションをリプレイする viewof replay2.addEventListener("click", () => { animateBars(); }); return svg.node(); }37:T57a,chartEX = { const margin = { top: 20, right: 30, bottom: 30, left: 40 }; const width = 800; const height = 400; // SVGコンテナを作成 const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", "#D1DCE2"); // 背景色を設定 // スケールを設定 const x = d3 .scaleTime() .domain(d3.extent(dataset_KT, (d) => d.date)) .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain([0, d3.max(dataset_KT, (d) => d["ケンチャナちいかわ"])]) .nice() .range([height - margin.bottom, margin.top]); // X軸とY軸を描画 svg .append("g") .attr("transform", `translate(15,${height - margin.bottom})`) // X軸を右に10ピクセル移動 .call( d3 .axisBottom(x) .tickSizeOuter(0) .ticks(d3.timeDay.every(1)) .tickFormat(d3.timeFormat("%m/%d")) ); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y)); // 折れ線を描画 svg .append("path") .datum(dataset_KT) .attr("fill", "none") .attr("stroke", "#80BEAF") // 折れ線グラフの色を設定 .attr("stroke-width", 4) .attr( "d", d3 .line() .x((d) => x(d.date)) .y((d) => y(d["ケンチャナちいかわ"])) ); return svg.node(); }38:T82f,style = html` `39:[{"id":"124acbb1de981bf4b536bbe7e28e7d5b6d640e0fb237f286c0f086a1f4fc89f5d83b84329eb7cbfedf2a5d2f94fe91b4b7a963dbf34bf62f9c5b1df493a4ff96","href":"https://static.observableusercontent.com/files/124acbb1de981bf4b536bbe7e28e7d5b6d640e0fb237f286c0f086a1f4fc89f5d83b84329eb7cbfedf2a5d2f94fe91b4b7a963dbf34bf62f9c5b1df493a4ff96","name":"仮サムネ.png","type":"image/png","lastModified":1737297962227.052,"size":158333},{"id":"7ab28c03e1880443df6f834d098855ac75489ff121a9a0cd6510a025522d8017b6067c1688519ab42b8cc9af15566649cf716d6802e02763d04ed327659cc211","href":"https://static.observableusercontent.com/files/7ab28c03e1880443df6f834d098855ac75489ff121a9a0cd6510a025522d8017b6067c1688519ab42b8cc9af15566649cf716d6802e02763d04ed327659cc211","name":"Z_TV_Data.png.webp","type":"image/webp","lastModified":1737312368451.406,"size":42364},{"id":"f6522cc685929cc460f131f8abe59cb4ad40d91878abe899690a351e4acb7859d4da3df66a80dbaca982fe435260813ccc1669221f97268548760f3a3eb1c9a5","href":"https://static.observableusercontent.com/files/f6522cc685929cc460f131f8abe59cb4ad40d91878abe899690a351e4acb7859d4da3df66a80dbaca982fe435260813ccc1669221f97268548760f3a3eb1c9a5","name":"1122.jpg","type":"image/jpeg","lastModified":1738530697704.742,"size":378736},{"id":"bb7be21e566668a3ab75fb9028b84234addfdde29a444e45d555fb9c0642152aa8e3958523081dd012da1d9bf754aa0a06247e162c7869e16af0f3aed5a9c5ef","href":"https://static.observableusercontent.com/files/bb7be21e566668a3ab75fb9028b84234addfdde29a444e45d555fb9c0642152aa8e3958523081dd012da1d9bf754aa0a06247e162c7869e16af0f3aed5a9c5ef","name":"video_data-4@1.json","type":"application/json","lastModified":1738531998438.471,"size":787247},{"id":"6312baae17be0a5bad797ff755e7bf0bdb90599be51352a83572bc08fba1c8aeda8c15a74f76752cfd512891e6d37c28d620f0d61e43a86e95969931d76f42c6","href":"https://static.observableusercontent.com/files/6312baae17be0a5bad797ff755e7bf0bdb90599be51352a83572bc08fba1c8aeda8c15a74f76752cfd512891e6d37c28d620f0d61e43a86e95969931d76f42c6","name":"アートボード 1.png","type":"image/png","lastModified":1738554114828.377,"size":102753},{"id":"6312baae17be0a5bad797ff755e7bf0bdb90599be51352a83572bc08fba1c8aeda8c15a74f76752cfd512891e6d37c28d620f0d61e43a86e95969931d76f42c6","href":"https://static.observableusercontent.com/files/6312baae17be0a5bad797ff755e7bf0bdb90599be51352a83572bc08fba1c8aeda8c15a74f76752cfd512891e6d37c28d620f0d61e43a86e95969931d76f42c6","name":"SumNail.png","type":"image/png","lastModified":1738554149297.918,"size":102753},{"id":"e18c2c064b8bc0622939f8a3a75346375b37bb645e9eff26ba6fe2968740d878049aa8dd57599c25944026ea5b901dae396b3530d1cfdd87a2d2c83100e39276","href":"https://static.observableusercontent.com/files/e18c2c064b8bc0622939f8a3a75346375b37bb645e9eff26ba6fe2968740d878049aa8dd57599c25944026ea5b901dae396b3530d1cfdd87a2d2c83100e39276","name":"cat.jpg","type":"image/jpeg","lastModified":1738556920368.666,"size":131931},{"id":"dc7a0d9ad26352b52dd5eea1123c97a6440b3125a2fb9761707812c8c81cc55f5da4c8958af3f1c7487c6f260a770142efaaad08f1f414d168b35e3a98da3031","href":"https://static.observableusercontent.com/files/dc7a0d9ad26352b52dd5eea1123c97a6440b3125a2fb9761707812c8c81cc55f5da4c8958af3f1c7487c6f260a770142efaaad08f1f414d168b35e3a98da3031","name":"Yonedu.jpg","type":"image/jpeg","lastModified":1738557006993.04,"size":13535},{"id":"9252ac27caf45fea91a129b3f5e44f5e8df25c6e24a3b83002da5c78712079cf881a7742fb11370cec1e9b1754fe611bbe6da08fc01b832ab573425ce8849cde","href":"https://static.observableusercontent.com/files/9252ac27caf45fea91a129b3f5e44f5e8df25c6e24a3b83002da5c78712079cf881a7742fb11370cec1e9b1754fe611bbe6da08fc01b832ab573425ce8849cde","name":"maitake.jpeg","type":"image/jpeg","lastModified":1738557080116.443,"size":7398},{"id":"eb26be3ac5fd91938d6350c50a06d6580f4555e9f7edcc86d54c6db7fef11ca2abe4d74e13296e483ec0f75b4830c2bb4783ef3b57e717c9da5af6a741c2721d","href":"https://static.observableusercontent.com/files/eb26be3ac5fd91938d6350c50a06d6580f4555e9f7edcc86d54c6db7fef11ca2abe4d74e13296e483ec0f75b4830c2bb4783ef3b57e717c9da5af6a741c2721d","name":"study.jpeg","type":"image/jpeg","lastModified":1738557196195.844,"size":8761}] 2f:{"title":"ネットミームはいつ「オワコン化」してしまうのか","cells":[{"id":0,"value":"# ネットミームはいつ「オワコン化」してしまうのか\n#### インターネット上の流行を活用するために -流行のピーク予測とその原因考察-","pinned":false,"hidden":false,"mode":"md"},{"id":102,"value":"

by Aki-Kaz

","pinned":false,"hidden":false,"mode":"md"},{"id":450,"value":"

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

はじめに

","pinned":false,"hidden":false,"mode":"md"},{"id":141,"value":"

\n 皆さんはネットミームというものをご存知だろうか
\n
\n ネットミームとは基本的に、インターネット上で模倣・改変・拡散が重ねられて広まるネタ的なコンテンツの事を指す。\n 日本で近年大きく話題になったものといえば2024年YouTube流行語大賞にも選ばれた「猫ミーム」が記憶に新しいだろう。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":995,"value":"

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

\n 近年その影響力はネット上での内輪ネタの域を越えてどんどん大きくなっており、
\n 時に海外では政治的なシーンでネットミームを活用する例も目にするようになった。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1002,"value":"

\n2024年大統領選で大きな話題を呼んだ 「『Kamala brat』ミーム」
\n に反応したカマラ陣営Instagramの投稿\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1005,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1008,"value":"{\n const script = document.createElement(\"script\");\n script.src = \"//www.instagram.com/embed.js\";\n script.async = true;\n document.head.appendChild(script);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1010,"value":"

\n そんな高い影響力を持つネットミームだが、その大半が爆発的な流行ののち、なぜかすぐに見かけなくなり自然消滅してしまう。
\n そこで私はその自然消滅の部分に目をつけた。
\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1012,"value":"### このサイトの目的","pinned":false,"hidden":false,"mode":"md"},{"id":1015,"value":"

\n 「ネットミームがいつ人々に飽きられてしまうのか」
\n 「いつ流行のピークを迎えるのか」
\n
\n これらがわかれば、目まぐるしく変化するインターネット上の流行りの中で、どれを利用すれば多くの人々のもとに自分のメッセージが届くのか、いつ発信すればより長い間多くの人の記憶に残るのか が予測しやすくなるだろうと私は考える。
\n
\n今回このサイトでは、インターネット上の流行が、どの様にピークを迎えるのか、その後なぜ人々に飽きられてしまうのかを、データの可視化を通して考察し、今後それらの流行を用いる際の手助けになるようなデータをまとめることを目的とする。","pinned":false,"hidden":false,"mode":"md"},{"id":184,"value":"## 目次","pinned":false,"hidden":false,"mode":"md"},{"id":221,"value":"

\n 【データの分析方法】
\n ① 【今回の調査対象】
\n ② 【タイトルにある「オワコン化」について】
\n ③　【検証① 検索件数の変化】
\n ④　【検証② 動画数の変化】
\n ⑤　【検証③ 再生数の変化】
\n ⑥ 【結論①】
\n ⑦ 【なぜ流行が終了したのか】
\n ⑧　【仮説① 流行のピークまでの期間】
\n ⑨　【仮説② コンテンツ内容の変化】
\n ⑩ 【結論②】
\n 【まとめ】\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1539,"value":"## データの分析方法","pinned":false,"hidden":false,"mode":"md"},{"id":1541,"value":"### 今回、データの分析は以下の２ステップで行った。","pinned":false,"hidden":false,"mode":"md"},{"id":1543,"value":"

\n ① データを入手する
\n\n・Google Colab上でYouTube API v3 にアクセスし、csvファイルまたはJSONファイルにデータをダウンロードする
\n\n・Google trends を用いてYouTube上の検索数のデータを抽出し、csvファイルにダウンロードする
\n\n・YouTubeの動画を実際に視聴し、予め決めた分類法で分類、その後csvファイルにまとめる
\n\n
\n② ビジュアル化
\n・それぞれの方法で用意したファイルをObservable上で読み込みビジュアル化する。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1020,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":259,"value":"## 今回の調査対象","pinned":false,"hidden":false,"mode":"md"},{"id":265,"value":"

\n 今回の調査では2025年1月現在、最新のミームを一つ例に挙げて、そのミームを中心にデータを集める。
\n 今回対象としたミームは 「『お料理得意なんです！』ミーム」 だ。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1024,"value":"### 2025年最新のミーム『お料理得意なんです！』とは","pinned":false,"hidden":false,"mode":"md"},{"id":1028,"value":"

\n このミームは、2016年にリリースされた楽曲「恋のHamburg」を使用した料理動画全般のことを指すもので、主にYouTubeShort上で2024年度末から爆発的な流行を見せたミームである。
\n 動画内容は、 『お料理、得意なんです！』 という「恋のHamburg」の歌詞と共に、
\n ”大失敗した料理” の動画を載せるというものが主流。
\n つまり、「自分の失敗した料理」を「お料理、得意なんです！」と言いながら投稿する、いわば自虐的なコンテンツがウケたミームなのである。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1577,"value":"

\n 動画の一例　mamamaさんの投稿動画 198万回再生
\n クリックで動画へジャンプ\n

","pinned":false,"hidden":false,"mode":"md"},{"id":861,"value":"viewof thumbnail = md`\n\n $\"YouTube$ \n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1031,"value":"

\n そんな『お料理得意なんです』ミームだが、最盛期の1月前半〜半ばごろに比べて最近（1/31現在）はあまり見かけなくなった様に感じる。\n 筆者自身の周囲や、SNS上でも話題にあげている人はめっきりいなくなり、ひいてはあれほど流れてきていたYouTubeのおすすめ欄にも流れなくなってきた様に感じる。
\n そこで今回、最も最近流行したミームで、すでにそのピークを過ぎているかもしれない良例としてこのミームを取り扱うことにした。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":279,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":294,"value":"### 対象となる動画一覧 (12/14~1/31)","pinned":false,"hidden":false,"mode":"md"},{"id":1038,"value":"

\n 今回の調査では、
\n 初めて『お料理得意なんです！』というフレーズを含んだ動画が投稿された 2024年12月14日 から、 2025年1月31日現在までの間に投稿された全動画のうち、
\n
\n 『お料理得意なんです』というフレーズをタイトルもしくは概要欄に含む動画を対象に調査を行った。","pinned":false,"hidden":false,"mode":"md"},{"id":1040,"value":"

\n 2024年12/14 ~ 2025年1/31 に投稿された『お料理得意なんです』を含む動画一覧
\n日付をクリックすることで、その日に投稿された全動画を見ることができる\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1048,"value":"viewof currentDate = Inputs.radio(Object.keys(youtube_videos_daily), {\n label: \"日付を選択\",\n value: Object.keys(youtube_videos_daily)[0]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1050,"value":"md`

\n${youtube_videos_daily[currentDate]\n .map((d) => ({ id: d.id.videoId, url: d.snippet.thumbnails.default.url }))\n .map(\n ({ id, url }) =>\n `

`\n )\n .join(\"\\n\")}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":336,"value":"## タイトルにある「オワコン化」について","pinned":false,"hidden":false,"mode":"md"},{"id":1062,"value":"### オワコンとは","pinned":false,"hidden":false,"mode":"md"},{"id":338,"value":"

\n まず、タイトルにもある「オワコン」という単語について解説しようと思う。
\n
\n 「オワコン」とは、通称「終わってしまったコンテンツ」の略で、
\n 旬を過ぎたコンテンツ・顧客が離れてしまったコンテンツのことを指すネットスラングである。最近ではビジネス用語としてモモ陥られることがある様です。
\n 今回このサイトでは「流行が終わってしまったコンテンツ」という意味で用いらせてもらう。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1065,"value":"### オワコン化の定義","pinned":false,"hidden":false,"mode":"md"},{"id":1067,"value":"

\n 私は、ミームが「オワコン」化した時 とは 「人々の関心が離れた時」だ、と定義した。
\n そこで、ミームがいつオワコン化したのか、そもそもオワコン化しているのか、オワコン化している場合どの様に推移していったのかを複数のデータから調査することにした。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1070,"value":"## 検証① YouTube上での検索件数","pinned":false,"hidden":false,"mode":"md"},{"id":360,"value":"

\n まず、YouTube上での検索件数の変化に目をつけた。\n YouTubeでの検索件数がピークに比べ大幅に減っていれば、人々の関心が離れたと言って問題ないだろう。
\n 今回、ミームのキーワードである『お料理得意』と、音源名である『恋するハンバーグ』の２フレーズの検索数の推移を調査した。\n その調査結果が以下のグラフだ。
\n 縦軸は最も検索された際の検索数を100とした際の数値で記録している。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":873,"value":"

\n \n 「お料理得意」\n \n 「恋のハンバーグ」\n
\n 検索数の推移グラフ　リプレイボタンを押すことでアニメーションを再生できる\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1077,"value":"// ボタンセル\nviewof replay1 = Inputs.button(\"リプレイ\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1080,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":879,"value":"

\n⚠️縦軸の数値は、特定の地域と期間について、グラフ上の最高値を基準として検索インタレストを相対的に表したものです。100 の場合はそのキーワードの人気度が最も高いことを示し、50 の場合は人気度が半分であることを示します。0 の場合はそのキーワードに対する十分なデータがなかったことを示します。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":891,"value":"

\n どちらも1月2日~4日 ３が日のあたりから急激に検索数が増え始め、そこから二週間検索数が増え続けていることがわかる。\n そして、二週間経った1月14日をピークとして検索数が激減していることが判明した。
\n 少なくとも、 2月1日現在すでに視聴者の関心のピークは過ぎ去っていると言って良いだろう。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":912,"value":"## 検証② 動画数の変化","pinned":false,"hidden":false,"mode":"md"},{"id":392,"value":"

\n 視聴者側の関心が薄れていることはわかった。それでは投稿者側はどうだろうか？
\n 視聴者側同様投稿者側もこのコンテンツに飽きて、動画の投稿数が落ちているということも考えられるだろう。もしかしたら動画の投稿数が減少し、それに伴って視聴者も関心が薄れたのかもしれない。
\n
\n そう考え、期間内に投稿された動画の数を日付順で並べた。結果は以下の通りだ。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":845,"value":"

\n 2024年12/14 - 2025年1/31 動画投稿数
\n マウスオーバーで詳細な件数を確認できる\n

","pinned":false,"hidden":false,"mode":"md"},{"id":848,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1101,"value":"

\n 検索件数と同様、 1月2日~4日 三が日のあたりから投稿数が増え始め、1月8-11日ごろがピークになっていることがわかる。
\n しかし、検索件数と異なるのはピークを過ぎても大きく投稿数が減っていないという点だ。多少のブレはあるが、基本的にピーク時の半分以上程度の動画が毎日投稿されている。
\n ピークが起こるタイミングは同じでも、投稿者と視聴者では熱量の下がり方に違いがあるのだろうか。それを確かめるためもう一つ検証を行うことにした。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":960,"value":"## 検証③ 再生数の変化","pinned":false,"hidden":false,"mode":"md"},{"id":371,"value":"

\n 最後の検証として、日毎の平均再生回数で比較することにした。Short動画の仕様のことも考えると、検索件数だけでは視聴者側の関心の度合いを図る指標として不十分だと考えたため、今回再生回数という新たな指標を設けることにした。
\n 投稿数と比較ができるようにまとめたものが以下のグラフである。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":377,"value":"

\n １日ごとの平均再生回数をまとめた折れ線グラフ
\n プルダウンで動画投稿数を表す棒グラフを薄くすることができる。
\n

","pinned":false,"hidden":false,"mode":"md"},{"id":379,"value":"viewof selectMetric = Inputs.select([\"平均再生数\", \"動画数\"], {\n label: \"グラフを選択\",\n value: \"動画数\", // 初期値\n class: \"custom-select-metric\" // クラスを追加\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":706,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":642,"value":"

\n 再生回数は、前述の２データとは異なり12/25の投稿から大きく数を伸ばし始めている。が、1/5ごろに最高記録の平均再生回数を出したのち、どんどんと下がっていき、1/17の投稿を最後に以降10万再生を超えることは無くなってしまった。
\n 動画の投稿数に対する再生数の比率で考えると、初期に比べても大きく下がってしまっているのがわかるだろう。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1139,"value":"## 結論① 『お料理ミーム』はオワコン化しているのか","pinned":false,"hidden":false,"mode":"md"},{"id":1143,"value":"### A. 既にピークは過ぎており、特に視聴者の関心はもうほとんどない","pinned":false,"hidden":false,"mode":"md"},{"id":1145,"value":"

\n 今回の調査で分かったことは以下の３つである。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1148,"value":"

\n ① 流行から二週間ほどの ごく短い期間でピーク を迎えていた事
\n ② 視聴者側も、投稿者側も流行のピークはほぼ同時< /b>に訪れていた事
\n ③ しかし、ピーク後の流行の止み方には 視聴者側と投稿者側でずれ が生じていること。","pinned":false,"hidden":false,"mode":"md"},{"id":1150,"value":"

\n つまり、今後ネット上の流行を活用して発信をする際に気をつけなければいけないことは以下の 2点である。\n

","pinned":false,"hidden":false,"mode":"md"},{"id":1152,"value":"
\n ❶ 流行は想像よりも早く収束してしまうこと
\n
\n ❷ 何より、動画がまだ多く投稿されているからといって、大衆の関心も未だそのミームにあるとは限らないということ\n\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1154,"value":"
\n 今回、このネットミームがオワコン化していること、ピークの時期、流行の傾向は確かめることができた。
\n 次は、なぜ流行が終わってしまったのかを考えよう。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1254,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":1429,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":1435,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":646,"value":"## なぜ流行が終了したのか","pinned":false,"hidden":false,"mode":"md"},{"id":591,"value":"
\n なぜ、ミームの流行が終わってしまうのか、これも仮説をたてながらデータを用いて検証していこう。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":766,"value":"## 仮説① バズってからの期間","pinned":false,"hidden":false,"mode":"md"},{"id":1261,"value":"
\n 何か特別な理由があって廃れたのではなく、どのミームも一様に同じくらいの時間で流行のピークを迎えてしまうのではないかと考えた。
\n それを検証するべく以下の調査を行った。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1266,"value":"### 検証④ 複数ミームにおける、初動からピークまでの期間調査","pinned":false,"hidden":false,"mode":"md"},{"id":1271,"value":"
\n この検証では『お料理』ミームだけではなく2024年にYouTube上で流行した複数のミームを対象に調査を行う。 \n それぞれのミームの検索数が急上昇したタイミングを初動とし、そこからピークを迎えるまでの期間を比較する。
\n 今回調査対象としたのは『お料理』ミーム、 『猫ミーム』、『ハッピー米津』、 『まいたけダンス』、『勉強してください』の５種類である。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1281,"value":"
\n 以下、簡単なミーム紹介\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1285,"value":"### ミーム① 猫ミーム","pinned":false,"hidden":false,"mode":"md"},{"id":1290,"value":"
\n 猫が喋るミーム。　2024年１月頃から流行。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1638,"value":"
\n \n
","pinned":false,"hidden":false,"mode":"html"},{"id":1297,"value":"### ミーム② ハッピー米津","pinned":false,"hidden":false,"mode":"md"},{"id":1302,"value":"
\n ムキムキな米津玄師が喋るミーム。　2024年2月頃から流行。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1644,"value":"
\n \n
","pinned":false,"hidden":false,"mode":"html"},{"id":1311,"value":"### ミーム③ まいたけダンス","pinned":false,"hidden":false,"mode":"md"},{"id":1315,"value":"
\n「まいたけ」と喋り踊るミーム。　2024年8月頃から流行\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1646,"value":"
\n \n
","pinned":false,"hidden":false,"mode":"html"},{"id":1322,"value":"### ミーム④ 勉強してください","pinned":false,"hidden":false,"mode":"md"},{"id":1326,"value":"
\n元東大王河野玄斗が語りかけてくるミーム。 2024年10月頃から流行。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1650,"value":"
\n \n
","pinned":false,"hidden":false,"mode":"html"},{"id":1335,"value":"### ミーム⑤ お料理得意なんです！","pinned":false,"hidden":false,"mode":"md"},{"id":1339,"value":"
\n今回の調査のメインミーム。 2024年12月末頃から流行。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1345,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":1734,"value":"### 初動から検索数ピークまでの期間比較","pinned":false,"hidden":false,"mode":"md"},{"id":1347,"value":"
\n 複数ミーム　初動から検索数ピークまでの期間
\n 猫ミーム　ハッピー米津　まいたけダンス　勉強してください　お料理得意\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1362,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":1377,"value":"### 検証④ 結果","pinned":false,"hidden":false,"mode":"md"},{"id":1379,"value":"
\nインターネット上の流行がピークを迎えるまでの期間に法則性は見られ無かった。
\n
\n残念ながら、仮説とは異なり、大いにバラバラな数値を示した。短いものは二週間、長いものはついに５ヶ月を突破しようとしている。ちなみに『勉強してください』は2025年2月3日現在も未だ検索数が上昇し続けており、ピークに達していない。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":631,"value":"## 仮説② コンテンツの内容の変化","pinned":false,"hidden":false,"mode":"md"},{"id":398,"value":"
\n 仮説①の結果を受けて、違う視点から考えることにした。
\n例えば、流行とともに ミームの模倣・拡散が加速していくにつれ、だんだんと当初の形から離れてしまい、結果、視聴者のニーズと合わなくなってしまったのではないだろうか。
\n そこで私はミームのコンテンツ内容の変化が流行と関係しているのではと仮説を立てた。そこで検証するため以下の調査を行うことにした。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":406,"value":"### 検証④ 「お料理得意」動画の比率調査","pinned":false,"hidden":false,"mode":"md"},{"id":408,"value":"
\n 最初のミーム紹介で述べた通り『お料理得意なんです！』ミームとは大失敗した料理を投稿することでバズったコンテンツである。
\n しかし、1月なかばごろから本当にお料理が得意な動画が時々流れてくる様になり、しまいには料理と関係のない動画も見られるようになった様に感じる。
\n
","pinned":false,"hidden":false,"mode":"md"},{"id":411,"value":"
\nそこで、今回、1/31までの間に投稿された『お料理得意なんです』という言葉をタイトルもしくは概要欄に含んでいる動画、
\n 全 548 動画を全て視聴し、コンテンツの内容を分類して、 計47日分、全日付におけるその割合を算出し、時間経過によるコンテンツの内容変化をビジュアル化した。","pinned":false,"hidden":false,"mode":"md"},{"id":414,"value":"### 本来の『お料理得意なんです！』動画は何割あるのか","pinned":false,"hidden":false,"mode":"md"},{"id":416,"value":"
\n 「お料理得意なんです」を含む 全548件の動画 を以下の 4つに分類した。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":544,"value":"
\n ①　失敗している料理動画
\n ②　本当に料理が得意だが、見た目等がネタに走っているもの （見た目が犬の糞など）
もしくは、ちゃんとした料理だが、意図して汚く食べているもの
\n ③　本当にお料理が得意な動画
\n ④　その他　料理に関係のない動画
\n
","pinned":false,"hidden":false,"mode":"md"},{"id":516,"value":"
\n 今回の ① 失敗 の定義は、
\n
\n①　火災や 器物破損 などの二次被害が発生しているもの
\n
\n②　料理として成立しているか怪しい もの
\n　　(床に落ちていたり、異物混入や、極度の黒焦げ等が発生しているもの）
\n
\n③　投稿者本人が、 失敗した料理である事を説明 しているもの
\n（例）
\n･ #汚料理、特異なんです！が付いているもの
\n･失敗や事故等の文章がタイトル、もしくは概要欄に書いてある物。
\n
","pinned":false,"hidden":false,"mode":"md"},{"id":421,"value":"
\n これら3つのいずれも満たしていない料理動画は②もしくは③とみなす。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1402,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":1736,"value":"### コンテンツ内容の割合比較グラフ","pinned":false,"hidden":false,"mode":"md"},{"id":1740,"value":"
\n その日に投稿された動画総数を100とした時の
\n ①失敗した料理　②ネタ料理　③ちゃんとした料理　④その他の動画\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1242,"value":"
\n コンテンツ内容の割合変化グラフ
\n 失敗した料理　ネタ料理　ガチ料理　その他の動画\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1721,"value":"viewof replay2 = Inputs.button(\"リプレイ\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":955,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":1412,"value":"### 検証⑤ 結果","pinned":false,"hidden":false,"mode":"md"},{"id":1216,"value":"
\n 12月中に投稿された動画は母数が少ないこともあるが、ほぼ全てがコンセプトに則った動画であったことがわかる。
\n しかし、検索数・投稿数が共に伸び始めてきた 1月1日頃から段々と内容が初期のコンセプトから外れてきており、
動画投稿数がピークに達した1月9日にはなんと 7割近く が本来のコンセプトとは異なる動画になっていた。\n
その後も、コンテンツ内容の変化は止まらず、 1月31日 にはついに、その日投稿された21件の全ての動画が本来のコンセプトから大きく異なるものになっていた。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1251,"value":"
\n この結果から、ミームの流行の度合いと、コンテンツの内容の変化は少なからず相関性がありそうだということがわかった。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1414,"value":"## 結論②　流行が終了してしまった原因は何か","pinned":false,"hidden":false,"mode":"md"},{"id":1418,"value":"### A. コンテンツ内容の変化が大きな一因　時間はあまり関係ない","pinned":false,"hidden":false,"mode":"md"},{"id":1426,"value":"
\n 今回の調査で分かったことは以下の２点である。\n \n
","pinned":false,"hidden":false,"mode":"md"},{"id":1438,"value":"
\n ① 流行のピークを迎える時期は様々で、時間のみで予測を立てることは難しい。
\n ② しかし、コンテンツ内容が流行した当初と変化していった場合、視聴者の関心が薄れ早くピークが訪れる。
","pinned":false,"hidden":false,"mode":"md"},{"id":1444,"value":"
\n つまり、今後ネット上の流行を活用して発信をする際に気をつけなければいけないことは以下の2点である。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1447,"value":"
\n ❶ いつ流行が終わるかは時間だけで判断できないため、常に流行全体の動向を把握する必要がある。
\n ❷ その際に、特に「コンテンツが初期と異なるものになっている」かどうかに気をつけていればいち早くピークが近づいている事に気づけるかもしれない。
","pinned":false,"hidden":false,"mode":"md"},{"id":428,"value":"## まとめ","pinned":false,"hidden":false,"mode":"md"},{"id":430,"value":"
\n今回、どのようにして流行が終わっていくのかと、なぜ流行が終わってしまうのかという２つの視点からネットミームの流行について考えた。結論を以下にまとめる。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1456,"value":"
\n 結論\n
\n • コンテンツの内容そのものが変化してしまった時、ミームは影響力を失う。
\n ( ⚠ 時間はあまり関係がない )
\n
\n • ミームが影響力を失い始めた時とき、発信する側よりも受信する側の方が先に関心を失う。
\n ( ⚠ 投稿されているコンテンツが多いからといって影響力がまだあるとは限らない )
","pinned":false,"hidden":false,"mode":"md"},{"id":1472,"value":"
","pinned":false,"hidden":false,"mode":"md"},{"id":438,"value":"
\n ミームを故意に発生させることは不可能に近いが、一度発生したミームの影響力を下げない様にすることは可能かもしれない。
\n それができなくとも、最も拡散力のあるタイミングで利用することは可能だろう。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1481,"value":"
\n 海外では、先に紹介した「Kamala Brat」をはじめとして政治シーンで利用されることも増えてきている。他の例だとウクライナ侵攻の際にウクライナ側を鼓舞する意味で様々なネットミームが生まれ、中にはウクライナ政府が主導で広めたものもあった。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":442,"value":"
\n このように大きな影響力を持つネットミームだが、正しく使えば我々のことも大いに助けてくれるツールである。
\n 短期間で瞬く間に広がるミームはきっとあなたのメッセージも載せて全世界へ凄まじい速さで届けてくれるだろう。
\n ネットの流行をうまく活用できれば、目まぐるしく変化する現代のネット社会の世論を掴むこともより容易になるだろう。
\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1755,"value":"## 余談","pinned":false,"hidden":false,"mode":"md"},{"id":1757,"value":"
\n 今回の調査で学んだことを活かして、これから大きく話題になるミームを予想してみたので、ここで紹介しようと思う。　次に来るミーム、
\n それは「ケンチャナなちいかわ」である。\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1905,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":1874,"value":"
\n 2024年1/14 ~ 2025年2/1　YouTube上で 『ケンチャナちいかわ』 と検索された件数
\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1787,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":1888,"value":"
\n 「ケンチャナちいかわ」とは、韓国の音楽に合わせてちいかわが踊るミームである。
\n 流行の始点から未だ6日しか経っておらず、その上かなりのハイペースで検索数が上昇している。そして、動画内容に未だ大きな変化は見られない。
\n
","pinned":false,"hidden":false,"mode":"md"},{"id":1893,"value":"
\n 今このミームに乗っかればきっとこのムーブメントに乗れるだろうと私は考える。
\n 私のこの予測が合っていたかは、また数ヶ月後に調査しよう。\n","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":1108,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":675,"value":"Data","pinned":false,"hidden":false,"mode":"md"},{"id":1087,"value":"Well_YT_trends = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRSuOoLMjdzf5oc9OZDu5LV6Djf0lRZVvOEZyb9IAKAPVUHdseQa0S8a3M35VbpvDyqu0zKJD7cMlz9/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1125,"value":"ave_Pl_KOI = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQOuVH5J0xmvlfXykAm2zEr3T_4xSXE9vbCPK5NcmayxEuBjxP_iR29I63-ycyu-iKOchAteD8CWUZp/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":635,"value":"KOI_Number = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSZ00XymEpRaLNnebzdyKitHaxVQSnnN2_S7xOC9OniLKYvTU-KFfOm5_3RLpK97bM65SeixAZf8Xl-/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":988,"value":"KOI_548_Memo = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSJKNgsvApVu4CO4G7BJgC1P75ygDU6D3S9wnr4I4x5hHhckcxOyGIhx-PdIIjDy86UjEw1cj6DngkZ/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1354,"value":"Meam_Peak = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSMnxvynJl21A4nzs1dLntdQQopxL744vCCd9MGQGU4Ny5H7ByyfIR6NNF1k-kWqS9OqlLr_JK88xR8/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1759,"value":"K_T_trends = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQ1qOmiwvUw23w0jlZDsHwnIKqVBIk72liSFZ8e4Nq3aTjLcTAYl7Iw0BTcp1ywh0PaDG7Fyqz_JKnp/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"Data Set","pinned":false,"hidden":false,"mode":"md"},{"id":1052,"value":"youtube_videos_daily = FileAttachment(\"video_data-4@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1106,"value":"video_counts = Object.entries(youtube_videos_daily).map(([date, videos]) => ({\n date: new Date(date),\n count: videos.length\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1089,"value":"dataset_YT = d3.csv(Well_YT_trends, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":638,"value":"dataset_KOI_P = d3.csv(ave_Pl_KOI, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1129,"value":"dataset_KOI_N = d3.csv(KOI_Number, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1357,"value":"dataset_M_P = await d3.csv(Meam_Peak, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":990,"value":"dataset_KOI_548 = d3.csv(KOI_548_Memo, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1763,"value":"dataset_KT = d3.csv(K_T_trends, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1135,"value":"function formatPlayCount(playCount) {\n if (playCount >= 10000) {\n // 10000以上の場合、「一万」の形式で表示\n const rounded = Math.round(playCount / 1000) * 1000; // 100の位で四捨五入\n return `${(rounded / 10000).toFixed(1)}万`; // 小数点第一位まで表示\n } else {\n // 10000未満の場合、小数点以下を切り捨て\n return Math.floor(playCount);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}