2c:null 2d:["$","title",null,{"children":"Untitled | 小山佑季 | Observable"}] 32:T796,{ const dataset = [19.04, 23.78, 28.62, 27.83, 36.57] const width = 400; const height = 300; const svg = d3 .create('svg') .attr('width', width) .attr('height', height); const barPadding = 20; // barの間隔 const margin = { top: 20, right: 10, bottom: 20, left: 30 };　//余白 // 背景 svg.append('rect') .attr('width', width) .attr('height', height) .attr('fill', 'black'); // 背景の色 const rects = svg .selectAll('rect.bar') .data(dataset) .join('rect'); // スケール関数 const xScale = d3 .scaleBand() .domain(dataset) .range([margin.left, width - margin.right]) .padding(0.05); const yScale = d3 .scaleLinear() .domain([0, d3.max(dataset)]) .range([height - margin.bottom, margin.top]); // 軸関数 const xAxis = d3.axisBottom().scale(xScale); const yAxis = d3.axisLeft().scale(yScale); svg .selectAll('text') .data(dataset) .join('text') .attr('x', (d, i) => i * (width / dataset.length)) .attr('y', d => height - (d / d3.max(dataset)) * height) .attr('y', d => height - (d / d3.max(dataset)) * height + 15)　//数字の位置 .attr('text-anchor', 'middle') .attr( 'x', (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 1.5　//数字の位置 ) //文字 .attr('font-weight', 'bold') .attr('y', d => height - (d / d3.max(dataset)) * height + 13) .attr('font-family', 'Courier New') .attr('font-size', 13) .attr('fill', 'white') .text(d => d); //棒グラフ rects .attr('x', (d, i) => i * (width / dataset.length) + 10) //x座標 .attr('y', d => height - (d / d3.max(dataset)) * height) //y座標 .attr('width', width / dataset.length - barPadding) .attr('height', d => (d / d3.max(dataset)) * height) .attr('fill', d => `hsl(1, 80%, ${60 - (d / d3.max(dataset)) * 40}%)`); return svg.node(); } 33:T79a,{ const dataset2 = [6.29, 14.93, 6.12, 9.26] const width = 400; const height = 300; const svg = d3 .create('svg') .attr('width', width) .attr('height', height); const barPadding = 20; // barの間隔 const margin = { top: 20, right: 10, bottom: 20, left: 30 };　//余白 // 背景 svg.append('rect') .attr('width', width) .attr('height', height) .attr('fill', 'black'); // 背景の色 const rects = svg .selectAll('rect.bar') .data(dataset2) .join('rect'); // スケール関数 const xScale = d3 .scaleBand() .domain(dataset2) .range([margin.left, width - margin.right]) .padding(0.05); const yScale = d3 .scaleLinear() .domain([0, d3.max(dataset2)]) .range([height - margin.bottom, margin.top]); // 軸関数 const xAxis = d3.axisBottom().scale(xScale); const yAxis = d3.axisLeft().scale(yScale); svg .selectAll('text') .data(dataset2) .join('text') .attr('x', (d, i) => i * (width / dataset2.length)) .attr('y', d => height - (d / d3.max(dataset2)) * height) .attr('y', d => height - (d / d3.max(dataset2)) * height + 15)　//数字の位置 .attr('text-anchor', 'middle') .attr( 'x', (d, i) => i * (width / dataset2.length) + (width / dataset2.length - barPadding) / 1.5　//数字の位置 ) //文字 .attr('font-weight', 'bold') .attr('y', d => height - (d / d3.max(dataset2)) * height + 13) .attr('font-family', 'Courier New') .attr('font-size', 13) .attr('fill', 'white') .text(d => d); //棒グラフ rects .attr('x', (d, i) => i * (width / dataset2.length) + 10) //x座標 .attr('y', d => height - (d / d3.max(dataset2)) * height) //y座標 .attr('width', width / dataset2.length - barPadding) .attr('height', d => (d / d3.max(dataset2)) * height) .attr('fill', d => `hsl(1, 80%, ${60 - (d / d3.max(dataset2)) * 40}%)`); return svg.node(); }34:[] 30:{"id":"a8a8b56c512c4705","slug":"covid19-and-video-contents","title":"","thumbnail":"ad38d6a46ba4d6633e1d39f60fb126287ad211f1dfb4d5a5b8ed5dbd05c533b8","access_level":"public","create_time":"$D2021-01-22T05:11:59.210Z","update_time":"$D2021-01-29T15:02:55.894Z","view_time":null,"first_public_time":"$D2021-01-22T06:09:17.837Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"31c7cca6c8136f9a","login":"yuukikoyama","name":"小山佑季","avatar_url":"https://avatars-next.observableusercontent.com/f765b72dbc2a96192c189619aec43a7edcbf2e4ee24be8e44647d32cea021c85","tier":"starter_2024"},"version":354,"publish_version":354,"role":null,"authored":false,"authors":[{"type":"individual","id":"196ad439b8279b00","login":"yuukikoyama","name":"小山佑季","avatar_url":"https://avatars-next.observableusercontent.com/f765b72dbc2a96192c189619aec43a7edcbf2e4ee24be8e44647d32cea021c85","tier":null}],"members":[{"type":"individual","id":"196ad439b8279b00","login":"yuukikoyama","name":"小山佑季","avatar_url":"https://avatars-next.observableusercontent.com/f765b72dbc2a96192c189619aec43a7edcbf2e4ee24be8e44647d32cea021c85","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"","cells":[{"id":0,"value":"md`## covid19 and video contents`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"md`## 新型コロナウイルスの蔓延と、Netflixの会員数の推移`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"md`### ステイホームと動画配信サービス\n
\n日本で最初に新型コロナ患者が報告されたのは2020年1月16日だ。
\n\nその後、4月には緊急事態宣言が発令され、自宅待機を余儀なくされた。
\n現在では、「ステイホーム」が新たな生活様式になりつつある。

\n自宅にいる時間に、映画やドラマを観る機会が増えたのではないだろうか。
\nそれに伴い、「愛の不時着」や「梨泰院クラス」などの韓流ドラマや、
アニメ「鬼滅の刃」もヒットを巻き起こした。
\n
\nそんな「愛の不時着」などを独占配信しているのが、有料動画配信サービスの「Netflix」だ。\n
\n世界中にどんどん規模を拡大してゆき、グローバル化が進む「Netflix」。
\nこの記事ではそんな「Netflix」にフォーカスして、コロナ禍と有料動画配信サービスの関係性について調査した。\n
\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"md`## Netflixの新規加入者数\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"md`### 　2016　　2017 　 2018　　2019　　2020`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"md`\n2020年はコロナ禍の影響もあり、新規加入者数が3657万人と、圧倒的に多いことがわかる。
\nしかし、その数字の内訳をみると、興味深い結果が出た。
\n
\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"md`## 2020年のNetflixの新規加入者の主な居住地\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"md`#### 　 UCAN　　　EMEA　　　LATAM　　　APAC`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"md`\n上のグラフを参照すると、地域ごとの増加数は
\n
\nUCAN（北米） 629万人
\nEMEA（欧州・中東・アフリカ） 1493万人
\nLATAM（中南米） 612万人
\nAPAC（アジア太平洋） 926万人
\n
\nとなった。
\nEMEAの伸び率が高いことが分かる。人口が多く、なおかつコロナの感染拡大が広がっているEMEAだからこその結果だろうか。
\n
\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"md`## 今後のNetflixの動向は？\nヨーロッパでの多数の新規獲得者数を得たNetflixだが、今後もグローバル化を進めるのであれば、
\n今後は世界でも人口の多いとされるアジアへの進出拡大が必須だ。
\n
\nそんな中でも、Netflixは今後インドへの投資を強化することを明らかにしている。
\nNetflixアプリのヒンディー語対応や、インド最大の携帯キャリアであるReliance Jioと連携し、
\n携帯電話やブロードバンド料金とNetflixのサブスクリプションを組み合わせたサービスを第3四半期に開始した。
\n
\nさらに、インドの金融機関と連携して支払い方法を充実・簡易化することで、ユーザーが継続して利用しやすくするための取り組みも行っている。\n
\n
\nNetflixは今後、アジアの中でもとくにインドに注目していることが明確である。\n
\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"md`### Netflix　
\n月額料金:800円（税抜）※ベーシックプラン
\n
\n洋画や韓流が豊富で、「愛の不時着」や「梨泰院クラス」もNetflixで独占配信されている。
\nオリジナル作品が多く、なおかつクオリティが高いことも人気要因のひとつだ。
\n動画視聴の際に読み込みがスムーズで動作が軽いという点もポイントが高い。
\n
\n追加課金や購入がなく、入会してしまえば定額料金のみですべての配信動画が視聴可能であることも\n初心者にはやさしい設計となっている。
\n
\n
\n
\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"md`### 参考資料 \n[Netflix INVESTORS](https://ir.netflix.net/financials/quarterly-earnings/default.aspx)
\n
\n[Live Compting Inc. Netflix会員数の推移](https://livecomputing.co.jp/blog/subscription-case-studies/netflix-subscribers/)
\n
\n[新規加入者数が低調だったNetflix、最も新規獲得数が大きい地域は？](https://news.yahoo.co.jp/byline/shibatanaoki/20201110-00206973/)\n
\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"