初学者友人「JavaScriptって役に立つの？」わい「ブラウザ設定で無効にっと。ほれ。」→結果…

## 初学者友人との、ある日の会話

友人「なぁ、JavaScriptって本当に役に立つの？」

わい「おぉ。めちゃくちゃ役に立つで。」

友人「ほう。どんなふうに？」

わい「うーん…どんなふうにか…。せや！ブラウザ設定でJavaScriptを無効にっと。ほれウェブサイトみてみ。」

友人「おぉ！！！すげぇぇぇっっっ！！！」

**１枚の絵は千の言葉を語る**

JavaScriptの凄さを知るには、ブラウザ設定でJavaScriptを無効にしてからウェブサイトを閲覧してみましょう。

## この記事に書いてあること
この記事では、ブラウザ設定でJavaScriptを無効にして、ウェブサイトを閲覧したらどうなるのかを書いています。

JavaScriptの凄さを改めて実感してもらい、一人でも多くのフロントエンドエンジニアのモチベーションに繋がればと思います。

なお、JavaScriptをオフにしてウェブサイトを閲覧するというアイデア自体は、２０１９年に書かれた以下の記事を大変参考にさせて頂きつつ、「２０２２年現在ではどうなっているか？」「エンジニアがよく使いそうなサイトではどうなのか？」にも焦点を当てて執筆しております。

https://note.com/toyomomo/n/n98113f14b799

## ブラウザ設定について
使用ブラウザはChromeを使っています。
「設定」→「セキュリティとプライバイシー」→「サイトの設定」→「JavaScript」からオフにしています。

![settings.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/d10f0457-3b20-45e2-88d9-1b221d20e084.jpeg)

## Google

### 検索エンジン
まずはGoogleの検索エンジンから確認してみます。
検索エンジンのトップは特に変わりなさそうでした。

![google01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/22cedc60-d8bd-e2fa-5b16-867d4f1f2915.jpeg)

"Qiita"で検索をかけてみました。
問題なく検索結果が出てきましたが、少し表示が寂しいように感じます。

![google02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/740e44b1-944d-ab4c-dbdf-17d5dac91c80.jpeg)

JavaScriptを有効にして、リロードしたところ表示がリッチになりました。
どうやら検索結果の一部はJavaScriptを利用して表示しているようですね。

![google03.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/a3f70bea-477d-eab1-1a75-ea9955532af3.jpeg)

### GoogleMap

お次はAjaxの雄。GoogleMap。
これは絶対に表示されないだろうなぁと思い、アクセスしたら期待を裏切らない結果でした。
JavaScriptがなかったら、道に迷った時に大変でしょうね。

![googlemap.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/c0dc9778-3d83-117e-ba2b-36ded5f7674e.jpeg)

## SNS

### Facebook

まずはFacebookから。メッセージすら表示されませんでした。ただグレーアウトするのみ。

![facebook.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/05ca6973-82e0-0b3b-3592-4d83506df1bd.jpeg)

### Instagram
Instagramもアイコンのみの表示。何も表示されませんでした。
根絶やしですね。

![instagram.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/fad8de07-49ba-676a-d4dc-097cd3fd49a5.jpeg)

### Twitter
一方、Twitterの場合は投稿は表示されないものの、完全なグレーアウトではなかったです。
わたしたちがSNSで遠方の知人・友人と繋がり続けることができるのはJavaScriptのおかげということですね。

![twitter.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/16356059-800d-c751-12b1-ad61f2b9fd10.jpeg)

## 動画投稿サイト

### Youtube
動画投稿サイトを確認します。
愕然としましたね。トップページをご覧ください↓

![youtube01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/88694f8e-f796-7a03-9b15-2dfdd8b46cfa.jpeg)

もちろん個々の再生ページも表示されませんでした。
子どもに人気の職業「Youtuber」を支えているのはJavaScriptなんです。

![youtube02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/4dd9ed09-def8-313e-a461-29f9544ed6b5.jpeg)

### ニコニコ動画
日本最大級の動画投稿サイトもJavaScriptがなければグレーアウトです。
動画投稿サイトとして多くの用語や文化を生み出したサービスもJavaScriptに支えられていたということです。

![niconico01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/d258fd4a-7d1e-5ebd-7150-bab3640c6013.jpeg)

## 企業サイト

### docomo
日本サイトでアクセス数の多い、docomoのブランドサイトです。
JavaScriptを有効にしてくださいというアラートが上部に出ています。
また画像がなく寂しい印象を受けます。

![docomo.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/eee06f4a-8e33-7754-05c6-f6fc0dc739c4.jpeg)

ちなみにJavaScriptを有効にすると以下のような感じ。
カルーセルがなくなっていたようです。
JavaScriptがあることで、企業サイトのリッチ度がまるで異なってきます。

![docomo01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/3151dbe3-c7ac-7d4b-edd3-47276b83f2e8.jpeg)

## auとSoftBank
同様に、auとSoftBankも確認しておきました。
docomoと同様にカルーセルがなくなってしまうので、寂しい感じのブランドサイトになってしまいました。

![au.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/7abb5f76-57c7-996a-fd36-cf5faaaa4a4b.jpeg)

![softbank.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/48af6567-2001-936f-fcb3-38b13c5bd254.jpeg)


## Webサービス系

### github
githubでは、プロフィールが表示されなくなりました。
また自分のリポジトリも表示できないので、プロジェクト管理ができなくなりそうです。

![github.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/6a37c175-2047-f56e-1350-e7f49d7c94be.jpeg)

### DeepL
DeepLではなぜか、IEサポートしてないよと警告されました。
Chromeを使ってたのですが、JavaScriptがオフ　≒　IE という捉え方なのでしょうか？
JavaScriptがなかったら英語ドキュメントを読むのも苦労しそうですね。

![deppL.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/244d2144-1775-7943-ae94-1a94150bdbe2.jpeg)

### Udemy
Udemyでは動画が表示されなくなりました。
検索機能も使えませんでした。
エンジニア限らずですが、JavaScriptがなければ、学習の壁もかなり高くなりそうです。

![udemy.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/464f3ff3-88fb-4c40-16e6-aa450399afde.jpeg)

## エンジニア掲示板サイト

### Stack Overflow
世界最大級のエンジニアFAQサイトであるStack Overflowでは、JavaScriptを有効にするようにとアラートが出ました。
試しにJavaScriptをオフのまま検索をかけてみるとreCAPTCHAが起動せず、検索結果を得られることができませんでした。
JavaScriptがなければ、世界中のエンジニアが困ることでしょう。

![sov.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/82712205-71bc-c350-ad94-8f15e0ea1af4.jpeg)

### Qiita
Qiitaのトップページでは「おすすめ記事」以外は表示されたように思います。
検索機能も使えました！
しかし、投稿機能が使えずでした。

![qiita01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/bc96a4ab-0984-b880-ccb5-c3575dbc8ae5.jpeg)

### Zenn
ZennについてもQittaと同様に表示に関しては問題なさそうです。
しかし、Add Newボタンが消えてしまうので、新規投稿は難しそうです。
JavaScriptがないと日本のエンジニアたちの情報共有は相当困りそうですね。

![zenn01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1006362/a704a874-046a-1607-eed0-06d6b6f27666.jpeg)


## 所感

今回、さまざまなサイトを確認してみましたが想像以上にJavaScriptがないと何もできないなぁと感じました。

初学者の友人にはYoutubeを見せた時に、驚いていました。
個人的にはStack OverflowやQiitaが使えなくなるのはそうとうしんどいなと思いました。

わたし自身、まだまだジュニアのエンジニアですが、世の中の便利さを推進していくために一層フロントエンドのスキル向上に努めたいと思います。