最近、面白いGoogle Chrome拡張機能を見つけたのでメモ兼共有です。

プログラミング学習を進める中で、フロントエンド／バックエンド／DBなどの役割や、技術スタック（使用する技術の組み合わせ）への理解が少しずつ深まってきました。
すると自然に、

「普段使っているWebサービスって、裏側で何の技術を使っているんだろう？」

という疑問が湧いてきました。

そんな中、YouTubeでコードマフィア？という方が使っている拡張機能が気になって試してみたところ、かなり便利だったので紹介します。

Wappalyzerとは

Wappalyzer は、アクセスしているWebサイトが使っている技術スタックを推定して表示してくれるツールです。

Chrome拡張として入れておくと、普段見ているサイトでもワンクリックで確認できます。

何ができるのか

Wappalyzerを使うと、例えば以下のような情報を簡単に確認できます。

※ 表示内容はあくまで「推定」ですが、学習目的ではかなり参考になります。

「このサービス、どんな構成なんだろう？」と思ったときに、すぐ見られるのが良いです。
学習中の技術を実際のサービスで見つけると、理解もモチベも上がります。

そして、調べるコストがとにかく低いです。
自分で推測して調べるのは時間がかかりますが、Wappalyzerだとサイトを開いたまま即確認できます。

以上、普段使っているWebサービスの技術スタックを手軽に覗ける Wappalyzer が便利だったので共有させて頂きました。
技術スタックへの理解が進んできたタイミングで触ると、学びが一段面白くなると思います。