Submit Search
Upload
課題発表 HPに到達するまでの仕組み
•
Download as PPTX, PDF
•
0 likes
•
248 views
R
ryota_suganuma
Follow
研修中の課題で作成したPPTになります。
Read less
Read more
Business
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 21
Download now
Recommended
課題発表 HPに到達するまでの仕組み
課題発表 HPに到達するまでの仕組み
ryota_suganuma
Password security 2
Password security 2
Joe_noh
Case Study Assignment Help
Case Study Assignment Help
Steve Hogard
La funcion del organismo
La funcion del organismo
Madanga
Hogar de amor para niños con cáncer a logooo word
Hogar de amor para niños con cáncer a logooo word
Martha Cabañass
RBJayaram
RBJayaram
RB Jayaram
Hogar para niños con cáncer matha
Hogar para niños con cáncer matha
Martha Cabañass
Roles Of The President
Roles Of The President
Bryan Toth
Recommended
課題発表 HPに到達するまでの仕組み
課題発表 HPに到達するまでの仕組み
ryota_suganuma
Password security 2
Password security 2
Joe_noh
Case Study Assignment Help
Case Study Assignment Help
Steve Hogard
La funcion del organismo
La funcion del organismo
Madanga
Hogar de amor para niños con cáncer a logooo word
Hogar de amor para niños con cáncer a logooo word
Martha Cabañass
RBJayaram
RBJayaram
RB Jayaram
Hogar para niños con cáncer matha
Hogar para niños con cáncer matha
Martha Cabañass
Roles Of The President
Roles Of The President
Bryan Toth
Amendments 11 27
Amendments 11 27
Bryan Toth
Curso online Auxiliar administrativo universidad de oviedo
Curso online Auxiliar administrativo universidad de oviedo
iLabora
Erasmus plus happens posters
Erasmus plus happens posters
ErasmusPlusHappens
Rezervační systém Flexbook - stručný přehled v.0.8
Rezervační systém Flexbook - stručný přehled v.0.8
David Pasek
What's new in log insight 3.3 presentation
What's new in log insight 3.3 presentation
David Pasek
Sleep and Children's Development
Sleep and Children's Development
ErasmusPlusHappens
Log insight technical overview customer facing (based on 3.x)
Log insight technical overview customer facing (based on 3.x)
David Pasek
The Preamble to The US Constitution
The Preamble to The US Constitution
bkind2animals
Rule Of Law dan Hak Asasi Manusia
Rule Of Law dan Hak Asasi Manusia
Rapiika
Problemas que afectan el rendimiento académico de los jóvenes
Problemas que afectan el rendimiento académico de los jóvenes
karenmishellxd
Guía para semestral
Guía para semestral
José Roberto Parra González
アクセス解析基礎
アクセス解析基礎
Ryosuke Sawada
WTM52 あなたの作ったWEBサイト、生きてますか?
WTM52 あなたの作ったWEBサイト、生きてますか?
Masanori Oobayashi
SyncThought/代表取締役社長 海野氏
SyncThought/代表取締役社長 海野氏
loftwork
20070901.mydomain
20070901.mydomain
Ken SASAKI
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
IIJ
社内ドキュメント検索システム構築のノウハウ
社内ドキュメント検索システム構築のノウハウ
Shinsuke Sugaya
Yahoo!検索のパフォーマンス向上策全て見せます
Yahoo!検索のパフォーマンス向上策全て見せます
Yahoo!デベロッパーネットワーク
2011 11-19-c4ljp-web上の情報の探し方
2011 11-19-c4ljp-web上の情報の探し方
Yuka Egusa
Html5とアクセシビリティ
Html5とアクセシビリティ
Masakazu Muraoka
ビジネスサイドが知っておくべきシステムの話
ビジネスサイドが知っておくべきシステムの話
Koyo 松本
【20121124】word bench大阪
【20121124】word bench大阪
Raysus Co.,Ltd.
More Related Content
Viewers also liked
Amendments 11 27
Amendments 11 27
Bryan Toth
Curso online Auxiliar administrativo universidad de oviedo
Curso online Auxiliar administrativo universidad de oviedo
iLabora
Erasmus plus happens posters
Erasmus plus happens posters
ErasmusPlusHappens
Rezervační systém Flexbook - stručný přehled v.0.8
Rezervační systém Flexbook - stručný přehled v.0.8
David Pasek
What's new in log insight 3.3 presentation
What's new in log insight 3.3 presentation
David Pasek
Sleep and Children's Development
Sleep and Children's Development
ErasmusPlusHappens
Log insight technical overview customer facing (based on 3.x)
Log insight technical overview customer facing (based on 3.x)
David Pasek
The Preamble to The US Constitution
The Preamble to The US Constitution
bkind2animals
Rule Of Law dan Hak Asasi Manusia
Rule Of Law dan Hak Asasi Manusia
Rapiika
Problemas que afectan el rendimiento académico de los jóvenes
Problemas que afectan el rendimiento académico de los jóvenes
karenmishellxd
Guía para semestral
Guía para semestral
José Roberto Parra González
Viewers also liked
(11)
Amendments 11 27
Amendments 11 27
Curso online Auxiliar administrativo universidad de oviedo
Curso online Auxiliar administrativo universidad de oviedo
Erasmus plus happens posters
Erasmus plus happens posters
Rezervační systém Flexbook - stručný přehled v.0.8
Rezervační systém Flexbook - stručný přehled v.0.8
What's new in log insight 3.3 presentation
What's new in log insight 3.3 presentation
Sleep and Children's Development
Sleep and Children's Development
Log insight technical overview customer facing (based on 3.x)
Log insight technical overview customer facing (based on 3.x)
The Preamble to The US Constitution
The Preamble to The US Constitution
Rule Of Law dan Hak Asasi Manusia
Rule Of Law dan Hak Asasi Manusia
Problemas que afectan el rendimiento académico de los jóvenes
Problemas que afectan el rendimiento académico de los jóvenes
Guía para semestral
Guía para semestral
Similar to 課題発表 HPに到達するまでの仕組み
アクセス解析基礎
アクセス解析基礎
Ryosuke Sawada
WTM52 あなたの作ったWEBサイト、生きてますか?
WTM52 あなたの作ったWEBサイト、生きてますか?
Masanori Oobayashi
SyncThought/代表取締役社長 海野氏
SyncThought/代表取締役社長 海野氏
loftwork
20070901.mydomain
20070901.mydomain
Ken SASAKI
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
IIJ
社内ドキュメント検索システム構築のノウハウ
社内ドキュメント検索システム構築のノウハウ
Shinsuke Sugaya
Yahoo!検索のパフォーマンス向上策全て見せます
Yahoo!検索のパフォーマンス向上策全て見せます
Yahoo!デベロッパーネットワーク
2011 11-19-c4ljp-web上の情報の探し方
2011 11-19-c4ljp-web上の情報の探し方
Yuka Egusa
Html5とアクセシビリティ
Html5とアクセシビリティ
Masakazu Muraoka
ビジネスサイドが知っておくべきシステムの話
ビジネスサイドが知っておくべきシステムの話
Koyo 松本
【20121124】word bench大阪
【20121124】word bench大阪
Raysus Co.,Ltd.
ライフエンジンを支える検索エンジンの作り方
ライフエンジンを支える検索エンジンの作り方
Chiaki Hatanaka
スマートフォンWebアプリ最適化”3つの極意”
スマートフォンWebアプリ最適化”3つの極意”
Koji Ishimoto
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
haruynan
Cloud search勉強会 20150122
Cloud search勉強会 20150122
Daisuke Mii
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
Rakuten Group, Inc.
より読まれるように、より読まれやすく するための技術的サポート
より読まれるように、より読まれやすく するための技術的サポート
Yuji Nonaka
N29 aoitan firefox osことはじめ
N29 aoitan firefox osことはじめ
Masami Yabushita
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
Yahoo!デベロッパーネットワーク
Seo Slide Muryou Repo
Seo Slide Muryou Repo
uzumagic
Similar to 課題発表 HPに到達するまでの仕組み
(20)
アクセス解析基礎
アクセス解析基礎
WTM52 あなたの作ったWEBサイト、生きてますか?
WTM52 あなたの作ったWEBサイト、生きてますか?
SyncThought/代表取締役社長 海野氏
SyncThought/代表取締役社長 海野氏
20070901.mydomain
20070901.mydomain
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
社内ドキュメント検索システム構築のノウハウ
社内ドキュメント検索システム構築のノウハウ
Yahoo!検索のパフォーマンス向上策全て見せます
Yahoo!検索のパフォーマンス向上策全て見せます
2011 11-19-c4ljp-web上の情報の探し方
2011 11-19-c4ljp-web上の情報の探し方
Html5とアクセシビリティ
Html5とアクセシビリティ
ビジネスサイドが知っておくべきシステムの話
ビジネスサイドが知っておくべきシステムの話
【20121124】word bench大阪
【20121124】word bench大阪
ライフエンジンを支える検索エンジンの作り方
ライフエンジンを支える検索エンジンの作り方
スマートフォンWebアプリ最適化”3つの極意”
スマートフォンWebアプリ最適化”3つの極意”
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
Cloud search勉強会 20150122
Cloud search勉強会 20150122
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
より読まれるように、より読まれやすく するための技術的サポート
より読まれるように、より読まれやすく するための技術的サポート
N29 aoitan firefox osことはじめ
N29 aoitan firefox osことはじめ
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
Seo Slide Muryou Repo
Seo Slide Muryou Repo
Recently uploaded
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ 株式会社
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
KayaSuetake1
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
ユニパー株式会社
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
masakisaito12
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
Yasuyoshi Minehisa
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf
ssuser80a51f
Recently uploaded
(6)
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf
課題発表 HPに到達するまでの仕組み
1.
課題発表 ~HP閲覧までの流れを知る~ 作成者:菅沼遼太
2.
そもそも、欲しい情報は どうやって探している?
3.
導入 ~HP閲覧までのイメージ~ インターネットに接続されたデバイスがあれば、欲しい情報は検索可能 検索画面についても、何となく皆が見るサイトが上位に来ているというイメージ
4.
HPを見るまでには 裏で色々な仕組みがあったりする。 今回はそれを調べました!
5.
目次 1. 導入 ~HP閲覧までのイメージ~ 2.
HP閲覧の仕組みについて HP閲覧の裏側 DNSサーバの仕組み WEBサーバの仕組み ステータスコード一覧 3. 検索について 検索の流れ 検索の裏側の動き 4. https通信の仕組み 5. まとめ
6.
目次 1. 導入 ~HP閲覧までのイメージ~ 2.
HP閲覧の仕組みについて HP閲覧の裏側 DNSサーバの仕組み WEBサーバの仕組み ステータスコード一覧 3. 検索について 検索の流れ 検索の裏側の動き 4. https通信の仕組み 5. まとめ
7.
HPを見るまでに 裏で何が起こっているんだ?
8.
HP閲覧の裏側 http:ブラウザ⇔WEBサーバ間でデータを通信する用のプロトコル https:httpが暗号化されたプロトコル (詳細は後程説明) WEB サーバ https://www.mediba.jp/ DNS サーバ IPを分析 情報を要求
9.
サーバたちの仕事内容
10.
DNSサーバの仕組み DNS (Domain Name
System) ⇒ドメイン名を基に、ドメイン元のIPアドレスを教える存在 問い合わせは下の階層へ行くに従い、詳細になる https://www.mediba.jp/ mediba.jp担当 DNSサーバ群 .jp担当 DNSサーバ群 ルート DNSサーバ群 プロバイダ DNSサーバ
11.
WEBサーバの仕組み HTTP:ブラウザ⇔WEBサーバ間でデータを通信する用のプロトコル ステータスコード:WEBサーバ⇔ブラウザ間で、 互いの状態をやり取りするためのコード https://www.mediba.jp/ GET/HTTP/1.1 HOST/www.mediba.jp HTTP/1.1 200 OK
WEBサーバ
12.
ステータスコード一例 1xx : Informational
:情報 2xx : Success :成功 3xx : Redirection :転送 4xx : Client Error :クライアント側のエラー 5xx : Server Error :サーバ側のエラー コード 表記 意味 200 OK リクエスト成功 301 Moved Permanently リクエスト先が移動 302 Found 一時的にリクエスト先が移動 403 Forbidden アクセス権なし 404 Not Found 存在しない 500 Internal Server Error サーバエラー
13.
目次 1. 導入 ~HP閲覧までのイメージ~ 2.
HP閲覧の仕組みについて HP閲覧の裏側 DNSサーバの仕組み WEBサーバの仕組み ステータスコード一覧 3. 検索について 検索の流れ 検索の裏側の動き 4. https通信の仕組み 5. まとめ
14.
検索結果ってどうやって出してるの?
15.
検索の流れ SEO:検索結果を上位にするための施策 内部最適化⇒クローラーに解析されやすいサイト構造 外部最適化⇒他者ページからのリンクを増やす
16.
検索の裏側の動き クローリング インデックス ランキングGoogle DBサーバ 注意点:検索結果に表示されるのは、GoogleにインデックスされたWebページのみ。
17.
目次 1. 導入 ~HP閲覧までのイメージ~ 2.
HP閲覧の仕組みについて HP閲覧の裏側 DNSサーバの仕組み WEBサーバの仕組み ステータスコード一覧 3. 検索について 検索の流れ 検索の裏側の動き 4. https通信の仕組み 5. まとめ
18.
medibaのURLに “https”ってついてないか?
19.
https通信の仕組み 主な活用場所:セキュリティ情報が必要なサイト(個人情報の会員登録等) SSL(Server Sockets Layer):情報の暗号化を行い、送受信出来るプロトコル https://www.mediba.jp/ 電子証明書 事前準備 443ポートの解放 公開鍵の登録 電子証明書の設置 共通鍵 リクエスト mediba WEBサーバ 認証局
20.
まとめ インターネットへ接続するには、DNSサーバ、WEBサーバの協力のもとに行われる。 検索表記に関しても、上位に食い込むべく日々対策が行われている。 https通信においては、httpの通信フローを暗号化するための仕組みがある。
21.
質疑応答
Editor's Notes
そもそも、ネットで検索しHPを閲覧する動機は、何らかしらの理由付けがないと調べるとこは少ない。 先ず第一に、情報を調べたいという欲求が生まれる。 次の段階で、何らかしらのデバイスを活用し、調べるという手段に出る。 今回の場合は、PCでネットを活用することを想定。 該当する情報を検索をするなりして、目的のHPへたどり着くのが世間での一般的なイメージ。
IP通信(IPv4 IPv6)の違い:https://www.nic.ad.jp/ja/newsletter/No20/sec0700.html クライアント(この場合はPC)を使い、サーバーへのリクエストを行う。 この際、Google検索でサイトへ行く(要SEOの部分のスライド)か、URLべたうちで遷移するか。 リクエストされたURLはwebサーバーに直接リクエストはできず(10進数のみ判断)、DNSサーバーを通じてIPアドレスへと変換。 IPアドレスの情報から、該当するデータベースを所持しているWEBサーバーが、クライアントへレスポンスを行う。
https://www.nic.ad.jp/ja/newsletter/No22/080.html なぜIPのみでやり取りしないのか?⇒人間が覚えきれない⇒名前にすることで、わかりやすくしている側面もある。 そもそもIPアドレスだけでは、サイトを覚えきれない ネットワーク構成が変更された時、一から覚えなおさなければいけない DNSサーバーにも種類がある。 主に調べたいURLを入力しそのドメインをいくつかのDNSサーバーを経由して、情報を返す。 サーバーを分ける理由としては、過剰な負荷を避けるため。
DSNサーバーからIPアドレスのレスポンスが返ってきたことを想定。 ブラウザから、WEBサーバーにアドレスのリクエストを行う。 ファイルの要求には「GET」と呼ばれるメソッドを送信し、 WEBサーバー側が該当するリクエストを検索する。 該当するファイルを見つけ次第、ブラウザにレスポンスを実施する(この時、文書や画像など、分配してレスポンスがされている)。 http://www.atmarkit.co.jp/ait/articles/0809/01/news162_3.html http://qiita.com/shuntaro_tamura/items/ae55b99deb9e2a170754 http://viral-community.com/other-it/http-1873/
http://e-words.jp/p/r-httpstatus.html
http://www.atmarkit.co.jp/ait/articles/0806/18/news145.html 文言的な理解 http://bazubu.com/how-search-engine-work-18156.html クローラーとかの仕組み
クローラーがWebサイトを巡回して、情報を収集 クローリングして収集された情報が、GoogleのDBサーバへ登録される ユーザが検索したワードに対し、Google側が設定した問いを要因として、総合得点の高いページを、検索結果でより上位に表示させている。 http://www.atmarkit.co.jp/ait/articles/0806/18/news145.html 文言的な理解 http://bazubu.com/how-search-engine-work-18156.html クローラーとかの仕組み http://junichi-manga.com/mechanism-of-google-search/ わかりやすい検索の仕組み
https://gozal.cc/media/detail?id=180 サーバ接続⇒電子証明書受け取り⇒認証局への確認⇒接続先とサーバ先でのみ知る鍵を使って、暗号化してやり取り
HTTPSの証明書の手続き https://gozal.cc/media/detail?id=180 発表1h(場所を確保) 野坂さん、河面さん(都合がつく場合)、福田さん、水川さん、三浦さん、井戸さん 発表の内容をアウトプット。 河面さんの日程が合わない⇒野坂さんと相談して決めた。
Download now