Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ITインフラ事業者がWebサイトの調査に利用するブラウザアドオン
Search
横田真俊(wslash)
July 12, 2015
Technology
0
530
ITインフラ事業者がWebサイトの調査に利用するブラウザアドオン
ITインフラ事業者がWebサイトの調査に利用するブラウザアドオンをご紹介いたします。
こちらのWebページの中身は
http://wslash.com/?p=5826
が詳しいです。
横田真俊(wslash)
July 12, 2015
Tweet
Share
More Decks by 横田真俊(wslash)
See All by 横田真俊(wslash)
「ssmjpで喋ったことのない私が、ssmjpでプレゼンデビューするためのテクニックを話す」
masatoshi
1
2.3k
分散SNSの歴史を雑にしゃべる
masatoshi
2
1.1k
さくらインターネットとマストドン
masatoshi
2
2.1k
マストドンを「さくらのクラウド」で素早く立ち上げる
masatoshi
0
540
さくらインターネットのIPv6対応状況について(Ver 九州インフラ交流勉強会(Kixs) Vol.004」)
masatoshi
0
570
「はじめて触るDocker入門」
masatoshi
1
470
Dockerに触ってみよう
masatoshi
2
3.7k
プレゼン初心者に ありがちな アンチパターン 野望篇
masatoshi
2
180
さくらインターネットのサービスを例にしたクラウドサービスの作り方
masatoshi
0
460
Other Decks in Technology
See All in Technology
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
3
850
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
300
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
480
VS CodeでAWSを操作しよう
smt7174
8
1.7k
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
0
230
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
260
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
530
オーナーシップを持つ領域を明確にする
konifar
13
3.2k
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
240
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
530
Featured
See All Featured
Fireside Chat
paigeccino
21
2.6k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
A designer walks into a library…
pauljervisheath
200
23k
[RailsConf 2023] Rails as a piece of cake
palkan
23
4k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Scaling GitHub
holman
457
140k
Typedesign – Prime Four
hannesfritz
36
2.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
What the flash - Photography Introduction
edds
64
11k
Transcript
(C)Copyright 1996-2015 SAKURA Internet Inc. さくらインターネット クラウド開発室 横田真俊(@Wslash) 2015/07/11
2 氏名 横田真俊(@Wslash) 「さくらのクラウド」の企画担当を やっております 左のアイコンで、ツイッターを やっていますのでお気軽に お声がけください 好きなブキは「わかばシューター」 です
3 Amazon EC2/S3 入門 今は、さくらのクラウド企画担当 をやっていますが、昔はこんな本 を書いていました
4 ツイッターやFacebookなど ソーシャルメディアの本を5冊 ほど書いています
5 ブラウザでWebページを見ている時に こんな事を知りたい時はありませんか?
6 1 利用しているホスティングやデータセンター 2 そのサイトのアクセス数や流入経路 3 利用している広告やビーコン 4 利用しているフォント 5
利用しているWebアプリ/CMS
7 今回はインストールす るだけで ブラウザを調査ツール にするアドオンをご紹 介します
8 このサイトはどこで配信されてるのか?
9 このWebサイトは、 どこのデータセンター で動いているのだろ う?
10
11 ブラウザの右下にカーソルを 当てるだけで、ASNameがわ かる これを元にして、どの事業者 にデータを預けているかがわ かる
◦Firefoxのみ ◦ダウンロードは http://www.asnumber.networx.ch/ ◦「The Addon Bar (Restored)」 という別のア ドオンが必要 12
しかし、このアドオンたまに利用できない場合が ある。そういう場合は代替品を利用する 13
14 Flaghoxは、Webサイトの サーバーの場所を表す国旗を 表示し、サイトの安全性確認 やGeotoolにアクセスし、どの ISPを利用するか表示する
15
・ChromeもFirefoxも可能 ・ブラウザバーから1クリックで、 どこのISPなのかわかります ・ただ、クリックするのが面倒 16
17 このサイトのアクセスはどこから来てるのか?
18 SimilarWebのアドオンを入れるとそのWebサイトの アクセス数やアクセス流入を調べられる
19 ・アドオンはChromeもFirefox も可能 ・見ているWebサイトで1ク リックで ・開くウィンドウが小さいので 少し見にくい。 ・精度はそれほど高くない
20 どのような広告が埋め込まれているのか?
21
22 SimilarWebのアドオンは様々なブラウザの アドオンを用意している
23 どのような フォントが利用されているのか?
24
25 Chromeの拡張「 Fontface Ninja 」のアドオンを入れると サイトで利用されているフォントがわかる
26 Chrome拡張の「Appspector」を利用する
27 ・Chromeの拡張を入れるとア ドレス欄にそのサイトで使われ ているものが表示 ・アイコンをクリックすると、 その技術のWebページに移動 する
今日紹介したツール類は 「ライバルサイトのアクセス数や使用している Webサービスを調査するためのツール類まとめ 」 http://wslash.com/?p=5826 という記事にまとめております 28
• 色々な調査サイトは、ブラウザのアドオンで提 供されている物がある。 • それらを入れておくと自然に調査できるように なる • ただ、調査結果は正確ではない場合もあるので 注意が必要 29
30 ご清聴ありがとうございました