どんなプロパティに対応するかというと・・・

</pre>
</div>
<div><span style="color: #333333; font-family: Helvetica, Verdana, sans-serif; line-height: 18px;">
<pre style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #eeeeee; display: block; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; background-position: initial initial; background-repeat: initial initial; border: 1px solid #cccccc;"><code>behavior: url(PIE.htc);</code></pre>
</span></div>

関連した記事

• CSS3を先行実装しているプロパティまとめ
• CSS3メモ１
• HTML5についていろいろと調べてみた
• twitterの画像のURLを取得する
• Webサイト・WebシステムをIPhone専用UIを実現する「JQTouch」

そもそもSalesforceってなんだろう・・・自分になりの解釈だとオンデマンドアプリケーションだと思った。SaaSとかクラウドだとかわかりづらい。気軽に自分の好きなアプリケーションを使えるものっていう風に考えるといいみたい。

デベロッパーアカウントを取得したので、これからちょっとずつ試していきたい。ただ、日本語のドキュメントがかなり少ないし、ググっても資料が出てこない。。。それでもなんとか開発はできそうな感じ。ただ、閉ざされた世界状態になっている。それでも、やる価値は、ありそうなので、研究することにした。

資料はウフルさんのブログに紹介されている、↓が参考になりそう。
http://deferloader.blog.uhuru.co.jp/?p=254

また、何か作ったら、ブログでご報告しまーす。関連した記事

• as3での印刷について
• JavaScriptを覚えるのに必要な３冊の本
• Flash CS5キター
• Flexでアニメーション
• CSS3メモ１

* Twitpic （ドキュメント）

o ページ: http://twitpic.com/<image-id>
o サムネイル画像: http://twitpic.com/show/<size>/<image-id>
+ <size>: “mini” or “thumb”
* 携帯百景
o ページ: http://movapic.com/<image-id>
o サムネイル画像: http://image.movapic.com/pic/<size>_<image-id>.jpeg
+ <size>: “s” or “t”
* はてなフォトライフ
o ページ: http://f.hatena.ne.jp/<user-id>/YYYYMMDD<image-id>
o サムネイル画像:http://img.f.hatena.ne.jp/images/fotolife/<user-idの1文字目>/<user-id>/YYYYMMDD/YYYYMMDD<image-id>_<size>.jpg
+ <size>: “120″ or “m”
* Mobypicture （API ドキュメント）
o ページ: http://moby.to/<image-id>
o サムネイル画像: http://mobypicture.com/?<image-id>:<size>
+ <size>: “thumbnail”, “small”, “square” or “medium”
* yFrog （ドキュメント）
o ページ: http://yfrog.com/<image-id>
o サムネイル画像: http://yfrog.com/<image-id>.th.jpg
* PhotoShare
o 短縮URL: http://bctiny.com/p<image-noのbase36>
o ページ: http://www.bcphotoshare.com/photos/<user-id?>/<image-no>
o サムネイル画像: http://images.bcphotoshare.com/storages/<image-no>/<size>.jpg
+ <size>: “thumbnail”, “large”, “thumb68″ or “thumb180″
* img.ly （ドキュメント）
o ページ: http://img.ly/<image-id>
o サムネイル画像: http://img.ly/show/<size>/<image-id>
+ <size>: “thumb” or “mini”
* Twitgoo （ドキュメント）
o ページ: http://twitgoo.com/<image-id>
o サムネイル画像: http://twitgoo.com/show/<size>/<image-id>
o サムネイル画像: http://twitgoo.com/<image-id>/<size>
+ <size>: “thumb”, “mini” or “img”
* pic.im （ドキュメント）
o ページ: http://pic.im/<image-id>
o サムネイル画像: http://pic.im/website/thumbnail/<image-id>
* YouTube （ドキュメント）
o 短縮URL: http://youtu.be/<video-id>
o ページ: http://www.youtube.com/watch?v=<video-id>
o ページ: http://www.youtube.com/watch#!v=<video-id>
o サムネイル画像: http://i.ytimg.com/vi/<video-id>/<size>.jpg
+ <size>: “default”, or “hqdefault”
* imgur
o ページ: http://imgur.com/<image-id>.jpg
o サムネイル画像: http://i.imgur.com/<image-id><size>.jpg
+ <size>: “s” or “l”
* TweetPhoto （ドキュメント）
o ページ: http://tweetphoto.com/<photo-no>
o サムネイル画像:  http://TweetPhotoAPI.com/api/TPAPI.svc/imagefromurl?size=<size>&url=<ページURL>
+ <size>: “thumbnail”, “medium” or “big”
* Ow.ly
o ページ: http://ow.ly/i/<image-id>
o サムネイル画像:  http://static.ow.ly/photos/thumb/<image-id>.jpg

短縮 URL の展開や API の利用が必要なもの

* flickr （ドキュメント）
o 短縮URL: http://flic.kr/p/<base58-photo-id>
* brightkite （ドキュメント）
o 短縮URL:  http://bkite.com/XXXX
o ページ: http://brightkite.com/objects/<image-id>
o サムネイル画像: http://cdn.brightkite.com/<image-idの先頭2文字>/<image-idの3-4文字目>/<image-id>-<size>.jpg
+ <size>: “feed” or “big”

PHPソースコード例
（flickr, brightkite の短縮 URL には未対応）

function getThumbnailHtml($status_text) {
 $html = '';
 $patterns = array(
 // twitpic
 array('/http:\/\/twitpic[.]com\/(\w+)/', '<img src="http://twitpic.com/show/thumb/$1" width="150" height="150" />'),

 // Mobypicture
 array('/http:\/\/moby[.]to\/(\w+)/', '<img src="http://mobypicture.com/?$1:small" />'),

 // yFrog
 array('/http:\/\/yfrog[.]com\/(\w+)/', '<img src="http://yfrog.com/$1.th.jpg" />'),

 // 携帯百景
 array('/http:\/\/movapic[.]com\/pic\/(\w+)/', '<img src="http://image.movapic.com/pic/s_$1.jpeg" />'),

 // はてなフォトライフ
 array('/http:\/\/f[.]hatena[.]ne[.]jp\/(([\w\-])[\w\-]+)\/((\d{8})\d+)/', '<img src="http://img.f.hatena.ne.jp/images/fotolife/$2/$1/$4/$3_120.jpg" />'),

 // PhotoShare
 array('/http:\/\/(?:www[.])?bcphotoshare[.]com\/photos\/\d+\/(\d+)/', '<img src="http://images.bcphotoshare.com/storages/$1/thumb180.jpg" width="180" height="180" />'),

 // PhotoShare の短縮 URL
 array('/http:\/\/bctiny[.]com\/p(\w+)/e', '\'<img src="http://images.bcphotoshare.com/storages/\' . base_convert("$1", 36, 10) . \'/thumb180.jpg" width="180" height="180" />\''),

 // img.ly
 array('/http:\/\/img[.]ly\/(\w+)/', '<img src="http://img.ly/show/thumb/$1" width="150" height="150" />'),

 // brightkite
 array('/http:\/\/brightkite[.]com\/objects\/((\w{2})(\w{2})\w+)/', '<img src="http://cdn.brightkite.com/$2/$3/$1-feed.jpg" />'),

 // Twitgoo
 array('/http:\/\/twitgoo[.]com\/(\w+)/', '<img src="http://twitgoo.com/$1/mini" />'),

 // pic.im
 array('/http:\/\/pic[.]im\/(\w+)/', '<img src="http://pic.im/website/thumbnail/$1" />'),

 // youtube
 array('/http:\/\/(?:www[.]youtube[.]com\/watch(?:\?|#!)v=|youtu[.]be\/)([\w\-]+)(?:[-_.!~*\'()a-zA-Z0-9;\/?:@&=+$,%#]*)/', '<img src="http://i.ytimg.com/vi/$1/hqdefault.jpg" width="240" height="180" />'),

 // imgur
 array('/http:\/\/imgur[.]com\/(\w+)[.]jpg/', '<img src="http://i.imgur.com/$1l.jpg" />'),

 // TweetPhoto
 array('/http:\/\/tweetphoto[.]com\/\d+/', '<img src="http://TweetPhotoAPI.com/api/TPAPI.svc/imagefromurl?size=medium&url=$0" />'),

 // Ow.ly
 array('/http:\/\/ow[.]ly\/i\/(\w+)/', '<img src="http://static.ow.ly/photos/thumb/$1.jpg" width="100" height="100" />'),
 );

 foreach ($patterns as $pattern) {
 if (preg_match($pattern[0], $status_text, $matches)) {
 $url = $matches[0];
 $html = preg_replace($pattern[0], $pattern[1], $url);
 $html = '<a href="' . $url . '" target="_blank">' . $html . '</a>';
 break;
 }
 }

 return $html;
}

関連した記事

• WordPress3.0機能メモ　 featured image アイキャッチ画像
• IE6でpngを対応させる（ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader）
• simple XMLで名前空間を取得する方法
• Flexのビジュアルデザインをskinで変更する
• 背景画像を使用しないCSSスプライト

ブログを簡単に電子書籍形式にできれば、じっくりと読みたいブログを本と同じ感覚で読めれば、面白いことができそう。
例えば、毎日少しずつ小説を書くためのブログを作ったり、４コマ漫画なんて簡単に配信できると思う。（４コマ漫画の場合は、ブログでも変わらないかもしれないけどね）

そんなことができると思う。ちょうど、電子書籍にしたいと思っていたコンテンツがあるので、試してみようかな。

「Anthologize」
http://anthologize.org/about/関連した記事

• WordPressプラグイン「WPML」で多言語化サイトを構築
• WordPress3.0機能メモ　 featured image アイキャッチ画像
• 次は、Google Maps APIとブログで
• Google Map API
• Twitter@Anywhereは、いい感じ

その方法は、以下のとおり。

1.WordPressの管理画面にある「設定」を変更する

2.htaccess を管理画面で変更したサイトのアドレスと同じディレクトリに移動する。（ある場合は移動する）

3.WordPressのindex.phpをサイトのアドレスと同じディレクトリに移動して、ソースコードの一部を書き換える。

デフォルトの状態

/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');
?>

変更後

/** Loads the WordPress Environment and Template */
require('./wordpress/wp-blog-header.php');
?>

これで完了。

これなら、本番環境にテスト環境を設置できて便利かもしれない。

参考にしたサイト
http://webizm-css.com/site-top.html関連した記事

• 使えるオンラインストレージ「Drop Box」
• Core Server のドメイン設定でハマった
• WordPress3.0の新機能
• [AS3.0][JS]クロスドメインに対応する
• WordPressのテーマをウィジットに対応させる

テーマ（テンプレート）のsidebar.phpに

<div id="sidebar">
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php endif; ?>
</ul>
</div>

をulタグの間に挟みこむ。

functions.phpにさらに下記のソースコードを記述する

<?php
if ( function_exists('register_sidebar') )
 register_sidebar();
?>

を追加すると管理画面上でサイドバーのウィジットを自由に入れ替えることができる。
早速、あとでやってみようっと。

参考にしたサイト
WordPress テーマを作成する（５）　サイドバーをウィジットに対応させる
http://www.syuhari.jp/blog/archives/209関連した記事

• IE6でpngを対応させる（ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader）
• FlashDevelop3.1.0RTMリリース
• 親ウィンドウから子ウィンドウへのデータ受け渡し方
• WordPress3.0機能メモ　 featured image アイキャッチ画像
• javascriptとユーザ環境について

それを簡単に多言語化できるなら、導入して試す価値はありそう。とりあえず、「すきなばしょ」に入れてみようかと検討中。。。

普通に仕事でも使えそうな気がする。例えば、温泉ガイドや旅行ガイド系サイトで、今までは翻訳作業の工数のせいで、敬遠していたのにWPMLを使うことによって同時配信が可能になるかも。

WordPressのプラグインは、ホントすごい。

Webクリエイターボックス
WordPressプラグイン「WPML」でブログを多言語化する

WPML
http://wpml.org/ja/関連した記事

• アクセスする地域によって日本語と英語を判断したら、面白いかも
• ブログを電子書籍形式（ePub）変換できるプラグイン
• ゲーム用JQuery「GameQuery」
• 携帯サイトを作ってみよう！
• jQueryでロールオーバー

さてさて、どうしたのかな。。。

原因として考えられるのは、JQueryは、headerCleanというプラグインを使っているんだけど、それのJQuery(つまりライブラリ)がうまく読み込まれてないいないのかもしれない。調べてみようかな。関連した記事

• [メモ]JQuery1.4の新機能のまとめその２
• コミュニティサイト「すきなばしょ」プレリリース
• safariでHTML上に画像サイズを取得する際の注意点
• jQueryで要素の見つける方法
• jQueryでロールオーバー

ActionScript3.0でプログラムを学ぶといろんな言語に応用できる。Javasctiptを学んでいてAS3.0でさらに勉強するとプログラムの理解がとても深まる。さらにPHPの理解も簡単だと思う。それくらい、良いプログラミング言語なので、FlashDevelopでAS3.0に遊ぶには最高のツールだと思う。

今回、FlashDevelopの本が出ると聞いて嬉しかった。
無料ツールだけど、それだけじゃない可能性のあるツールだ。

期待して発売するのを待ってみようかな。

「ActionScript3.0開発のためのFlashDevelop完全ガイド」という本を執筆しましたhttp://clockmaker.jp/blog/2010/07/flashdevelop-book/

関連した記事

• FlashDevelop3.1.0RTMリリース
• Frocessing
• パーティクル表現用　AS3ライブラリ「Stardust」
• WordPressプラグイン「WPML」で多言語化サイトを構築
• Jqueryでスライドショーを作るときのコツ-概要編-

<pre>jQuery(document).ready(function($) {
	var postfix = '_on';<!--more-->
	$('#gNavi a img').not('[src*="'+ postfix +'."]').each(function() {
		var img = $(this);
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('<img>').attr('src', src_on);
		img.hover(
			function() {
				img.attr('src', src_on);
			},
			function() {
				img.attr('src', src);
			}
		);
	});
});

たったこれだけのソースでロールオーバーが再現できるなら良いかなと思った。何気に便利だと思う。最大のポイントは、img要素にclassタグで指定しなくてもいいということ。これなら、余計なclassをつけなくてもいい。

んで、この作者さんは、プラグインも作っているようなので、こちらもリンク。

• input 要素にも使えるjQueryのロールオーバープラグイン
• jQueryだけで画像のロールオーバーを実装する方法

関連した記事

• ゲーム用JQuery「GameQuery」
• IE6でpngを対応させる（ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader）
• WordPress3.0にバージョンアップしたら、テンプレートJavascriptエラーになった
• Webサイト・WebシステムをIPhone専用UIを実現する「JQTouch」
• safariでHTML上に画像サイズを取得する際の注意点