
|
このサイトは、個人的なマッシュアップのお勉強サイトです。 備忘録的なものであります。 マッシュアップ(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で表示 |
|
E-Mail