これからの時代、情報がタイムラインのように流れてくると思うのですが、その時代にキーとなりそうなActivity StreamsとEmbedly
- Activity Streams
An activity stream is a list of recent activities performed by an individual, typically on a single website.The Activity Streams project, for example, is an effort to develop an activity stream protocol to syndicate activities across social Web applications.
Activity streamは個人の最近行われた活動のリストであり、Activity Streamsというプロジェクトは複数あるソーシャルウェブアプリケーションのアクティビティをまとめるためのActivity Streamプロトコルを開発することに寄与している
- Embedly
Embedly provides a powerful API to convert standard URLs into embedded videos, images, and rich article previews from 218 leading providers
Embedlyは218のリーディングサービスプロバイダーの通常のURLを埋め込みコンテンツとして変換する強力なAPI
で、このEmbedlyというAPIはoEmbedという埋め込みコンテンツ用のオープンフォーマットに基づいて実装されている。
そんなわけで実際に埋め込んでみよう。
以下の<html></html>をメモ帳にコピペして、適当なファイル名をつけて保存し、そのファイルをブラウザで開いてみよう。slideshareのコンテンツが埋め込まれているのがわかる。
ポイントは
<html>
<head>
<title>Embedlyのテスト</title>
<!-- 1 -->
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://scripts.embed.ly/jquery.embedly.min.js"></script>
<!-- 2 --> <script type="text/javascript">
$('document').ready(function(){
$('div.content').embedly({
maxWidth: 450,
wmode: 'transparent',
method: 'after'
});
});
</script>
</head>
<body>
<!-- 3 -->
<div class="content">
<article>
<h2>Activity Streamの紹介</h2>
<p>slideshareのActivity Streamの紹介資料 </p>
<a href="http://www.slideshare.net/factoryjoe/activity-streams-973210">slideshare</a>
</article>
</div>
</body>
</html>
参考サイト
http://d.hatena.ne.jp/yofukami/20091208/1260265569
- Activity Streams
An activity stream is a list of recent activities performed by an individual, typically on a single website.The Activity Streams project, for example, is an effort to develop an activity stream protocol to syndicate activities across social Web applications.
Activity streamは個人の最近行われた活動のリストであり、Activity Streamsというプロジェクトは複数あるソーシャルウェブアプリケーションのアクティビティをまとめるためのActivity Streamプロトコルを開発することに寄与している
Activity Streamは簡単に言ってしまえば最近の活動をATOMやJSON形式で出力するもの
- Embedly
Embedly provides a powerful API to convert standard URLs into embedded videos, images, and rich article previews from 218 leading providers
Embedlyは218のリーディングサービスプロバイダーの通常のURLを埋め込みコンテンツとして変換する強力なAPI
で、このEmbedlyというAPIはoEmbedという埋め込みコンテンツ用のオープンフォーマットに基づいて実装されている。
そんなわけで実際に埋め込んでみよう。
以下の<html></html>をメモ帳にコピペして、適当なファイル名をつけて保存し、そのファイルをブラウザで開いてみよう。slideshareのコンテンツが埋め込まれているのがわかる。
ポイントは
- <head>タグでjqueryとembedlyのJavaScriptファイルを読み込み
- ファイルの読み込みのタイミングでembedlyの設定を行い(div.content = <div class="content">に対して、幅450px(maxWidth:450px)でリンクの後ろに埋め込みコンテンツを入れる(method:'after')(wmode: 'transparent'はポップアップで表示するflash video用らしいけど、とりあえずそのまま)
- 埋め込みを適用させるコンテンツを<div>のクラスにcontentを指定
<html>
<head>
<title>Embedlyのテスト</title>
<!-- 1 -->
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://scripts.embed.ly/jquery.embedly.min.js"></script>
<!-- 2 --> <script type="text/javascript">
$('document').ready(function(){
$('div.content').embedly({
maxWidth: 450,
wmode: 'transparent',
method: 'after'
});
});
</script>
</head>
<body>
<!-- 3 -->
<div class="content">
<article>
<h2>Activity Streamの紹介</h2>
<p>slideshareのActivity Streamの紹介資料 </p>
<a href="http://www.slideshare.net/factoryjoe/activity-streams-973210">slideshare</a>
</article>
</div>
</body>
</html>
参考サイト
http://d.hatena.ne.jp/yofukami/20091208/1260265569
0 件のコメント:
コメントを投稿