「このサイト何の技術でできているんだろう？」が一発で解決できる機能を紹介

どうも、三町哲平です！！

今回は超便利なGoogle Chromeの拡張機能を見つけたので、そのご紹介です！

## その前にGoogle Chromeの拡張機能って何？

> 拡張機能は「Chromeウェブストア」から追加します。ここでは「One Tab」という拡張機能を追加してみましょう。拡張機能をインストールすると、Chromeの右上にアイコンが追加されます。
ほとんどの拡張機能は基本的に無料で提供されていますが、拡張機能をいくつも追加するとChromeの動作が遅くなる原因になります。できるだけ選りすぐりのものを利用するようにしましょう。
引用元:[Google Chromeの「拡張機能」とは | できるネット](https://dekiru.net/article/16689/#:~:text=%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%A8%E3%81%AF%E3%80%81Chrome,%E5%BC%B7%E3%81%BF%E3%81%AE1%E3%81%A4%E3%81%A7%E3%81%99%E3%80%82&text=%E3%81%BB%E3%81%A8%E3%82%93%E3%81%A9%E3%81%AE%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AF,%E3%81%AA%E3%82%8B%E5%8E%9F%E5%9B%A0%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82)

上記の引用内容でもある様にGoogle Chromeをより便利にカスタマイズできる様に様々な拡張機能があります。

その拡張機能の中で、__「このサイト何の技術でできているんだろう？」が一発で解決できる機能__を搭載しているツールが__Wappalyzer__になります。

では、インストールから使用方法までの解説に入ります。

とても簡単に実装&使用ができますの気楽に読み進めて下さい。

## 1. Wappalyzerをインストールする
①[Chrome ウェブストア - 拡張機能](https://chrome.google.com/webstore/category/extensions?hl=ja)のストアを検索で__Wappalyzer__と検索します。
![スクリーンショット 2020-10-24 22.51.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/65569f01-77d5-7348-d2d0-d1cda8466136.png)
↑表示された__Wappalyzer__をクリックします。

②__Chromeに追加__をクリックします。
![スクリーンショット 2020-10-24 22.54.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/817d2a7f-fc47-4115-46e1-0e573fdb974a.png)

③右上に__Wappalyzerのアイコン__が表示されます。
![スクリーンショット 2020-10-24 23.13.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/ece094f7-b788-b32f-7d8d-37669e9affd5.png)

__[画像のアップ]__
![スクリーンショット 2020-10-24 23.21.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/15a47956-55cb-e4f3-73f0-4a522d401eb3.png)

※ちなみに、もしアイコンが表示されないときは、
↓下記画像の赤矢印のマークをクリックしてもらい、青ピンのアイコンをクリックして下さい。
![スクリーンショット 2020-10-24 23.25.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/30d11b26-1038-c69a-5022-f596dfcaa6fc.png)

## 2. 沢山のサイトを見てみよう！
Wappalyzerの初期設定は何も触らなくて良いです。
色々なサイトを見て、気になるサイトがあったら、
![スクリーンショット 2020-10-24 23.21.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/549b8c16-d2a6-d672-9571-d149de0d37dd.png)
__このアイコンをクリック__

それで、様々なサイトの技術を見ることが出来ます！

### Qiita
https://qiita.com/
![スクリーンショット 2020-10-24 23.44.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/0ee91245-eafc-c0aa-9341-9877b26caf5b.png)
![スクリーンショット 2020-10-24 23.51.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/fa578c7c-fb7e-d840-11f3-a64168a2ae97.png)

### 5ちゃんねる
https://5ch.net/
![スクリーンショット 2020-10-24 23.45.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/78b22d30-a652-6be0-4fe6-bad9e3d66361.png)
![スクリーンショット 2020-10-24 23.51.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/53313e1d-2b4a-a829-98e9-9c13fe7d0daf.png)

### SUUMO
https://suumo.jp/
![スクリーンショット 2020-10-24 23.48.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/3f0047b7-4a60-c2f2-78e2-897e291bca53.png)
![スクリーンショット 2020-10-24 23.51.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/3ae75278-8ee3-33b4-63d1-40b911064a4d.png)

### Google
https://www.google.com/
![スクリーンショット 2020-11-02 18.58.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/ba9a56e9-9773-3fbd-81c7-bb1237c2b825.png)

表示されないサイトもあります。

## 参考動画
[おすすめのChrome拡張機能「Wappalyzer」を紹介！色んなサービスのプログラミング言語やフレームワークが丸わかり！ - YouTube](https://www.youtube.com/watch?v=q92r_WrQjoY)
[![しまぶーのIT大学](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/688029/056d8a3b-ba2b-e1a4-4132-a541910f371b.png)](https://www.youtube.com/watch?v=q92r_WrQjoY)

## P.S.感謝
（追記日時:2020/11/04 18:03）
ふとスマホでQiitaを確認すると、

なんと…


この記事が本日（2020/11/04）のトレンドトップになっておりました。

これも偏にこの記事を読んで下さった皆様のおかげです。
ありがとうございます。　三町哲平