F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

F.Ko-Jiの「一秒後は未来」 > Google > googlemashups.comのサブドメインでマッシュアップを公開できる「Google Mashup Editor」

googlemashups.comのサブドメインでマッシュアップを公開できる「Google Mashup Editor」

  • B!
スポンサード リンク

Google Mashup Editorがあなたのアカウントで使えるようになりました。」というメールが数日前に届いたので、さくっと試してみました。

作成したサンプルはこちら。
http://fkoji-example.googlemashups.com/

Google Mashup Editorは名前の通り「エディタ」です。テキスト入力でアプリケーションのマッシュアップを作れる「エディタ」。

作成するマッシュアップは、「HTML/CSS/JavaScript」と「Google Mashup Editor独自のタグ(<gm:hoge />)」とで構成されています。

独自のタグは、たとえば地図のウィジェットを使いたければ「<gm:map ... > ... </gm:map>」というタグを記述し、カレンダーのウィジェットを使いたければ「<gm:calendar ... > ... </gm:calendar>」というタグを記述します。

地図とカレンダーとRSSフィードを表示させたい場合は、たとえば以下のように書けます。

<gm:page title="My App" authenticate="false">

  <div style="float:left;widht:40%;margin:12px;">
    <gm:map />
  </div>

  <div style="float:left;widht:40%;margin:12px;">
    <gm:calendar />
  </div>

  <gm:list data="http://feeds.feedburner.jp/blog-fkoji" template="feed" />

  <gm:template id="feed">
    <table>
      <tr repeat="true">
        <td><gm:link labelref="atom:title" ref="atom:link/@href" /></td>
      </tr>
    </table>
  </gm:template>

</gm:page>

Templateを使うところが、ちょっとXSLTっぽい。

これをコンパイルして実行(実際はエディタの「Test」ボタンを押すだけでよい)すると、プレビューを確認できます。「編集」→「コンパイル」→「確認」→「編集」→「コンパイル」→・・・という開発スタイルです。

そして、作成したマッシュアップはgooglemashups.comのサブドメインで公開できます。ということで、かなり申し訳ないサンプルですが、 http://fkoji-example.googlemashups.com/ にてサンプルを公開しています。(IEとFxでは見栄えがかなり違いますが・・・。)

サンプルの右上に「Sing in」とあることで分かるように、Googleアカウントを利用したアプリケーションを作ることも可能です。

ちなみにドメインの最後には s がついています。googlemashups.comです。 s がついていないドメインはまったくの別物です。

[2010-01-12] RSS フィードの URL が変わりました。お手数ですが RSS リーダーへの再登録をお願いします。
Subscribe with livedoor Reader Add to Google Subscribe with Fastladder My Yahoo!に追加 Bloglinesで閲読登録 はてなRSSに追加 エキサイトリーダーに登録


コメントを投稿

(承認されるまでコメントは表示されません。)

API / Google

English version

前のエントリー: « ゲゲゲの鬼太郎の「ぬりかべ」に家族がいた件について
次のエントリー: ソーシャルブックマークはロングテールを底上げする »

トラックバック

このエントリーのトラックバックURL:

この一覧は、次のエントリーを参照しています: googlemashups.comのサブドメインでマッシュアップを公開できる「Google Mashup Editor」:

» Jungle Java - Google もマッシュアップ・ツールを開発中 from Jungle Java
ベータテスト段階の「Google Mashup Editor」を少しだけ試してみました。 「Google Mashup Editor」は、名前のとおり、... [詳しくはこちら]

タイトル:

URL:

リンク用HTMLタグ:

Agile Media Network

AMN Partner Blog

広告掲載について

東京ナイロンガールズ
最近の注目記事
持っているガジェット
powered by Gadget Party
最近のつぶやき
えもにゅ

↑ 気持ち記録サービス「えもにゅ」です

このブログの読者になる

F.Ko-Jiの「一秒後は未来」 - RSSフィード

クマでもわかるこのブログの便利な更新チェック方法

DailyFeed

あわせて読みたいブログパーツ

フィードメーター - F.Ko-Jiの「一秒後は未来」

月別アーカイブ


<< March 2010
SuMoTuWeThFrSa
 123456
78910111213
14151617181920
21222324252627
28293031 
人気エントリー
TopHatenar
携帯からのアクセスは
QRコード
http://mob.fkoji.com/