2c:null 2d:["$","title",null,{"children":"Untitled | Hiromi Mitsuoka | Observable"}] 32:Tb99,// p5.js sketch f = f => { let line = f.sqrt(77.4); let line_c = f.color(0, 185, 0); let twitter = f.sqrt(38.5); let twitter_c = f.color(29, 161, 242); let instagram = f.sqrt(35.7); let instagram_c = f.color(207, 46, 146); let youtube = f.sqrt(23.2); let youtube_c = f.color(218, 23, 37); let facebook = f.sqrt(21.7); let facebook_c = f.color(60, 90, 153); let tiktok = f.sqrt(8.1); let tiktok_c = f.color(1, 242, 234); let multi_size = 20; let multi_text = 3; let row1 = 150; let row2 = 330; let line1 = 200; let line2 = 400; let line3 = 600; let text_c = f.color(50); let fix_text_align = 15; let fc = 0; let rotate_speed = 40; let isRot = true; f.setup = () => { f.createCanvas(sns_settings.width, sns_settings.height, s.WEBGL); f.stroke(0); f.strokeWeight(0.5); f.textAlign(f.CENTER, f.CENTER); f.rectMode(f.CENTER); }; f.draw = () => { f.background(50); f.translate(line1, row1); f.rotate(fc / rotate_speed); f.fill(line_c); f.square(0, 0, line * multi_size); f.textSize(line * multi_text); f.fill(text_c); f.rotate(-fc / rotate_speed); f.text("LINE", 0, -line * multi_text); f.text("77.4%", 0, line * multi_text); f.translate(line2 - line1, 0); f.rotate(fc / rotate_speed); f.fill(twitter_c); f.square(0, 0, twitter * multi_size); f.textSize(twitter * multi_text); f.fill(text_c); f.rotate(-fc / rotate_speed); f.text("Twitter", 0, -twitter * multi_text); f.text("38.5%", 0, twitter * multi_text); f.translate(line3 - line2, 0); f.rotate(fc / rotate_speed); f.fill(instagram_c); f.square(0, 0, instagram * multi_size); f.textSize(instagram * multi_text); f.fill(text_c); f.rotate(-fc / rotate_speed); f.text("Instagram", 0, -instagram * multi_text); f.text("35.7%", 0, instagram * multi_text); f.translate(-line3 + line1, row2 - row1); f.rotate(fc / rotate_speed); f.fill(youtube_c); f.square(0, 0, youtube * multi_size); f.textSize(youtube * multi_text); f.fill(text_c); f.rotate(-fc / rotate_speed); f.text("YouTube", 0, -youtube * multi_text); f.text("23.2%", 0, youtube * multi_text); f.translate(line2 - line1, 0); f.rotate(fc / rotate_speed); f.fill(facebook_c); f.square(0, 0, facebook * multi_size); f.textSize(facebook * multi_text); f.fill(text_c); f.rotate(-fc / rotate_speed); f.text("Facebook", 0, -facebook * multi_text); f.text("21.7%", 0, facebook * multi_text); f.translate(line3 - line2, 0); f.rotate(fc / rotate_speed); f.fill(tiktok_c); f.square(0, 0, tiktok * multi_size); f.textSize(tiktok * multi_text); f.fill(text_c); f.rotate(-fc / rotate_speed); f.text("TicTok", 0, -tiktok * multi_text); f.text("8.1%", 0, tiktok * multi_text); if (isRot == true) { fc++; } }; f.mouseClicked = () => { isRot = !isRot; }; }33:Tfda,md` ## SNS疲れの増加 --- SNSの利用率が増加する一方、SNSの利用に対して「疲れ」、「ストレス」を感じるという声が上がる。

全国20~60代の男女に対する調査で、**30.4%**のユーザーが疲れを原因として利用中止または退会の経験があるという。また、利用中止・退会まではいかなくとも「閲覧」を控えるユーザーが**36.5%**いた。

年代別で見てみると、SNS疲れを感じた経験があると答えた**20代の女性**が**65%**と、最も**SNS疲れ**をしていたことが判明した。
（調査対象：全国20~60代の男女1000人を対象）
（[SNS疲れに関するアンケート調査](https://www.asmarq.co.jp/data/mr201903sns-tired/)）

サービス別で、SNS疲れを感じ利用頻度が減少した割合を調査したところ、 - LINE:40.2%
- Facebook:39.6%
- Twitter:31.6%
- Instagram:19.7%
となっている。
（調査方法：10~50代の男女1005人に対しアンケート調査を実施）
（[【調査事例】SNS疲れに関する実態調査](https://www.i-cept.jp/news_release/detail/?id=92))

人々はなぜ、SNSに「疲れ」や「ストレス」を感じてしまうのだろうか？
主な理由として、反応を気にしすぎてしまう、他人と比較してしまう、誹謗中傷などが挙げられるだろう。

チャットのやりとりでは、相手の表情が分からないことにより、ちょっとした言葉遣いで受ける印象が大きく変わってしまう。また返信するスピード・タイミングも大きな影響を持つ。返信を急ぐ内容のものもあれば、ゆったりとした雑談のような会話もある。相手が意図している内容・スピードであるか気にして利用しているユーザーは多いだろう。

また、多くのSNSでは、他のユーザーのメッセージや投稿に対して「いいね」をつける機能が存在する。この機能により、他者と比較してしまうユーザーが多い。「いいね」が少ないユーザーは、自分より多くの「いいね」を獲得するユーザーに対して嫉妬や劣等感を持つ。反対に「いいね」が多いユーザーも、多くの「いいね」を獲得するため試行錯誤するが、それに疲れてしまうユーザーも一定数いるだろう。

そして、最近問題となっている誹謗中傷も大きな原因だろう。
ちょっとした悪口でも、コメント機能やリツイート機能などで、関係のないユーザーまで広く閲覧することが出来てしまう。必ずしも誹謗中傷を受けている当事者だけがストレスを感じる訳ではないのである。
事実、筆者もこの問題に対してストレスを感じ、サービスの利用を停止した経験がある。

こういった問題に対して、サービスを運営する企業側も対策をし始めている。

有名なのは、Instagramの「いいね」数の非表示であろう。
Instagramは、ユーザーのSNS疲れ防止のために2019年7月にタイムラインの「いいね」数を非表示にするテストを実施した。現在は全ユーザーに適用されており、ある程度の効果が得られたことが考えられる。

また、LINEの既読をつけずにメッセージを確認できる機能も同様の対策に当てはまるだろう。
当初はユーザービリティを考慮し追加された既読機能であったはずが、ユーザー数が増え、人々の生活のインフラ化したことにより生じた問題であろう。

ユーザー数が増え、年代によってはもはや利用していて当たり前になったSNSの存在は、発展し続ける一方、このような問題を抱えている。
`34:T53b,// p5.js sketch s = s => { let line = 40.2; let line_c = (0, 185, 0); let facebook = 39.6; let facebook_c = (60, 90, 153); let twitter = 31.6; let twitter_c = (29, 161, 242); let instagram = 19.7; let instagram_c = (207, 46, 146); let box_w = 60; let box_d = 60; let multi_box_h = 9; let rotate_speed = 50; let fc = 0; let isRot = true; s.setup = () => { s.createCanvas(settings.width, settings.height, s.WEBGL); s.stroke(255, 255, 255); s.strokeWeight(0.5); s.textAlign(s.CENTER, s.CENTER); s.textSize(200); }; s.draw = () => { s.background(50); s.translate(0, 0, -100); s.rotateY(fc / rotate_speed); // LINE s.fill(0, 185, 0); s.translate(-150, 50); s.box(box_w, line * multi_box_h, box_d); // Facebook s.fill(60, 90, 153); s.translate(100, ((line - facebook) * multi_box_h) / 2); s.box(box_w, facebook * multi_box_h, box_d); // Twitter s.fill(29, 161, 242); s.translate(100, ((facebook - twitter) * multi_box_h) / 2); s.box(box_w, twitter * multi_box_h, box_d); // // Instagram s.fill(207, 46, 146); s.translate(100, ((twitter - instagram) * multi_box_h) / 2); s.box(box_w, instagram * multi_box_h, box_d); if (isRot) { fc++; } }; s.mouseClicked = () => { isRot = !isRot; }; }35:Ta3b,// p5.js sketch d = d => { let to_deg = 3.6; let angles = [ 10 * to_deg, 24 * to_deg, 55 * to_deg, 2 * to_deg, 1 * to_deg, 8 * to_deg ]; let width = 500; let height = 500; let diameter = 300; let square_left_pos = 380; let text_left_pos = square_left_pos + 10; let r_fc = 1; let isRot = true; d.setup = () => { d.createCanvas(settings.width, settings.height, s.WEBGL); d.noStroke(); d.rectMode(d.CENTER); }; d.draw = () => { d.background(50); d.textAlign(d.CENTER); d.textSize(20); d.text("SNSの利用時間か増えたか", width / 2, 50); d.pieChart(diameter, angles); if (isRot == true) { diameter += r_fc; } }; d.pieChart = (diameter, data) => { let lastAngle = d.radians(-90); diameter += r_fc; if (diameter <= 270) { r_fc *= -1; } else if (diameter >= 330) { r_fc *= -1; } for (let i = 0; i < data.length; i++) { switch (i) { case 0: d.fill(200, 0, 0); break; case 1: d.fill(200, 0, 0, 200); break; case 2: d.fill(170); break; case 3: d.fill(0, 0, 200, 100); break; case 4: d.fill(0, 0, 200, 200); break; case 5: d.fill(100); break; } d.arc( width / 2, height / 2, diameter, diameter, lastAngle, lastAngle + d.radians(angles[i]) ); lastAngle += d.radians(angles[i]); } d.fill(200, 0, 0); d.square(square_left_pos, 400, 10); d.fill(200, 0, 0, 200); d.square(square_left_pos, 415, 10); d.fill(170); d.square(square_left_pos, 430, 10); d.fill(0, 0, 200, 100); d.square(square_left_pos, 445, 10); d.fill(0, 0, 200, 200); d.square(square_left_pos, 460, 10); d.fill(100); d.square(square_left_pos, 475, 10); d.textAlign(d.LEFT, d.CENTER); d.textSize(10); d.fill(255); d.text("すごく増えた", text_left_pos, 400); d.text(": 10%", width - 35, 400); d.text("増えた", text_left_pos, 415); d.text(": 24%", width - 35, 415); d.text("どちらでもない", text_left_pos, 430); d.text(": 55%", width - 35, 430); d.text("減った", text_left_pos, 445); d.text(": 2%", width - 35, 445); d.text("すごく減った", text_left_pos, 460); d.text(": 1%", width - 35, 460); d.text("当てはまらない", text_left_pos, 475); d.text(": 8%", width - 35, 475); }; d.mouseClicked = () => { isRot = !isRot; }; }36:[] 30:{"id":"2e593a6a984f81bc","slug":"final-project","title":"","thumbnail":"636b51e95c8961a550b37aaee85a723f533c15f6ba7bb19c9e91e09d12a07388","access_level":"public","create_time":"$D2021-01-08T05:57:45.768Z","update_time":"$D2021-01-29T13:13:04.765Z","view_time":null,"first_public_time":"$D2021-01-08T05:57:52.463Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d735843a4f776438","login":"hiromi-mitsuoka","name":"Hiromi Mitsuoka","avatar_url":"https://avatars-next.observableusercontent.com/480468519a37ec7781aad10710e1fd0b148fe33c6c4eda59f99da94851622b6a","tier":"starter_2024"},"version":655,"publish_version":655,"role":null,"authored":false,"authors":[{"type":"individual","id":"aa99dac913269771","login":"hiromi-mitsuoka","name":"Hiromi Mitsuoka","avatar_url":"https://avatars-next.observableusercontent.com/480468519a37ec7781aad10710e1fd0b148fe33c6c4eda59f99da94851622b6a","tier":null}],"members":[{"type":"individual","id":"aa99dac913269771","login":"hiromi-mitsuoka","name":"Hiromi Mitsuoka","avatar_url":"https://avatars-next.observableusercontent.com/480468519a37ec7781aad10710e1fd0b148fe33c6c4eda59f99da94851622b6a","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`### FinalProject`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"md`# SNSは本当に生活を豊かにするのか？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"md`\n## 現代のSNS利用について\n---\n現在、若者に限らず幅広い年代で日常的にSNSが利用されている。
\n
\n日本国内の利用者は、2019年末で約**7,786**万人と推定され、年間約**189**万人ずつ利用者が増加しているという調査結果が出ている。
\n
\n利用方法もチャットでのやりとりだけでなく、動画コンテンツの閲覧、商品の広告等による認知・ブランディングなど幅広く利用されており、人々の生活への影響力を増している。
\n
\n特にサービスの利用率が高いものは、
\n- LINE:77.4%
\n- Twitter:38.5%
\n- Instagram:35.7%
\n- YouTube:23.2%
\n- Facebook:21.7%
\n- TikTok:8.1%
\n\nとなっている
\n
\nしかし、昨年の利用率と比較すると、TikTokは増加、Instagramはほぼ黄ばい、LINE、Twitter、YouTube、Facebookは減少しているという面白いデータも存在する。
\n
\nまた、SNSの利用目的は、
\n- 知人の近況を知りたい：43%
\n- 人と繋がっていたい:33%
\n- 自分の近況を知ってもらいたい:24%
\n- 写真などの投稿を見てもらいたい:23%
\n- 仕事やビジネスで連絡を取りたい:20%
\n- 「いいね」などのリアクションが欲しい:17%
\n\nという結果が出ている。
\n
\nまた、割合は少ないが、\n- 仲間外れにされたくない:5%
\n\nと、利用者が増加したことによって生じるマイナス面も存在する。\n
\n
\n（調査方法：SNS運営会社・関連企業への取材結果・インターネットユーザー4400人へのwebアンケート調査を実施し、各種公開資料を分析）
\n([2020年度 SNS利用動向に関する調査](https://japan.cnet.com/release/30463695/))
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"sns_node = {\n let sns_el = document.createElement(\"div\");\n sns_el.id = sns_settings.id;\n // el.style.border = \"1px solid black\";\n sns_el.style.width = `${sns_settings.width}px`;\n sns_el.style.height = `${sns_settings.height}px`;\n return sns_el;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"md`\n
\n### SNS疲れを感じ利用頻度が減少したサービス
\nLINE:40.2%, Facebook:39.6%, Twitter:31.6%, Instagram:19.7%\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"tired_node = {\n let tired_el = document.createElement(\"div\");\n tired_el.id = settings.id;\n // el.style.border = \"1px solid black\";\n tired_el.style.width = `${settings.width}px`;\n tired_el.style.height = `${settings.height}px`;\n return tired_el;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"md`\n## コロナによるSNS利用の増加と影響\n---\nSNSの市場拡大と共に「SNS疲れ」というマイナス面の存在を述べたが、去年SNSの利用率が例年以上に増大した。
\n
\n**新型コロナウイルスの影響である。**
\n
\nコロナ流行以前に比べ、SNSの利用時間か増えたかという質問に対して、「すごく増えた」「増えた」と答えた割合は合わせて**34%**であった。（どちらでもない：55%）
\n（調査方法：4069人に調査。調査期間：2020/7/11~7/19）\nTwitterのページビュー数を調査したところ、コロナウイルスが流行した5月にかけてPVが伸びていた。\nその理由として、Twitterは情報が早いという点から、コロナ関連の情報をTwitterから収集していたのではないかと考えることができる。
\n
\nまた、外出自粛により、オンラインでの商品・サービスを購入する割合も増大した。\nその購買促進のために、企業側もSNSを利用し情報を提供していた。
\n
\nこれらは、新型コロナウイルスの影響で様々な制限を強いられた人々にとって、大きなメリットであったことは間違いない。
\n
\n
\n「SNSは本当に生活を豊かにするのか？」というテーマに対して、筆者は一人ひとりのユーザーが置かれる状況・環境・年代によって異なるであろうと考える。
\nメリット・デメリットを抱えながら急速に成長しているSNSは、さらなる発展をしていくだろう。
\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"use_up_node = {\n let use_up_el = document.createElement(\"div\");\n use_up_el.id = settings.id;\n // el.style.border = \"1px solid black\";\n use_up_el.style.width = `${settings.width}px`;\n use_up_el.style.height = `${settings.height}px`;\n return use_up_el;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`### 参考資料\n#### sns疲れ
\n* [【調査事例】SNS疲れに関する実態調査](https://www.i-cept.jp/news_release/detail/?id=92)
\n* [ジャストシステム、SNS利用による「疲れ」や「ストレス」に関する実態調査結果を発表](https://www.nikkei.com/article/DGXLRSP445335_Y7A510C1000000/)
\n* [SNS疲れに関するアンケート調査](https://www.asmarq.co.jp/data/mr201903sns-tired/)
\n\n#### sns利用に関して
\n* [【スマートフォンでの情報収集に関する定点調査2020】利用時間は1割増、動画による情報収集が拡大 10代はYouTube利用時間が2倍増、 TikTok利用率は2倍増](https://www.glossom.co.jp/news/5f169519.html)
\n* [2020年12月更新！ 12のソーシャルメディア最新動向データまとめ](https://gaiax-socialmedialab.jp/post-30833/)
\n* [【最新版】主要SNS関連データ総まとめ！調査結果で見るSNSの利用状況や年代ごとの使い方を解説](https://gaiax-socialmedialab.jp/post-77267/)
\n* [2020年度 SNS利用動向に関する調査](https://japan.cnet.com/release/30463695/)
\n\n#### コロナによるSNS利用
\n* [新型コロナウィルスによる「おうち時間」がSNSに与えた影響](https://fainpixar.co.jp/column/sns-marketing/40776/)
\n* [新型コロナウィルス感染拡大前後でSNS利用増加は34％－新しい生活様式における消費者のSNS利用実態調査結果（アライドアーキテクツ株式会社調べ）](https://www.profuture.co.jp/mk/column/11058)
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":652,"value":"md`\n
\nデータの可視化のための関数\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"// settings for p5.js sketch\nsettings = ({ width: 500, height: 500, id: \"p5-container\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"// settings for p5.js sketch\nsns_settings = ({ width: 800, height: 400, id: \"p5-container\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"stageSet = ({\n tx: -200,\n txlim: 250,\n ty: -200,\n tylim: 250,\n tz: -200,\n tzlim: 250,\n bsw: 50,\n bsh: 50,\n bsd: 50\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"// import p5.js library\np5 = require('p5@1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"sns_bindP5 = {\n // Resets div container\n sns_node.innerHTML = \"\";\n // Reinstantiate the p5 with the sketch\n return new p5(f, sns_node);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"use_up_bindP5 = {\n // Resets div container\n use_up_node.innerHTML = \"\";\n // Reinstantiate the p5 with the sketch\n return new p5(d, use_up_node);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"/**\n * It's important to note that since we're not using canvas, svg,\n * or other drawing elements, the DOM will be manipulated over and\n * over again. In this case, appending the innerHTML again and again.\n * To stop this behavior, we need to reset the innerHTML of the p5\n * div container. -- Jeremy Wong, https://beta.observablehq.com/@jermspeaks/p5-test\n */\ntired_bindP5 = {\n // Resets div container\n tired_node.innerHTML = \"\";\n // Reinstantiate the p5 with the sketch\n return new p5(s, tired_node);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1"}} 31:"$30:body"