Branberyheag Lab

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

どうもピーンとこなかったWordPressの機能としてあるカスタムタクソノミー。

いろんな記事を読んで分かったような気がしたので、メモ。

記事に対して、独自の基準を入れることができる機能・・・だと思う。

カテゴリーとかタグでも良いのかもしれないけど、独自の基準を設けることにより、さらに分類のレイヤーが増えるのだと思う。多分。。。例えば、レートとかに使えるんじゃないかな。「おいしさ」とか「値段別」とか独自の基準（サイトの基準）で分けることができるということだと思う。

あとは、タグを使わずにすべて独自で作っちゃってもいいかも。

これって、CMSとして使うには必要な機能かもね。

でも、難しい。

http://wpxtreme.jp/how-to-use-cusom-taxonomy-with-wordpress-versions-lower-than-3

こんとこ、最近ずっと「すきなばしょ」がよく落ちている。

WordPressを使っているんだけど、データベース絡みでよく動かなくなっているらしい。DBの最適化をすれば復活するんだけど、気づかないとずっと落ちたまま・・・。

これってなんとかならないだろうか。
プラグインでDBを定期的に最適化してくれるのを入れているけどそれでも時々落ちる。根本的な原因はなんだろうか。これって、CoreServerだけ起きていることなのだろうか。よくわからない。

こんな記事を見つけた。

緊急事態発生！ブログが動かない！　WordPress &  CoreServerの場合 備忘録として [WordPress] [net]

これといっしょはいっしょだけど、微妙に違うような気がする。

さて、どうしようかな。。。

WordPress3.0で注目すべきはカスタム投稿だとかな。

小規模なサイトだったら、本当にこれがあればかなり機能的なサイト構築ができる。

概要として良さそうな記事を見つけたのでメモ。

http://www.h-fj.com/blog/archives/2010/06/15-172024.php

http://www.h-fj.com/blog/archives/2010/06/06-125752.php

あとで、ゆっくりとまとめていきたいけど、時間がない・・・

30 best practices to boost your web application performance – Web User Interface Architect

JavaScriptコーディング等を 書く上でのパフォーマンス確認事項３０。
自分へのインプット＆メモがてらにちょっとまとめてみます。

JavaScript

• DOMの操作は可能な限りやめる
• eval, new Function() は遅いので可能な限り使わない
• withステートメントを使わない（使った事ないですが）
• for-in 文ではなく for 文を使う。
• ループの中で try-catch ではなく、try-catchの中にループを置く
• グローバル変数をなるべく使わない
• aaa+=’AAA’;aaa+=’BBB’; の方が aaa=’AAA’+'BBB’;より速い
• 複数の文字列連結には、Array で文字列を定義しておいてjoinを使うとよいらしい
• Math.min(val1, val2) のような関数を使わずに、val1 < val2 ? val1 : val2; のように三項演算を使うとよい
  また、 array.push(‘new’); は array[array.length] = ‘new’; より遅い
• setTimeout(“kansu()”, 1000) は　setTimeout(kansu, 1000) より遅い
• for(var i=0; i < someArray.length; i++) {…} はfor (var i=0, loopLen=someArray.length; i<loopLen; i++) {…} より遅い
• jQuery(“ul > li”) のように使う。 jQuery(“ul li”) は広義すぎる
• jQueryの element.css({display:none}); の方が element.hide() より速い
• DOM操作が終わったらリファレンスの変数を解放する
• Ajax の GET は POST より速く動作する
• アニメーションの過度な利用は控える
• JSフレームワークの利用を制限する

サーバサイド

• 静的なコンテンツはHTTPヘッダでキャッシュさせよう（サーバサイドスクリプトの話）
• CSS, JS ファイルはgzipしよう。ただし、（CPU使用率とのバランスは重要です）
• JavaScript は　minify して転送量を下げる

CSS、HTML

• CSSは@import より<link> を使う
• CSSスプライトを使う
• CSSを最初におこう
• HTMLでのDOMの構造をシンプルにコーディングしよう
• background-repeatは避けるno-repeatにする
• テーブルを使わない。使う場合は table-layout:fixed で効率的なレンダリングが行われる

知っていることもおおかったかもしれませんが、しらないこともありました。
勿論実際に検証してみるこ とも必要だと思いますが、参考までに。

そのうち使ってみたいのがWebFontだ。

fontのライセンス次第だけど、サーバにアップロードして、CSSで指定すれば好みのフォントで表示できる。将来、画像で加工して見出しを作る行為自体がなくなるかもしれない。

指定の仕方は・・

More