そのサイトがどんな方法で作られているのか? を特定するChrome/Firefox拡張機能「Wappalyzer」が便利。

スポンサーリンク
Webツール
By: Jo Naylor
この記事は約2分で読めます。

サイトを作るときに「このサイトってどうやって作られているんだろう……?」と思ったことはありませんか?

現在のWeb制作には、HTML、PHP、CSS、Javascript等々様々な言語や WordPress等のアプリケーションが存在します。

「Wappalyzer」では、閲覧中のサイトがどのような言語/Framework等々で作られているか? を簡単に調べることが出来ます。

Find out what websites are built with - Wappalyzer
Find out the technology stack of any website. Create lists of websites and contacts by the technologies they use.
スポンサーリンク
スポンサーリンク
スポンサーリンク

ダウンロード/インストール

ダウンロードhttps://wappalyzer.com/downloadGoogle Chromehttps://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamgFire Foxhttps://addons.mozilla.org/ja/firefox/addon/wappalyzer/

ダウンロードページでは、ブックマークレットも用意されています。

使い方

僕は、Google Chromeを使用しているので拡張機能での使い方を説明します。

なにも表示しない状態で右上にこのようなマークが追加されていると思います。

調べたいサイトに移動すると、アイコンが変化し、主要なプログラムのアイコンへと変わります。当サイトの場合いろいろと表示されていますが、基本的にはWordPressですね。

それぞれをクリックすると、Wappalyzerのページへと移動し、「○○を使用して作られている主なサイト」を表示してくれます。

まとめ

右上に常に表示されているので、「このサイトすげえな~」と思ったときにサッと調べることが出来ますね。

GoogleChromeのデベロッパーツールで手動で調べる方法もありますが、Wappalyzerでは一瞬で表示してくれるので便利です。

コメント

タイトルとURLをコピーしました