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

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

第三回 (2009年10月 8日)

Martin J. Dürst, 松本 章代

マッシュアップの概念

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

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

今日の目的

• 皆さんが調べたウェブサービスなどをベースにマッシュアップを考える
• 環境の確認
• マッシュアップの概念

今日の目次

• 演習について
• 面白いウェブサービスの発見
• 開発環境の確認
• マッシュアップの概念
• 面白いマッシュアップの発見

演習について

• お互いの文書が読めなかった問題が解決
• 演習 1: 未登録者はこの授業後に登録
• 演習 2: 「ウェブサービス」の定義の問題
  人向けの「サービス」は一つの入り口になるが、API が無いと使えない

FTP へのログインの確認

アドレス: ftp.sw.it.aoyama.ac.jp

Firebug の動作確認 (1)

準備: JavaScript のテスト を開き、右下の虫のアイコンをクリック

Console で:

p1 = document.getElementByID('para1')

p1.style.color = 'red'

p1.childNodes[2].textContent = ' である。'

などを試してみる

Firebug の DOM タブで para1 などを確認

Firebug の動作確認 (2)

Firebug を有効にしたタブで http://www.nifty.com をロード

Firebug の Net タブでネットのアクセスを確認

CSS ファイルや Script ファイルの数を確認

Firebug のタブの一番左側のアイコンを選択し、ウェブページと HTML ソースの対応を確認

マッシュアップ: 1+1=3

マッシュアップの探索

• 面白いマッシュアップを見つける
• 誰のため
• 何が面白い
• どういうデータを使っている
• どういう風にデータをつないでいる

演習 1/2/3

マッシュアップを三つ提案してください

締切はそれぞれ違う (土・月・水)

ファイル形式は .txt 又は .html

内容は誰にとって何が嬉しいか、どのデータやサービスをベースに作るか、など
(API がある方が望ましい)