Chrome拡張機能の「Wappalyzer」を使ってウェブサイトの使用技術を確認する

ウェブサイトを見ていて、「このサイトはどんな技術を使っているんだろう?」と気になる時があります。
そんな時に使えるのが「Wappalyzer」というChrome拡張機能です。
wappalyzerのインストール

Google Chromeのウェブストアからダウンロードします(Firefoxの場合はこちらから)。
Chromeの右上にwappalyzerのアイコンが追加されているので、それをクリックすると現在表示しているサイトで使われている技術を見ることができます。
ちなみにこのブログの場合は下の画像のように表示されます。

確認できる技術
確認できる技術は他にも大量の技術が見れて、全部合わせると1222個で65カテゴリに分類されています(2019年5月現在)。
下記のリストはその一部になります(全部みたい場合はこちらから確認できます)。
- サーバー
- データベース
- 広告ネットワーク
- アナリティクス
- ライブラリ
- フレームワーク
- CMS
- CDN
よほど新しいものでない限り、Webサイトを作る上で必要な技術はほとんど見れるので非常に便利です。


ウェブのGoogle Drive上でコピーアンドペーストのショートカットキーが使えるように!
Chrome拡張機能の「Get RSS Feed URLs」でサイトのRSSを簡単に取得
Gmailの確認不要なメールを整理してスッキリさせる
Path Finderを使ってキーボードだけでファイル操作する方法(基本操作編)
Path Finder 8から大幅に強化されたモジュール機能の設定方法
Alfredでシステム環境設定の各項目をすぐに開く方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
Biscuitを便利に使いこなすためのショートカットキー
Macのスニペットアプリ「Dash」の環境設定
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
変換候補に出ないようにしておいた方が便利な単語や、カタカナにした方が読みやすい単語一覧
Chrome拡張機能のVimiumを使ってキーボードだけでブラウザを操作する
anyenvを使ってプログラミング言語のバージョンをラクに管理する
Figmaプラグインのインストール方法とその管理方法
Path Finderで選択したファイルを特定アプリケーションで開く方法
Dashの環境設定やスニペットのバックアップ・同期方法
コーダー目線で理解するIllustratorのアピアランス機能
Sketchの画像を図形でマスクしたり、グラデーションマスクをする方法
Hazelを使って、ファイルダウンロードのタイミングでDownloadフォルダを自動で開くようにする
CSS疑似要素の「:empty」でタグの中身が空のときのスタイルを設定する