Branberyheag Lab

IE6~8でCSS3を適用するライブラリ、CSS3PIEというのがあるようだ。
※どこかで見たと思うんだけど、完全に無視してたので、改めて調べてみた。

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

</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>

前から興味があったけど、全然が手をつけられていなかった「Salesforce」をいろいろと調べてみた。

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

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

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

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

「すきなばしょ」でtwitter上に表記されている画像を各サービスから取得するためにURLについて調べていた。
多くのサービスが、URLを簡単に作って画像のパスをひろえるようなので、メモ。
※引用元があるのだけど、危険サイトに指定されていたため、リンクの貼るのをやめました。

* Twitpic （ドキュメント）

o ページ: http://twitpic.com/<image-id>
o サムネイル画像: http://twitpic.com/show/<size>/<image-id> More

最近、MovableTypeで電子書籍形式（ePub）に変換できるプラグインがちらほら出てきているけど、WordPress3用のプラグイン「Anthologize」がある。

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

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

「Anthologize」
http://anthologize.org/about/

タイトルでは表現しにくかったが、管理画面のディレクトリとWordPressの公開する場所を変更することが簡単にできる。
今まで、知らなくて、同じディレクトリ上でしか設置できないと思い込んでいた。

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

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

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

Webクリエイターボックスさんで紹介されていたWordPressプラグインで多言語化できるプラグインが紹介されていた。多言語化って、結構ニーズがあると思う。

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

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

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

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

WPML
http://wpml.org/ja/

WordPress2.9で動いていたテンプレートに実装していたJavascriptがなぜか動かなくなった。どうしてだ？？と思ってエラーを調べても原因が分からなかった。とりあえず、スクリプトを全部作り直したかったので、丁度良い機会なのかもしれない。

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

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

なんだかんだで、1年近くActionScript3.0に触っていないけど、FlashDevelopの本「ActionScript3.0開発のためのFlashDevelop完全ガイド ~フルFlashサイト制作スタイル
」が出るそうです。これはうれしいわ。FlashDevelop愛好家としては、本が出るというだけでどれだけうれしいことか・・・。マジでうれしい。

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

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

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

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

ちょっと、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だけで画像のロールオーバーを実装する方法