Template Style

Web ページを作る際に、IE のバグ取りは重要な作業です。HTML5 でコーディングをするにあたっても、壁となるのはやはり IE です。

IE8 以下では、HTML5 の要素に CSS が適用されません。
IE8 以下で、CSS を適応させるための方法として、WordPress の Twenty Eleven テーマにも採用される html5.js というスクリプトがあります。

html5.js を head 内に記述

html5.js のようなスクリプトを使用する場合は、以下のように条件付きコメントを使って、IE9 以前の IE6, 7, 8 に適用させる方法があります。

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->

html5.js を使う場合は、CSS で以下を定義

HTML5 の要素を、display:block; させる。

<style type="text/css">
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
}
</style>

これで、他のモダンブラウザと同じよう !? に IE6, 7, 8 でも、HTML5 でコーディングすることができます。

ところで、html5.js は何をやっているの？

使い方はわかりましたが、html5.js 内は何をやっているのか気になります。認識していたほうが、やはり良いだろうということで、ちょっと調べてみました。

More… »

CORESERVER や XREA の SSH 接続は、デフォルトのログインシェルが rbash に設定されています。rbash は制限付きのシェルのため、ls や cd などのコマンドを使うと、次のようなエラーが発生します。

> cd
-rbash: cd: restricted
> ls
-rbash: /bin/ls: restricted: cannot specify `/' in command names

そこで、ログインシェルを rbash から bash に変更します。

> chsh
Changing login shell for [ユーザーID].
Password:

パスワードを入力して [Enter / Return] キーを押すと、、ログインシェルを聞かれるので、

Enter the new value, or press return for the default.
        Login Shell [/bin/rbash]:

/bin/bash と入力して [Enter / Return] キーを押すと、

Shell changed.

と表示されて、ログインシェルが変更されます。

WordPress の自動アップデートの途中で不具合が発生すると、サイト内のページアクセスしても正しく表示されず、次の表示になってしまう場合があります。

予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません。
少し間をおいて再度確認してください

More… »

WordPress をアップロードとインストールをしただけの状態で、投稿ページから画像などのメディアをアップロードしようとすると、次のエラーが出てしまいます。

/wp-content/uploads を作成できませんでした。この親ディレクトリのアクセス権はサーバーによる書き込みを許可していますか ?
More… »

WordPress に WP Social Bookmarking Light プラグインをインストールすると、各記事やページに Twitter や Facebook などソーシャルネットワークのボタンを簡単に表示できます。 More… »

CSS3 iPhone 3G に続き、今度は、CSS3 と HTML で iPad2 を作ってみました。

More… »

PHP 5.3 で PEAR の HTTP Request を利用すると次のエラーが発生してしまいます。

Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 412
Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 736
Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 749
Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 794

HTTP Request2 を利用すればいいんですが、Request.php そのものを修正してみます。

エラーの原因

Deprecated エラーが発生する原因は、オブジェクトを参照渡しにするため "=" の後ろに "&" を入れていますが、PHP 5 からオブジェクトはデフォルトで参照渡し (というよりオブジェクトID渡し?) になるので、 "&" が不要なためです。

412: $this->_url = &new Net_URL($url, $this->_useBrackets);
736: $this->_sock =& new Net_Socket();
749: $this->_response = &new HTTP_Response($this->_sock, $this->_listeners);
794: $this->_url = &new Net_URL($redirect);

Request.php の修正

エラーの各行の "=" の後ろの "&" 削除します。

412: $this->_url = new Net_URL($url, $this->_useBrackets);
736: $this->_sock = new Net_Socket();
749: $this->_response = new HTTP_Response($this->_sock, $this->_listeners);
794: $this->_url = new Net_URL($redirect);

WordPress では、テーマの編集メニューやプラグインの編集メニューで、CSS を編集することができますが、テーマやプラグインの変更やバージョンアップの度に編集するのはとても大変です。そこで、Custom User CSS プラグインをインストールすると、WordPress のダッシュボードから手軽に独自の CSS を追加することができます。
More… »

WordPress に Google Syntax Highlighter for WordPress プラグインをインストールすると、投稿に記載したプログラミングコードに行番号の追加や関数名のカラーリングなどを追加することができます。

More… »

jQuery のプラグインを一から作る時のテンプレートを書いておきます。
これから作るプラグインを testPlugin 、プラグインで使う設定 (オプション) を option1、option2 として、それぞれのデフォルトを default1、default2 としています。

$(function() {
	$.fn.testPlugin = function(settings) {
		settings = jQuery.extend({
			option1: default1,
			option2: default2
		}, settings);

		return this.each(function() {

		});
	};
});

実際の呼び出しは次のようになります。
option1 の値に value1、option2 の値に value2 を設定しています。

$(‘.Test’).testPlugin({option1: value1, option2: value2});