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

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

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

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


QuickTime Playerとプレビュー.appで動画の一部を画像として書き出す方法
ATOKで変換時に文章を指摘してくれる「校正支援」タブの設定項目
Gmailでとりあえず最初にしておくと便利な設定
iTerm2をホットキーで表示・非表示の切り替える方法
Jedit Ωに「別名で保存」のショートカットキーを割り当てる方法
Illustratorをスクリプトで操作する時の基本
macOSのコマンドパレット比較!SpotlightとAlfred、Raycastどれを使えばいい?
Mac版GoodNotes 5でiPadで書いたノートをMacでも閲覧したり編集する
Keyboard Maestroでfnを使ったショートカットキーを設定したい場合は、BetterTouchToolを経由するのがオススメ
Path Finder 9.0.4からツールバーにカスタムファイルを追加できるように!ツールバーがさらに便利になる
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
アプリ・サービス名の読み方を調べる方法
iTerm2でさらに細かい機能の設定ができる環境設定の「Advanced」タブ
ウェブサイトにおける「コピーライト」の書き方
Alfredと1Password 8を連携するWorkflowの設定方法
Webサイト制作の基礎の基礎、HTMLって何?
Nuxt.jsの「layouts」を使用してレイアウトの共通化を行う方法|Nuxt.jsの基本
HTTP/2が設定されているはずなのに、ブラウザ上でHTTP/1.1になってしまう場合はセキュリティソフトを確認
ボディスキャン瞑想の入門に使える音声ガイドまとめ
weblocファイルを作成してサイトのリンク情報をFinder上に保存しておく方法
Macユーザーにオススメのスニペットアプリ「Dash」でコードや定型文の管理を行う