Help us understand the problem. What is going on with this article?

閲覧中のWebサイトで使われている技術を確認できるChrome拡張「Wappalyzer」のご紹介

More than 3 years have passed since last update.

はじめに

エンジニアたるもの、よそで使われている技術は気になると思います。今回は、そんな時に役立つChrome Extensionの「Wappalyzer」をご紹介します。

概要

Wappalyzerは、ブラウザに現在閲覧しているWebサイト内で使われているテクノロジーを覗き見する機能を追加できる拡張スクリプトです。

Chrome Extensionとして配布されているほか、FirefoxのAdd-onとしても配布されているので、どちらでもお好みのブラウザで利用が可能です。

Chromeのかたはこちらのリンクより、Firefoxのかたはこちらのリンクよりダウンロードが可能です。

使ってみる

導入方法をご紹介しましたので、早速実際に使ってみましょう。
今回はWappalyzerを導入したGoogle Chromeにて、Qiitaの執筆画面を見てみます。

スクリーンショット 2016-11-20 18.37.42.png

まずはじめに、対象とするページを開いたら、拡張機能バーの中の、Ruby on Railsのアイコンが出現していますので、これをクリックしてみます。

スクリーンショット 2016-11-20 18.58.18.png

するとWappalyzerが立ち上がり、Ruby on Railsをはじめとした、Qiita内で使われているテクノロジー群がずらっとならびます。
また、これをスクロールするとまだ続きがあり、jQuery, Underscore.jsなどが利用されていました。

つまりは、現状のQiitaがReactとBackbone.jsとjQueryとUnderscore.jsが悪魔合体している状態であることがわかりました。

その他にも、ユーザーのデータ取得にMixpanelを使っているところなどが特徴的でしょうか。GAだけのサービスも多い中、貴重ですね。

更に、これだけでなく、テクノロジーの名前をクリックすることで、より詳細なWappalyzerの解析に飛ぶことが可能です。

試しに、Reactの解析に飛んでみます。

スクリーンショット 2016-11-20 18.44.30.png
https://wappalyzer.com/applications/react?pk_campaign=chrome&pk_kwd=popup

このようなページに飛びました。グラフを拡大して表示してみます。

スクリーンショット 2016-11-20 18.45.41.png
これはReactが実際に使われているWebサイトの上位10位までのドメインとそのヒット数を表しています。これによって、そのテクノロジーを利用している王手がわかりますので、企業のOrganizationを探す指標などにもなりますし、そのテクノロジーがどの程度のスケールのサイズでも機能するかもざっとはかることが可能です。

Reactの場合は、開発元だけあってFacebookやその傘下であるInstagramでも当然使われているのがわかります。

利用するメリット

ここまでWappalyzerの機能面をざっとご紹介いたしましたが、導入しておく一番のメリットは、閲覧しているだけで周辺の技術とサービスの規模感との兼ね合いを掴むことができる点や、普段出会うこともない技術に出会える点ではないかなと思っています。

それこそMixpanelの場合、国内向けのサービスであるQiitaが利用されているサイトランキングに掲載されているということもあり、国内・国外ともにまだまだマイナーなサービスですが、Wappalyzerを少し見るだけで使われていることがひと目で分かるようになります。

Wappalyzerは、そういった普段は出会うことのない技術を知るきっかけを作るのにぴったりなツールです。

potato4d
そんなの聞いてない!
https://potato4d.me
elevenback
合同会社ElevenBack は Web を通じたソフトウェアによる課題の解決を専門とする企業です。
https://elevenback.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした