マッシュアップに興味はあっても、複雑なプログラムを組んだり、それをアップロードする場所を考えると意気消沈してしまう。手間なく作れて、すぐに公開できるとしたら、アイディアをベースにもっとマッシュアップは増えていくかもしれない。 グラフィカルに画面を設計 マッシュアップを作るのに、ブラウザベースであるのは理にかなっている。インターネットが必須のWeb APIだけに、ブラウザ上で開発できれば効率的にできるかも知れない。 今回紹介するオープンソース・ソフトウェアはOpen Mashup Studio、マッシュアップを開発するためのFirefoxアドオンだ。 Firefoxアドオンだと思って、油断してはいけない。Open Mashup Studioは想像以上にすごい。テキストボックス、ボタン、ラジオボタンといったHTMLコンポーネントや、画像のスライドショー、マップなどをグラフィカルに配置できる。
どんなサイトでも、マッシュアップすることができる。APIが公開されていなくてもいい。新たなまとめサイトを構築し、情報付加価値を高めるための手法を解説しよう。 さまざまなコンテンツを組み合わせて、好みに合ったページ（サービス）を作り上げる「マッシュアップ」。これの最たるものは、コンテンツ提供者が公開する「WebAPI」の組み合わせで実現するものだ。 しかし、利用する仕様を整備して、効果的なデータだけをメータデータ配信するWebAPIは、まだそれほど普及していない。つまりマッシュアップというキーワードから流行っている兆しはあっても、対象として使うことができるものは、意外と少ない。思い出してほしい。 このような状況を打開するのが、HTMLコンテンツを抜き出して加工する「スクレイピング（scraping）」という手法だ。 このオンライン・ムックPlus「まとめサイト2.0」では、例として「ITme
第3回では，複数のWebサービスを使ってWebサイトを構築する「マッシュアップ」を試してみます。ここでは，最も有名なWebサービスであるGoogle Mapsと，最寄り駅を教えてくれるWebサービスを組み合わせたアドレス帳を作ってみます。 Google MapsやYahoo! Mapsは，地図の情報をWebサービスで提供しています。このWebサービスを用いると，自分のWebサイト上に地図を簡単に張り付けられます。また，天気の情報や駅周辺の情報といった地域の情報を提供しているWebサービスもあります。 つまり，地図情報と地域情報のWebサービスを組み合わせると，地図の上に天気を表示したり，駅周辺の情報を表示したりといったオリジナルの地域情報サイトが簡単に作れます。これがマッシュアップです。最近は，地域情報を提供するWebサービスが増えています（表1）。 ここでは3種類のWebサービスを組み合
マッシュアップは企業のシステム開発を大きく変える。最大のメリットは、ビジネスの変化に迅速に対応することが可能になることだ。 開発期間と開発コストを削減できる。WebサービスAPI経由でデータを受け取ることで、コードの作成やテストの時間が格段に減らせる。 「出張JAWS」や日本大学のメール・システムや、CRM（顧客情報管理）システムにおけるKDDIの取り組みはこのことを実証している。 KDDIの住吉浩次 情報システム本部ビジネスプロセス開発1部部長は、「マッシュアップは、簡易な方法で実現するSOA（サービス指向アーキテクチャ）と理解することもできるのではないか」と指摘する。 従来なら高価なミドルウエアや大規模な開発が必要だったシステムの連携が、ほんの数行のコードで可能になることもある。不動産管理を手掛けるリロケーション・ジャパンは、セールスフォース・ドットコムの提供するSaaS形式のCRMサ
あのCPUを作っているIntelが新しくマッシュアップツールを発表するらしいというのを Mashups: Mashup Maker Smackdown で知ったのでそのことを書くつもりで書き始めたら長くなったのでまた次回書きます。さいきん顔認識ができることで有名になったOpenCV もIntelが作っているし、Intelファンな自分としてはうれしいです。 Mashable!はいろんなサービスを全部ひとくくりに"マッシュアップツール"と呼んでいますが、マッシュアップツールには大きく分けて3つあって、はっきり区別しておくのは重要だと思うのでそこを整理したいと思います。 マッシュアップツールの分類 マッシュアップツールと呼ばれているサービスの持つ要素は３つに分けられます。 データを取り出すためのもの マッシュアップ対象にしたいサービスがXMLのように意味のある構造化されたデータを提供してくれるな
2008/2/12:「公開APIを利用したサンプルサイトを作っていくよ」は、書籍発売に伴い、新サイトに移転しました。 →公開APIを利用したサンプルサイトを作っていくよ 新サイトでは、サンプルサイトの他に、サンプルソースコードの掲載もしていく予定です。 旧サイト（このページは）、削除せずにこのまま残しておきますので、新旧サイトともに今後ともご利用ください。 (旧)公開APIを利用したサンプルサイトを作っていくよ TOP ABOUT BOOK LINK MAIL BLOG 本館 ZAPAnet総合情報局管理人ZAPAが公開API（Webサービス）を利用して、サンプルサイトを作って紹介しています。 Web2.0、マッシュアップの流行によってせっかくWeb上でAPIが公開されていても、利用する前に規約に同意して、開発用ドキュメント（HTMLからPDF、EXECL、WORDなどドキュメントのフォー
こんにちは！やまもと＠テスト番長です。 先日、ウノウの開発合宿が行われたのですが 今日は、そのとき自分が試作したものをご紹介させていただきます。 巷で話題のTwitterと弊社フォト蔵のAPIを使ったマッシュアップです。 Phoitter Twitterを流れるコメントの数々とフォト蔵の写真をマッチングさせ、まった～～りと表示するダラ見系コンテンツです。 マッチしている（ようなしていないような）言葉と写真の組み合わせを、イマジネーションを膨らませてご覧いただければと思います。 Phoitter posted by (C)フォト蔵 使い方 基本的に眺めて楽しむだけです。 一時停止したいときは、Pauseボタンを押してください。 ご意見ご要望などございましたら、お気軽にお聞かせください。
進歩の速いWeb関連技術。次から次へと新しい概念や技術が登場するので，なかなかフォローしきれないと考えている人も多いでしょう。そこで，この春からWebを担当するという人に向けて，とりあえずこれだけは押さえておきたい三つのトレンドについて，これまでに当サイトに掲載した解説記事を紹介します。すでにWebを担当している人も，復習を兼ねて読んでみてください。 その1：Web標準 （筆者：益子 貴寛） Web業界では「Web標準（Web Standards）」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について，基礎知識だけでなくトレンド的な観点を交えながら，「なぜWeb標準が普及してきているのか」を考えてみよう。 Web標準（Web Standards）とは，「Webで標準的に利用される技術の総称」である。
2007/03/22 マッシュアップといえば「Googleの地図が横に表示されるWebページのこと」を指すと思っている人はいないだろうか。マッシュアップという言葉は一時期ほど注目を集めなくなっているのかもしれないが、それはおそらく過小評価だ。3月21日に受賞式が行われたマッシュアップコンテストの受賞作を見ていると、マッシュアップという言葉が単なるバズワードなどではないことを改めて認識させられる。 リクルート、サン・マイクロシステムズをはじめ19の企業・団体が提供するサービスを使った開発コンテスト、「Mash up Award 2nd」は、その名称の通り、今回で2度目。応募作品数は前回の56作品に比べて108作品と倍増しており、裾野の広がりを感じさせる。応募作品は多様化しており、地図を使ったサービスの割合が下がり、独自のアイデアや斬新なインターフェイスを使ったものが増えている。 主催者の発表
巨人の力を使っちゃえ！Web APIを使えば、あなたの夢も一発で実現：5分でネットがわかるシリーズ（10）（1/5 ページ） そもそもAPIとはなんぞや？ 10回目に突入した「5分でネットがわかるシリーズ」。さて今回はちまたで話題の「Web API」について取り上げます。Yahoo!が賞金30万円を掛けて、WEB API コンテストを開催したり、プログラミング雑誌でも「Web API プログラミング！」といった特集が組まれたりと、かなり注目を受けている技術です。皆さんも一度は耳にしたことがあるでしょう。では、いったいどんな技術なのか、一緒に見てみましょう。 今回は「Web API」についての解説ですが、そもそも「API」とは一体どういった意味なんでしょう？ APIは「Application Programming Interface」の略です。アプリケーションプログラミングインターフェイス
Web 2.0というキーワードが登場するなか，注目を浴びてきたのが「Webサービス」です。数年前，華々しく登場したわりにはパッとしなかったこの技術も，ようやく実用的になってきました。Google Web APIs，Amazon Webサービス，Yahoo! Webサービス…など，いずれもプログラマの好奇心をくすぐるものばかりです。また，Google Homepage APIのような，手軽にプログラミングの対象となるサービスも出てきました。 この特集では，これらWebに公開されているプログラミング・インタフェースをまとめて「Web API」と呼び，実際の活用テクニックを紹介します。Googleの検索エンジンのパワーが，Amazonの商品データベースが，あなたのアプリケーションの中で使えるのです。とにかく，トライしてみましょう！
2007/02/15 RSSフィードをソースに複数のモジュールを組み合わせて自分独自のデータを出力させる米ヤフーのマッシュアップツール「Yahoo! Pipes」が注目を集めている。ビジュアルにモジュールを組み合わせてネットワービスを開発できる「Pipes Editor」が用意されていて、手軽に始められるのが受けている。米ヤフーのIDだけで利用できるYahoo! Pipesを試してみた。 5つのソースからデータ入力 Pipes Editorではすべての機能がモジュールで提供される。このモジュールをパイプでつなぐことで機能が実現する。開発者が最初に気にする必要があるのはデータのソースだ。データのソースとして用意しているのは次の5つだ。 Yahoo! Search 米ヤフーの検索結果をソースにできる Yahoo! Local 米ヤフーの地域情報をソースにできる Fetch ユーザーが指定するR
いま，Webの世界は大きく変わろうとしています。検索エンジンはどんどん進化し，ブログやSNS（Social Networking Services）といった新しいアプリケーションが登場して，Webの用途は広がり，便利になっています。 プログラマにとってのWebの姿も大きく変わっています。従来，Webでプログラミングといえば，サーバーで動作するWeb/DBアプリケーションの構築か，JavaScriptで動的なWebページを作成することを指すのがほとんどでした。最近はこれに加えて，Web上に散在するAPI（Web API）を利用するプログラミングが流行しつつあるのです。 インターネット上のサービスを 自分のプログラムに組み込める 「API」と言えばOSの機能をプログラムから利用するための窓口というイメージがあると思います。Web APIとは，WebにおけるAPI，つまりWeb上にあるサービスを
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
