創造的ウェブサービス構築基礎論

ニフティ株式会社寄付講座

第一回 (2009年 9月24日)

Martin J. Dürst, 松本 章代

授業の概要

http://www.sw.it.aoyama.ac.jp/2009/Mashup/lecture1.html

© 2009 Martin J. Dürst 青山学院大学

授業の目的

参加者の紹介

ニフティ株式会社

• 鈴木 隆一 (技術理事)

青山学院大学

• Martin J. Dürst (教授)
• 松本 章代 (助教)
• 曽山 裕 (M2, TA)
• 塩澤 元 (M1, TA)
• 中村 一星 (B4, SA)

仲間を増やそう

発想から: Web の夢

マッシュアップ

英語: mashup < mash up (すりつぶす等)

音楽: 一つ以上の曲から新曲作成 (最近ビデオ等も)

ウェブ: 複数のデータ源やサービスの組合せで誕生するウェブサイト

マッシュアップの典型例

• ベースのウェブサイト:
  • Craigslist
  • Google Maps
• 組合せ:
  housingmaps (Paul Rademacher)

なぜマッシュアップ

ウェブの歴史

(A Little History of the World Wide Web 参照)

• 1945年からハイパーテクストのアイディア (Vannevar Bush, Doug Engelbart, Ted Nelson 等)
• 1989年: Tim Berners-Lee によるウェブの第一案
• 1993年ごろ: NCSA Mosaic: 画像の追加 (背景が灰色のページの時代)
• 1996年: JavaScript 誕生; Creating Killer Web Sites
• 2002年: Mozilla ブラウザ公開: 標準準拠の動き
• 2004年: Web 2.0 宣言 (Web 2.0 タグクラウド)
• 2005年: Ajax 誕生

使う技術

• (X)HTML: ウェブページの記述
• JavaScript: ウェブページ内のプログラム
• JSON, XML: データ交換
• CSS: 見栄えの記述

よく利用するウェブページ

開発環境: ハードウェア

• 自分の頭
• 紙とペン
• O-325 のパソコン
• 自分のパソコン

開発環境: ソフトウェア

• 閲覧ソフト: Mozilla Firefox, その他お好み (Opera, Safari, Internet Explorer 6/7/8, Google Chrome)
• デバッガ: Firebug
• プレーンテクストエディタ: 何でも可 (メモ帳以外)
  例: Komodo Edit
  UTF-8 (BOM/印無し) に設定
• FTP クライアント

次回のための準備

• ノートパソコンを持参
• ウェブにたくさん面白いデータがあるサイトを十個ぐらい見つける