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

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

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

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


ImageOptimで画像圧縮に最適な設定を行う
Gyazo Proにすると「画像キャプチャから編集、共有」までの流れがかなりラクになった
macOSのシステム環境設定「Mission Control」の設定見直し
撮影したスクリーンショットを、Hazleを使って自動的にImageOptimで画像圧縮する方法
Hazelを使ってMacのファイル整理を自動化する
Visual Studio Codeでショートカットキーを変更する方法
Keyboard Maestroでスニペットの登録をする方法
Backlogをショートカットキーで操作する方法
2019年2月時点でのMacアプリのダークモード対応状況
BetterTouchToolのライセンス・料金まとめ(BetterSnapToolやBTT Remoteによる無料ライセンス)
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Figmaのテキスト編集周りの基本操作|テキストの追加方法からグラデーション設定や縦書き、アウトライン化
ATOKで言葉の意味を確かめる「電子辞典検索」タブの設定項目
Adobe初のUI/UXデザインツール「AdobeXD」の使い方を見てきました!【CSS Nite in Kobe】
効率的に作業をこなしていくための時間術「ポモドーロテクニック」とは?
Marpで既存Markdownファイルを使ったスライド作成時に、見出しごとにスライドを分割する方法
Visual Studio Codeで読み込んだCSSで設定されているclass名の入力補完をしてくれる拡張機能「HTML CSS Support」
Alfredを最大限活用する、ブラウザのブックマーク管理方法について
神戸で開催される078を盛り上げるためのアイデアソンに参加してきました
Google Chromeのブックマークを綺麗に整理するコツ