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

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

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

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


Finderで選択したフォルダを特定のアプリケーションで開くAlfred Workflowの作り方
BetterTouchToolを使って、Finderのファイルを「規定アプリケーションで開く」ショートカットキーを設定する方法
Path Finder 9.3.5のアップデート内容はラベル・タグ周りの修正!そしていつの間にかカラーラベルのカスタマイズが可能に!
Gmailでとりあえず最初にしておくと便利な設定
Alfred 4のmacOS標準アプリとの連携機能(電卓・辞書・連絡先・iTunes)に関してのまとめ
1Passwordを便利に使うための小技や整理術!
情報収集に最適!!RSSリーダー「Feedly」の登録から簡単な使い方まで
ATOKで簡単に今日の日付を入力する方法
Alfred 4のAppearance Optionsから外観の設定を行う
AlfredでFigmaのチーム・プロジェクト・ファイルを素早くの検索ができる「Alfred Figma Workflow」
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理