SlideShare a Scribd company logo
1 of 21
課題発表
~HP閲覧までの流れを知る~
作成者:菅沼遼太
そもそも、欲しい情報は
どうやって探している?
導入 ~HP閲覧までのイメージ~
インターネットに接続されたデバイスがあれば、欲しい情報は検索可能
検索画面についても、何となく皆が見るサイトが上位に来ているというイメージ
HPを見るまでには
裏で色々な仕組みがあったりする。
今回はそれを調べました!
目次
1. 導入 ~HP閲覧までのイメージ~
2. HP閲覧の仕組みについて
HP閲覧の裏側
DNSサーバの仕組み
WEBサーバの仕組み
ステータスコード一覧
3. 検索について
検索の流れ
検索の裏側の動き
4. https通信の仕組み
5. まとめ
目次
1. 導入 ~HP閲覧までのイメージ~
2. HP閲覧の仕組みについて
HP閲覧の裏側
DNSサーバの仕組み
WEBサーバの仕組み
ステータスコード一覧
3. 検索について
検索の流れ
検索の裏側の動き
4. https通信の仕組み
5. まとめ
HPを見るまでに
裏で何が起こっているんだ?
HP閲覧の裏側
http:ブラウザ⇔WEBサーバ間でデータを通信する用のプロトコル
https:httpが暗号化されたプロトコル
(詳細は後程説明)
WEB
サーバ
https://www.mediba.jp/
DNS
サーバ
IPを分析
情報を要求
サーバたちの仕事内容
DNSサーバの仕組み
DNS (Domain Name System)
⇒ドメイン名を基に、ドメイン元のIPアドレスを教える存在
問い合わせは下の階層へ行くに従い、詳細になる
https://www.mediba.jp/
mediba.jp担当
DNSサーバ群
.jp担当
DNSサーバ群
ルート
DNSサーバ群
プロバイダ
DNSサーバ
WEBサーバの仕組み
HTTP:ブラウザ⇔WEBサーバ間でデータを通信する用のプロトコル
ステータスコード:WEBサーバ⇔ブラウザ間で、
互いの状態をやり取りするためのコード
https://www.mediba.jp/
GET/HTTP/1.1
HOST/www.mediba.jp
HTTP/1.1 200 OK WEBサーバ
ステータスコード一例
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 サーバエラー
目次
1. 導入 ~HP閲覧までのイメージ~
2. HP閲覧の仕組みについて
HP閲覧の裏側
DNSサーバの仕組み
WEBサーバの仕組み
ステータスコード一覧
3. 検索について
検索の流れ
検索の裏側の動き
4. https通信の仕組み
5. まとめ
検索結果ってどうやって出してるの?
検索の流れ
SEO:検索結果を上位にするための施策
内部最適化⇒クローラーに解析されやすいサイト構造
外部最適化⇒他者ページからのリンクを増やす
検索の裏側の動き
クローリング インデックス
ランキングGoogle
DBサーバ
注意点:検索結果に表示されるのは、GoogleにインデックスされたWebページのみ。
目次
1. 導入 ~HP閲覧までのイメージ~
2. HP閲覧の仕組みについて
HP閲覧の裏側
DNSサーバの仕組み
WEBサーバの仕組み
ステータスコード一覧
3. 検索について
検索の流れ
検索の裏側の動き
4. https通信の仕組み
5. まとめ
medibaのURLに
“https”ってついてないか?
https通信の仕組み
主な活用場所:セキュリティ情報が必要なサイト(個人情報の会員登録等)
SSL(Server Sockets Layer):情報の暗号化を行い、送受信出来るプロトコル
https://www.mediba.jp/
電子証明書
事前準備
443ポートの解放
公開鍵の登録
電子証明書の設置
共通鍵
リクエスト
mediba
WEBサーバ
認証局
まとめ
インターネットへ接続するには、DNSサーバ、WEBサーバの協力のもとに行われる。
検索表記に関しても、上位に食い込むべく日々対策が行われている。
https通信においては、httpの通信フローを暗号化するための仕組みがある。
質疑応答

More Related Content

Viewers also liked

Amendments 11 27
Amendments 11 27Amendments 11 27
Amendments 11 27Bryan Toth
 
Curso online Auxiliar administrativo universidad de oviedo
Curso online Auxiliar administrativo universidad de oviedoCurso online Auxiliar administrativo universidad de oviedo
Curso online Auxiliar administrativo universidad de oviedoiLabora
 
Rezervační systém Flexbook - stručný přehled v.0.8
Rezervační systém Flexbook - stručný přehled v.0.8Rezervační systém Flexbook - stručný přehled v.0.8
Rezervační systém Flexbook - stručný přehled v.0.8David Pasek
 
What's new in log insight 3.3 presentation
What's new in log insight 3.3 presentationWhat's new in log insight 3.3 presentation
What's new in log insight 3.3 presentationDavid Pasek
 
Sleep and Children's Development
Sleep and Children's Development 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)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 ConstitutionThe Preamble to The US Constitution
The Preamble to The US Constitutionbkind2animals
 
Rule Of Law dan Hak Asasi Manusia
Rule Of Law dan Hak Asasi ManusiaRule Of Law dan Hak Asasi Manusia
Rule Of Law dan Hak Asasi ManusiaRapiika
 
Problemas que afectan el rendimiento académico de los jóvenes
Problemas que afectan el rendimiento académico de los jóvenesProblemas que afectan el rendimiento académico de los jóvenes
Problemas que afectan el rendimiento académico de los jóveneskarenmishellxd
 

Viewers also liked (11)

Amendments 11 27
Amendments 11 27Amendments 11 27
Amendments 11 27
 
Curso online Auxiliar administrativo universidad de oviedo
Curso online Auxiliar administrativo universidad de oviedoCurso online Auxiliar administrativo universidad de oviedo
Curso online Auxiliar administrativo universidad de oviedo
 
Erasmus plus happens posters
Erasmus plus happens postersErasmus 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.8Rezervač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 presentationWhat'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 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)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 ConstitutionThe Preamble to The US Constitution
The Preamble to The US Constitution
 
Rule Of Law dan Hak Asasi Manusia
Rule Of Law dan Hak Asasi ManusiaRule 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óvenesProblemas 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 semestralGuía para semestral
Guía para semestral
 

Similar to 課題発表 HPに到達するまでの仕組み

アクセス解析基礎
アクセス解析基礎アクセス解析基礎
アクセス解析基礎Ryosuke Sawada
 
WTM52 あなたの作ったWEBサイト、生きてますか?
WTM52 あなたの作ったWEBサイト、生きてますか?WTM52 あなたの作ったWEBサイト、生きてますか?
WTM52 あなたの作ったWEBサイト、生きてますか?Masanori Oobayashi
 
SyncThought/代表取締役社長 海野氏
SyncThought/代表取締役社長 海野氏SyncThought/代表取締役社長 海野氏
SyncThought/代表取締役社長 海野氏loftwork
 
20070901.mydomain
20070901.mydomain20070901.mydomain
20070901.mydomainKen SASAKI
 
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
インシデント調査システムが内製すぎる件~CHAGEのご紹介~インシデント調査システムが内製すぎる件~CHAGEのご紹介~
インシデント調査システムが内製すぎる件~CHAGEのご紹介~IIJ
 
社内ドキュメント検索システム構築のノウハウ
社内ドキュメント検索システム構築のノウハウ社内ドキュメント検索システム構築のノウハウ
社内ドキュメント検索システム構築のノウハウShinsuke Sugaya
 
2011 11-19-c4ljp-web上の情報の探し方
2011 11-19-c4ljp-web上の情報の探し方2011 11-19-c4ljp-web上の情報の探し方
2011 11-19-c4ljp-web上の情報の探し方Yuka Egusa
 
Html5とアクセシビリティ
Html5とアクセシビリティHtml5とアクセシビリティ
Html5とアクセシビリティMasakazu Muraoka
 
ビジネスサイドが知っておくべきシステムの話
ビジネスサイドが知っておくべきシステムの話ビジネスサイドが知っておくべきシステムの話
ビジネスサイドが知っておくべきシステムの話Koyo 松本
 
【20121124】word bench大阪
【20121124】word bench大阪【20121124】word bench大阪
【20121124】word bench大阪Raysus Co.,Ltd.
 
ライフエンジンを支える検索エンジンの作り方
ライフエンジンを支える検索エンジンの作り方ライフエンジンを支える検索エンジンの作り方
ライフエンジンを支える検索エンジンの作り方Chiaki Hatanaka
 
スマートフォンWebアプリ最適化”3つの極意”
スマートフォンWebアプリ最適化”3つの極意”スマートフォンWebアプリ最適化”3つの極意”
スマートフォンWebアプリ最適化”3つの極意”Koji Ishimoto
 
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~haruynan
 
Cloud search勉強会 20150122
Cloud search勉強会 20150122Cloud search勉強会 20150122
Cloud search勉強会 20150122Daisuke Mii
 
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConViewネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConViewRakuten Group, Inc.
 
より読まれるように、より読まれやすく するための技術的サポート
より読まれるように、より読まれやすく するための技術的サポートより読まれるように、より読まれやすく するための技術的サポート
より読まれるように、より読まれやすく するための技術的サポートYuji Nonaka
 
N29 aoitan firefox osことはじめ
N29 aoitan firefox osことはじめN29 aoitan firefox osことはじめ
N29 aoitan firefox osことはじめMasami Yabushita
 
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015Yahoo!デベロッパーネットワーク
 
Seo Slide Muryou Repo
Seo Slide Muryou RepoSeo Slide Muryou Repo
Seo Slide Muryou Repouzumagic
 

Similar to 課題発表 HPに到達するまでの仕組み (20)

アクセス解析基礎
アクセス解析基礎アクセス解析基礎
アクセス解析基礎
 
WTM52 あなたの作ったWEBサイト、生きてますか?
WTM52 あなたの作ったWEBサイト、生きてますか?WTM52 あなたの作ったWEBサイト、生きてますか?
WTM52 あなたの作ったWEBサイト、生きてますか?
 
SyncThought/代表取締役社長 海野氏
SyncThought/代表取締役社長 海野氏SyncThought/代表取締役社長 海野氏
SyncThought/代表取締役社長 海野氏
 
20070901.mydomain
20070901.mydomain20070901.mydomain
20070901.mydomain
 
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
インシデント調査システムが内製すぎる件~CHAGEのご紹介~インシデント調査システムが内製すぎる件~CHAGEのご紹介~
インシデント調査システムが内製すぎる件~CHAGEのご紹介~
 
社内ドキュメント検索システム構築のノウハウ
社内ドキュメント検索システム構築のノウハウ社内ドキュメント検索システム構築のノウハウ
社内ドキュメント検索システム構築のノウハウ
 
Yahoo!検索のパフォーマンス向上策全て見せます
Yahoo!検索のパフォーマンス向上策全て見せますYahoo!検索のパフォーマンス向上策全て見せます
Yahoo!検索のパフォーマンス向上策全て見せます
 
2011 11-19-c4ljp-web上の情報の探し方
2011 11-19-c4ljp-web上の情報の探し方2011 11-19-c4ljp-web上の情報の探し方
2011 11-19-c4ljp-web上の情報の探し方
 
Html5とアクセシビリティ
Html5とアクセシビリティHtml5とアクセシビリティ
Html5とアクセシビリティ
 
ビジネスサイドが知っておくべきシステムの話
ビジネスサイドが知っておくべきシステムの話ビジネスサイドが知っておくべきシステムの話
ビジネスサイドが知っておくべきシステムの話
 
【20121124】word bench大阪
【20121124】word bench大阪【20121124】word bench大阪
【20121124】word bench大阪
 
ライフエンジンを支える検索エンジンの作り方
ライフエンジンを支える検索エンジンの作り方ライフエンジンを支える検索エンジンの作り方
ライフエンジンを支える検索エンジンの作り方
 
スマートフォンWebアプリ最適化”3つの極意”
スマートフォンWebアプリ最適化”3つの極意”スマートフォンWebアプリ最適化”3つの極意”
スマートフォンWebアプリ最適化”3つの極意”
 
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
オレ様が理解できる情報が良い情報だ!~技術情報検索メソッドの一例紹介~
 
Cloud search勉強会 20150122
Cloud search勉強会 20150122Cloud search勉強会 20150122
Cloud search勉強会 20150122
 
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConViewネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
 
より読まれるように、より読まれやすく するための技術的サポート
より読まれるように、より読まれやすく するための技術的サポートより読まれるように、より読まれやすく するための技術的サポート
より読まれるように、より読まれやすく するための技術的サポート
 
N29 aoitan firefox osことはじめ
N29 aoitan firefox osことはじめN29 aoitan firefox osことはじめ
N29 aoitan firefox osことはじめ
 
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
広告配信のための高速疎ベクトル検索エンジンの開発@WebDBフォーラム2015 #webdbf2015
 
Seo Slide Muryou Repo
Seo Slide Muryou RepoSeo Slide Muryou Repo
Seo Slide Muryou Repo
 

Recently uploaded

シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ 株式会社
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)KayaSuetake1
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチユニパー株式会社
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfmasakisaito12
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipYasuyoshi Minehisa
 
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdfssuser80a51f
 

Recently uploaded (6)

シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
 
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf
 

課題発表 HPに到達するまでの仕組み

Editor's Notes

  1. そもそも、ネットで検索しHPを閲覧する動機は、何らかしらの理由付けがないと調べるとこは少ない。 先ず第一に、情報を調べたいという欲求が生まれる。 次の段階で、何らかしらのデバイスを活用し、調べるという手段に出る。 今回の場合は、PCでネットを活用することを想定。 該当する情報を検索をするなりして、目的のHPへたどり着くのが世間での一般的なイメージ。
  2. IP通信(IPv4 IPv6)の違い:https://www.nic.ad.jp/ja/newsletter/No20/sec0700.html クライアント(この場合はPC)を使い、サーバーへのリクエストを行う。 この際、Google検索でサイトへ行く(要SEOの部分のスライド)か、URLべたうちで遷移するか。 リクエストされたURLはwebサーバーに直接リクエストはできず(10進数のみ判断)、DNSサーバーを通じてIPアドレスへと変換。 IPアドレスの情報から、該当するデータベースを所持しているWEBサーバーが、クライアントへレスポンスを行う。
  3. https://www.nic.ad.jp/ja/newsletter/No22/080.html なぜIPのみでやり取りしないのか?⇒人間が覚えきれない⇒名前にすることで、わかりやすくしている側面もある。  そもそもIPアドレスだけでは、サイトを覚えきれない  ネットワーク構成が変更された時、一から覚えなおさなければいけない DNSサーバーにも種類がある。 主に調べたいURLを入力しそのドメインをいくつかのDNSサーバーを経由して、情報を返す。 サーバーを分ける理由としては、過剰な負荷を避けるため。
  4. 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/
  5. http://e-words.jp/p/r-httpstatus.html
  6. http://www.atmarkit.co.jp/ait/articles/0806/18/news145.html 文言的な理解 http://bazubu.com/how-search-engine-work-18156.html  クローラーとかの仕組み
  7. クローラーが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/ わかりやすい検索の仕組み
  8. https://gozal.cc/media/detail?id=180 サーバ接続⇒電子証明書受け取り⇒認証局への確認⇒接続先とサーバ先でのみ知る鍵を使って、暗号化してやり取り
  9. HTTPSの証明書の手続き https://gozal.cc/media/detail?id=180 発表1h(場所を確保) 野坂さん、河面さん(都合がつく場合)、福田さん、水川さん、三浦さん、井戸さん 発表の内容をアウトプット。 河面さんの日程が合わない⇒野坂さんと相談して決めた。