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

Contenu connexe

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

Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Pathdynamis
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Monaca
 
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」Takashi Endo
 
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏Developers Summit
 
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-Takaaki Suzuki
 
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作yamahige
 
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解Monaca
 
Android Lecture #01 @PRO&BSC Inc.
Android Lecture #01 @PRO&BSC Inc.Android Lecture #01 @PRO&BSC Inc.
Android Lecture #01 @PRO&BSC Inc.Yuki Higuchi
 
Webプログラミング入門
Webプログラミング入門Webプログラミング入門
Webプログラミング入門Tsuyoshi Kiryu
 
Webプログラミング入門
Webプログラミング入門Webプログラミング入門
Webプログラミング入門SI TEAM
 
Flexでサクッと作れ!Androidアプリ開発のススメ
Flexでサクッと作れ!Androidアプリ開発のススメFlexでサクッと作れ!Androidアプリ開発のススメ
Flexでサクッと作れ!Androidアプリ開発のススメKeisuke Todoroki
 
【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル
【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル
【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル智治 長沢
 
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)dynamis
 

Similaire à Webを支える技術 1章 webとは何か? (20)

デバイス WebAPI設計の進め方
デバイス WebAPI設計の進め方デバイス WebAPI設計の進め方
デバイス WebAPI設計の進め方
 
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
 
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」
 
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
【B-1】スマートデバイスとクラウドが実現するソフトウェアの革新~上陸した Windows Phone7 と Kinect による AR世界の実現~ 西脇資哲氏
 
Demo120724
Demo120724Demo120724
Demo120724
 
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-
 
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
講義資料におけるマルチユースなリンクをEPUBとLODで実現するシステムの試作
 
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
 
Android Lecture #01 @PRO&BSC Inc.
Android Lecture #01 @PRO&BSC Inc.Android Lecture #01 @PRO&BSC Inc.
Android Lecture #01 @PRO&BSC Inc.
 
Webプログラミング入門
Webプログラミング入門Webプログラミング入門
Webプログラミング入門
 
Webプログラミング入門
Webプログラミング入門Webプログラミング入門
Webプログラミング入門
 
Flexでサクッと作れ!Androidアプリ開発のススメ
Flexでサクッと作れ!Androidアプリ開発のススメFlexでサクッと作れ!Androidアプリ開発のススメ
Flexでサクッと作れ!Androidアプリ開発のススメ
 
Microsoft Edge概要 物江氏
Microsoft Edge概要 物江氏Microsoft Edge概要 物江氏
Microsoft Edge概要 物江氏
 
【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル
【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル
【XP祭り2010】 ライトニングトークス 「マイクロソフトとアジャイル
 
Wisebook Library Server 3.5 のご紹介
Wisebook Library Server 3.5 のご紹介Wisebook Library Server 3.5 のご紹介
Wisebook Library Server 3.5 のご紹介
 
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
 
MA2017 kintone説明
MA2017 kintone説明MA2017 kintone説明
MA2017 kintone説明
 
Bar Vsug04 Masami Suzuki Windows7 UI
Bar Vsug04 Masami Suzuki Windows7 UIBar Vsug04 Masami Suzuki Windows7 UI
Bar Vsug04 Masami Suzuki Windows7 UI
 
Web Intents入門
Web Intents入門Web Intents入門
Web Intents入門
 

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