O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
第1章 Webとは何か?
ブラウザ
Webを閲覧する
ソフトウェア
ユーザー
ニュースを読む
商品を買う
SNS・ブロの利用
動画の閲覧
メール送信
・
・
Web
1.すべての基盤であるWeb
サーバー
第1章 Webとは何か?
2. さまざまなWebの用途
Webサイト UI
人間向けのインターフェース
プログラム用API
(Application Programming Interface)
プログラム向けのインターフェース
■例
・Ama...
異なるさまざまな情報システム・言語・開発環境間での
構造化されたデータ・文書の共有を簡単に行える
テキストベースのデータ・フォーマット
第1章 Webとは何か? 補足
XML (Extensible Markup Language)
・多様な情...
<html>
<head></head>
<body>
<h1>ショーシャンクの空</h1>
<table border="1">
<tr><td>得点</td><td>90</td></tr>
<tr><td>感想</td><td>とても良い...
第1章 Webとは何か? 補足
■メリット
①誰でも簡単に使える
②ブラウザから使える(インターネットと相性が良い)
③プログラムからデータが扱いやすい(開発効率が高い)
■使用例
・ソフトウェア間の通信・情報交換に用いるデータ形式
・様々な種...
第1章 Webとは何か?
3. Webを支える技術
情報を取得したり発注したりできる。定義するメソッドは8つだけ。
世界中のあらゆるデータを指し示すことができる短い文字列。
取得した情報を表示する文書フォーマット。
HTTP
(Hypertex...
第1章 Webとは何か?
3. Webを支える技術
ハイパーメディア
テキストや画像、音声、映像などさまざまなメディア
を結びつけて構成したシステム。先頭から順に読む、
などの順番がない。
情報システムから見た2つの側面
分散システム
複数のコ...
Próximos SlideShares
Carregando em…5
×

Webを支える技術 1章 webとは何か?

615 visualizações

Publicada em

Webを支える技術 1章 webとは何か?

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Webを支える技術 1章 webとは何か?

  1. 1. 第1章 Webとは何か? ブラウザ Webを閲覧する ソフトウェア ユーザー ニュースを読む 商品を買う SNS・ブロの利用 動画の閲覧 メール送信 ・ ・ Web 1.すべての基盤であるWeb サーバー
  2. 2. 第1章 Webとは何か? 2. さまざまなWebの用途 Webサイト UI 人間向けのインターフェース プログラム用API (Application Programming Interface) プログラム向けのインターフェース ■例 ・Amazon ・Google ・企業サイト ・ブログ etc ■デバイス ・PC ・携帯電話 ・ゲーム機 ・テレビ etc ■例 ・デバイスの設定画面 ・ PCのヘルプ画面 ・アプリケーション etc ■デバイス ・ルータ ・テレビ ・ハードディスク ・プリンタ ・リモコン etc ■例 ・XML ・JSON etc
  3. 3. 異なるさまざまな情報システム・言語・開発環境間での 構造化されたデータ・文書の共有を簡単に行える テキストベースのデータ・フォーマット 第1章 Webとは何か? 補足 XML (Extensible Markup Language) ・多様な情報を「情報の意味」と「情報の内容」に分けてテキストで記述するマークアップ言語 ・統一的な記法を用い独自の意味や構造を持ったマークアップ言語を作成することができる JSON (JavaScript Object Notation) ・Javascriptのオブジェクト表記法をベースに作られた、軽量のデータ交換フォーマット ・人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる XMLとJSON
  4. 4. <html> <head></head> <body> <h1>ショーシャンクの空</h1> <table border="1"> <tr><td>得点</td><td>90</td></tr> <tr><td>感想</td><td>とても良い</td></tr> </table> </body> </html> 第1章 Webとは何か? 補足 HTMLで記述 > 表示に特化。 > コンピュータは意味を判別できない。 『ショーシャンクの空』特典:90 点、感想:とても良い <?xml version="1.0"> <all_movies> <movie> <title>ショーシャンクの空</title> <point>90</point> <review>とても良い</review> </movie> </all_movies> XMLで記述 JSONで記述 > データの意味を明示するため、プログラムが意味を判別できる。 【{‘title’: ‘ショーシャンクの空’, ‘point’: 90, ‘review’: ‘とても良い’,}】 XMLとJSON
  5. 5. 第1章 Webとは何か? 補足 ■メリット ①誰でも簡単に使える ②ブラウザから使える(インターネットと相性が良い) ③プログラムからデータが扱いやすい(開発効率が高い) ■使用例 ・ソフトウェア間の通信・情報交換に用いるデータ形式 ・様々な種類のデータを保存できるファイルフォーマットの定義 ・Webアプリケーションのレスポンスデータ XMLとJSON ■XMLとJSONの違い <XML> ・あらゆる環境からアクセス可能 ・「要素」や「属性」をつけることができる >サーバー同士、サーバーとクライアント等、複数のシステム同士で構造化データを交換する時 <JSON> ・スキーマという概念がなく、データはすべて文字列 ・JavaScriptからアクセスしやすくデータが軽い >JavaScript を前提に考える(Ajaxなど)時
  6. 6. 第1章 Webとは何か? 3. Webを支える技術 情報を取得したり発注したりできる。定義するメソッドは8つだけ。 世界中のあらゆるデータを指し示すことができる短い文字列。 取得した情報を表示する文書フォーマット。 HTTP (Hypertext Transfar Protocol) URI (Uniform Resouce Identifier) HTML (HyperText Markup Language) シンプルな3つの技術
  7. 7. 第1章 Webとは何か? 3. Webを支える技術 ハイパーメディア テキストや画像、音声、映像などさまざまなメディア を結びつけて構成したシステム。先頭から順に読む、 などの順番がない。 情報システムから見た2つの側面 分散システム 複数のコンピュータやプログラムを組み合わせて処理 を効率的に分散させるシステム。1台のコンピュータ で扱い切れないデータ膨大な情報を操作できる。 ※プロトコル(前頁「3つの技術」)がシンプルだからこそ 実現可能

×