小举人 マニュアル

↑↓ で選択 Enter で開く Esc で閉じる

Wappalyzerでウェブサイトの技術を特定する

Chromeの拡張機能Wappalyzerで、ウェブサイトの技術スタックを特定します。

約1分で読めます
このページの内容

気になるウェブサイトがどんな技術スタックで作られているのか分からず、悩んだことはありませんか? もしそうなら、このChrome拡張機能は持っておく価値があります。

#はじめに

フロントエンド開発者にとって、ブラウザは私たちの生息地のようなものです。フロントエンドの発展とともに、数えきれないほどの技術スタックが生まれ、さまざまなウェブサイトが次々と登場してきました。見慣れているのに知らないウェブサイトに出会い、どんな技術で作られているのかを知りたいとき、通常は開発者ツールを使ったり、JSを分析したりするしかありません。しかし、あるサイトで使われている技術を簡単に分析できるChrome拡張機能があるのです。

#はじめる

タイトルのとおり、このツールを使えば、ウェブサイトがどのプログラミング言語、フレームワーク、ライブラリ、Webサーバーなどを使っているかを、おおまかに分析できます。

まずは公式サイトのリンクと、使用時のスクリーンショットを載せておきます。

Find out what websites are built with - Wappalyzer

Wappalyzer公式サイト

image-20210729074332788
image-20210729074332788

作者の個人ブログ

image-20210802131116542
image-20210802131116542

Bilibili

image-20210729074249566
image-20210729074249566

私もいくつかのウェブサイトで試してみましたが、分析結果は実際の内容と一致しており、スクリーンショットのとおりです。原理的には誤認識することはなく、よくても検出できないだけでしょう。それでも効果ははっきりしていて、気に入ったウェブサイトに出会ったとき、その技術スタックを分析して説明してくれるのは、本当にありがたいことです。