マッシュアップ

このサイトは、個人的なマッシュアップのお勉強サイトです。
備忘録的なものであります。

マッシュアップ(Mashup)とは、複数のWebサービスのAPIを組み合わせてサイトを作ることみたいです。
GoogleなどAPIが公開されているものを利用して、サイトを作ることですね。

個人的に興味はありましたが、面倒なので敬遠してきましたが、
PHPをある程度理解することができたので、勉強がてらに作成したいと思います。

1.新垣結衣の情報サイトを作成してみる

マッシュアップでサイトを作成するにしても、どのようなのサイトを…?
サイトを作成する場合は、ネタが必要ですよね。
情報をお届けする様なサイトが作成しやすいかと思いましたが、
どのような情報を???

色々と悩みましたが、芸能人の情報が一番作成しやすいかと思い、
とりあえず、旬のアイドルである新垣結衣さんを題材にして、
マッシュアップサイトを作成してみたいと思います。

完成したサイトは、こちらです。
新垣結衣の情報サイト

結構、作成するのって疲れますね。
でも、一度作成すれば、自動的に最新の情報が取得できるので、
まあ、いいかもしれません。

2.郵便番号からGoogleMapを表示する

GoogleMapを利用してみたいと思いましたが、
どのように利用すればいいのかと考えていました。

WebAPIを探していたら、郵便番号から住所を検索できるAPIがありました。
これと組み合わせて、郵便番号から、GoogleMapを表示してみたいと思います。
作成してみましたが、なんか意味ないかも。。。

完成したサイトは、こちらです。
郵便番号からGoogleMapを表示


3.駅名からGoogleMapを表示する

HeartRails ExpressというWeb APIがあります。
路線/駅名データ等の地理情報が取得できます。

駅名からGoogleMapを作成するのも、まあいいのかなと思いまして、
組み合わせてサイト作成してみました。

完成したサイトは、こちらです。
駅名からGoogleMapを表示


4.路線図を表示する

今回もHeartRails ExpressとGoogleMapを利用します。
路線図を作成してみたいと思います。

完成したサイトは、こちらです。
路線図をGoogleMapで表示



xml E-Mail
Copyright (C) 2008 マッシュアップのお勉強(備忘録). All Rights Reserved.
ASP.Netのお勉強 VB.Netのお勉強 Excel マクロ・VBAのお勉強 ASP.Netで掲示板を作成しよう AJAXのお勉強
Webデザインのお勉強 Javaのお勉強 PHPのお勉強 総合サイトCocoaLiz