ます、前提としてConcrete5(5.4.0.5)は多言語対応機能がないみたいです。ググった範囲ですが。 (本気で日英対応しようと思ったらXOOPSCubeホダ塾ディストリ、MODxがいんじゃないかな...(´・ω・｀))さておき、多言語対応ない状況下で日英サイトを作る場合は次のようなサイトマップ構成にするのが定石みたいです。確かな情報じゃなくてすみません、なんせ初心者なので。

├── en
│   ├── page1
│   ├── page2
│   └── page3
└── ja
    ├── page1
    ├── page2
    └── page3

次に、サイトタイトル日英対応とはどういうものか簡単に説明します。日本語ページ(/ja以下)では「○○研究室」、英語ページ(/en以下)では「xxx Laboratory」といったように、サイトのタイトルを切り替える仕組みです。<title>タグはもちろん、<h1>タグに現れるタイトルを切り替えます。

最後に、サイトタイトル日英対応の実装方法を説明します。直感からするとテーマのテンプレートをいじるだけでできそうですが、titleタグをレンダリングしているLoader::element('header_required')が簡単にオーバーライドできないようなので、ちょっとまどろっこしい対応になります。

/config/site.phpに英語の時だけSITE定数を定義する処理を実装します。SITE定数はtitleタグに表示されるサイトタイトルとなります。Concrete5の仕様として、SITE定数が定義することでサイトタイトルをオーバーライドできるみたいです。なので、日本語ページのときは、管理画面で設定したサイトタイトルをそのままつかうことになります。コードの例としては次のようになります。

function is_english()
{
	$requestUri = '/'.trim($_SERVER['REQUEST_URI'], '/').'/';
	return ( strpos($requestUri, '/en/') !== false );
}

if ( is_english() === true )
{
	define('SITE', 'English Site Title');
}

これで、サイトタイトルが現れる部分は一括して日英対応できるはずです。Concrete5のView、もうちょっと拡張性に融通がきくようになるといいなぁ〜

通常、パスワードを忘れた場合、メールでリマインドできるようです。が、あいにくローカル環境ということもあり、メール送信が動かない…。

もしや、データベースに生パスワードが保存されているのでは？と思いデータベースを見てみました。すると、UsersテーブルにuPasswordというカラムがあるじゃないですか。しめたと思って、中身を見てみたらばっちり暗号化されていました。さすがに、最近のCMSはパスワードを生で保存しておくなんてことはしないようです。

PHPをやっている人ならこの暗号化は、md5()だとわかったので、md5('admin')を実行して、それをuPasswordに保存してadmin@adminでログインを試みました。それでも、依然としてログインできません。パスワードが間違っているといいます。

この手の物は、たいていパスワードにprefixを付けている可能性があるので、ソースをおってみると、案の定PASSWORD_SALTが付け加えられたmd5()されてました。

謎がすべてとけたところで、再設定方法

1. /Applications/MAMP/htdocs/concrete5/config/site.phpを開く。

2. <?php 
   define('DB_SERVER', 'localhost');
   define('DB_USERNAME', 'root');
   define('DB_PASSWORD', 'root');
   define('DB_DATABASE', 'concrete5');
   define('BASE_URL', 'http://localhost');
   define('DIR_REL', '/concrete5');
   define('PASSWORD_SALT', 'BtL4OCqEYan5yZrDVHUhKcFbNzmp3Q1A7uToifeWMwSv8Xsx0jkG2l6J9RPIg');
   ?>
   

   この中のPASSWORD_SALTの値をコピー。この例だと、BtL...Plgの部分です。
3. /Applications/MAMP/htdocs/pass.phpを作成。

4. <?php
   
   $salt = 'BtL4OCqEYan5yZrDVHUhKcFbNzmp3Q1A7uToifeWMwSv8Xsx0jkG2l6J9RPIg';
   $password = 'admin';
   echo md5($password . ':' . $salt);
   
   ?>
   

   pass.phpの中身を上のように書く。$salt = '';の部分はsite.phpでコピーした値を書く。ここでは、「admin」をパスワードとして設定します。adminが嫌なら他のものに変えてOK。
5. ブラウザでpass.phpにアクセスする。
6. 表示された32文字「65f7ed3aff95ce2394d6458c442eb3b0」などをコピーする。
7. phpMyAdminで、Concrete5のデータベースを開く。
8. SQLで下のクエリーを実行する。65f...3b0の部分は先程ブラウザでコピーしたものに変えてください。

   UPDATE  `Users` SET  `uPassword` =  '65f7ed3aff95ce2394d6458c442eb3b0' WHERE  `uID` =1;

9. Concrete5に戻ってログインしてみる。
10. pass.phpを削除する。

パスなどは適宜読みかえてください。

]]>
jQueryは要素セレクターやクロスブラウザ対応が優れたjavascriptのライブラリで、prototype.jsと並んで広く使われています。そのjQueryでは、独自に自前の関数をプラグインという形で作ることが
2010-02-03T23:29:00Z 2010-02-03T23:17:00Z http://suin.asia/2010/02/04/the_simplest_plugin_for_jquery jQueryは要素セレクターやクロスブラウザ対応が優れたjavascriptのライブラリで、prototype.jsと並んで広く使われています。そのjQueryでは、独自に自前の関数をプラグインという形で作ることができます。jQueryプラグインの作り方は検索すれば山ほど出てきますが、その第一歩となるプラグインの基本的な書き方が見つからなかったので記事にしておこうと思います。

次のプラグインは、単に文字色を赤くするだけのものです。mypluginがプラグイン名です。$(this).css('color', 'red');の部分以外がプラグインの骨組みとなり、この部分だけ差し替えれば、全く別のプラグインを作ることができます。

(function($){
	$.fn.myplugin = function() {
		return this.each(function() {
			$(this).css('color', 'red');
		});
	};
})(jQuery);

このプラグインの動作デモ

]]>
モジュールを作っていると、管理画面に一般設定しかないというケースがあります。この場合、管理画面のトップ(/admin/index.php)は空白のページになってしまい、なんとも不格好です。見た目
2010-01-27T15:59:34Z 2010-01-27T15:54:23Z http://suin.asia/2010/01/28/xoops_redirect_to_preference モジュールを作っていると、管理画面に一般設定しかないというケースがあります。この場合、管理画面のトップ(/admin/index.php)は空白のページになってしまい、なんとも不格好です。見た目もそうですが、操作性をあげるためにも、管理画面のトップが空白の場合は一般設定に転送してあげましょう。

そして下がそのコード。

require "../../../mainfile.php";

$mid = $xoopsModule->mid();

if ( defined('XOOPS_CUBE_LEGACY') )
{
	$url = sprintf('%s/modules/legacy/admin/index.php?action=PreferenceEdit&confmod_id=%u', XOOPS_URL, $mid);
}
else
{
	$url = sprintf('%s/modules/system/admin.php?fct=preferences&op=showmod&mod=%u', XOOPS_URL, $mid);
}

header('Location: '.$url);

]]>
XOOPSCubeのpreloadでカスタムブロックを作ることができます。
2010-01-25T09:10:35Z 2010-01-25T08:30:10Z http://suin.asia/2010/01/25/preload_block カスタムブロックは、通常legacyモジュールやaltsysで作ることができます。ここでは、プリロードでカスタムブロックを作ることを紹介します。

その前に、ここで紹介するTipsは、管理画面でカスタムブロックを作るより、はるかに回りくどくPHPの知識が必要な点を注意しておきます。なので、特殊な機能や要件を必要としない限り、カスタムブロックは管理画面で作るべきです。

まず、XOOPS Cubeのプリロードでカスタムブロックを作るメリットはいくつかあります。

• ファイルとして配布できる
• ファイルなので、不要になれば削除するだけ
• PHPなどの複雑なロジックが書きやすい（通常のカスタムブロックでもPHPは使えます）

特にこの中でも、ファイルとして扱えるメリットは大きいです。たとえば、開発環境で一定の変数を出力したりとデバッグ用途にブロックをプリロードで実装します。あとは、公開するときにプリロードを削除するだけで、データベースを汚したりすることは一切ありません。管理画面で操作するブロックだと、ついつい消し忘れ・消し損ないなんてこともありますが、プリロードだとファイルを確実に削除すれば、消し損なうこともありません。

ダウンロード

次に、プリロードのソースを紹介します。16行目の$indexが、ブロックを表示する位置になります。l, r, cl, cc, crの順に、左・右・中央左・中央中・中央右を意味します。

18行目から22行目はブロックの表示に関する設定です。nameはブロック名で、アルファベット英数ですきな名前を指定します。titleはブロックの題目で、ブロックの上部に表示されます。contentはブロックの内容で、HTMLなどで書くことができます。weightはブロックの並び順で、数値が小さいほど上に、数値が多きほど下にブロックが表示されます。

<?php
/**
 * A simple description for this script
 *
 * PHP Version 5.2.4 or Upper version
 *
 * @package    PreloadBlock
 * @author     Hidehito NOZAWA aka Suin <http://suin.asia/>
 * @copyright  2009 Hidehito NOZAWA
 * @license    http://www.gnu.org/licenses/gpl-2.0.html GNU GPL v2.0
 *
 */

class PreloadBlock extends XCube_ActionFilter
{
	protected $index = 'l';
	protected $block = array(
		'id'      => -1,
		'name'    => 'preload_block',
		'title'   => 'プリロードブロック',
		'content' => '<i>ブロックの内容</i>',
		'weight'  => -1, // 並び順
	);
	protected $indexes = array(
		'l' => 0,
		'r' => 1,
		'cl' => 3,
		'cr' => 4,
		'cc' => 5
	);
	protected $blocks = array(
		'l' => 'xoops_lblocks',
		'r' => 'xoops_rblocks',
		'cl' => 'xoops_clblocks',
		'cr' => 'xoops_crblocks',
		'cc' => 'xoops_ccblocks'
	);

	public function postFilter()
	{
		if ( $this->mController->_mStrategy->mStatusFlag != LEGACY_CONTROLLER_STATE_PUBLIC )
		{
			return;
		}

		$this->mRoot->mDelegateManager->add('Legacy_RenderSystem.BeginRender', array(&$this, 'beginRender'));
		$this->mRoot->mContext->mAttributes['legacy_BlockShowFlags'][$this->indexes[$this->index]]  = true;
		$this->mRoot->mContext->mAttributes['legacy_BlockContents'][$this->indexes[$this->index]][] = $this->block;
	}

	protected function beginRender(&$tpl)
	{
		if ( !empty($tpl->_tpl_vars['isFileTheme']) )
		{
			uasort($tpl->_tpl_vars[$this->blocks[$this->index]], array(&$this, 'reOrder'));
		}
	}

	protected function reOrder($a, $b)
	{
		if ($a['weight'] == $b['weight'])
		{
			return 0;
		}
		return $a['weight'] > $b['weight'] ? 1 : -1;
	}
}

?>

なお、このプリロードはしゃのさんのnowプリロードを参考にさせていただきました。

]]>
acユーザの弱点は、まわりがWindowsユーザという点だと思う。 急にWindows環境が必要になることは しばしばある。 そんなときは、VMwareをインストールしておくと便利だ。
2009-11-29T06:51:13Z 2009-11-29T06:44:09Z http://suin.asia/2009/11/29/macbook_vmware_windows_xp Windows 7発売で、Windows XPのCDが眠っている状況が出て来ると思う。 まだまだWindows XPは現役。眠らせておくのは勿体ない。 Macを持っている場合は、MacにWindows XP環境を完備しておくのもいいだろう。 Mac OS XでWindwos XPなどのOSを実行できるアプリにVMware Fusionというものがあるので、ここでは私がMacBook Airで使ってみた感想を書きたいと思う。



VMwareでWindows XPを使うのはどういう感じかというと、まるでWindows XPがMacのアプリの1つのように動かすというイメージだ。 したがって、次のような利点がある。

• MacとWindows XPを同時進行で使用できる。
• コピー&ペーストができる。
• ファイルの共有が簡単にできる。
• MacでダウンロードしたファイルがWindowsでしか開けない場合もすぐに開くことができる。

スペック的に大丈夫か?

気になるのはMacBook AirでVMwareが実用に堪えるかだ。 MacBook Airのスペックは次のとおりであるが、 同時に2つのOSを動かすには若干不安がのこる。

• プロセッサ : 1.6 GHz Intel Core 2 Duo
• メモリ : 2 GB 1067 MHz DDR3
• ハードディスク : 1.8 inch 80 GB

実際にVMwareにWindows XPを入れてみた感想

MacBook Air + VMware Fusionを使い始めて半年くらいになる。 結論から言うと、VMware Fusion + Windows XPは実用範囲内である。 Office Word 2003を起動して文章を作成したり、 Internet Explorerでネットサーフィンする程度はまったく問題なかった。

しかし、次のような問題点は、一工夫必要だ。

• VMwareでWindows XPを再開するまでに20秒くらいかかる。(普通にWindowsを起動するよりはいいか)
• Mac側で起動中のソフトが多いと、Windows XPも重くなる。

Windows XPを再開するまでの時間を短縮するのは、あまり効果的な方法がないと思う。 Windowsをサスペンドするときに、不要なソフトは終了しておくなどすると、若干早くなる。

Mac側で起動中のソフトはできるだけ少なくすると、VMwareも軽く動作する。 私の場合、VMwareで長時間作業する場合は、一旦Macを再起動するようにしている。 起動直後にVMwareを実行すると、すいすいと動く。

余談だが、MacBook AirにはDVDドライブがないので、Windowsをインストールする際には外付けのDVDドライブが必要になる。

Macユーザの弱点は、まわりがWindowsユーザという点だと思う。 急にWindows環境が必要になることは しばしばある。 そんなときは、VMwareをインストールしておくと便利だ。

]]>
ipod touchとCMR-250を併用することで、あなたのtouchがiPhoneのようになります。
2009-10-21T12:30:05Z 2009-10-18T10:20:41Z http://suin.asia/2009/10/18/ipod_touch_with_cmr_250 iPod touchとiPhoneの大きな違いのひとつに、touchはWiFi(無線LAN)がないとネットが使えないという点がある。touch向けにもオンラインで使えるアプリが多く公開されている。なのに、外出先で使えないなど、場所が限られるというのは実にもったいない。このエントリーでは、モバイル無線ルータを使って、外出先でもネットを使えるようにする方法を紹介する。

モバイル無線ルータは、バッテリーを積んだ無線ルータだ。外出先などでスイッチをONにすれば、瞬く間にあなたがアクセスポイントになる。モバイル無線ルータにはPHS300やCMR-250などがある。これらは、イーモバイルのデータカードと組み合わせて使う。なので、イーモバイルが使えるところであれば、どこでもインターネットが使えることになる。私はCMR-250を買ったので、少し紹介したい。

買うときにPHS300とCMR-2500のどちらにするか迷った。このうちCMR-250を選んだ理由は、主に次の通りバッテリー面だ。

• PHS300よりバッテリーのもちがいい
• PHS300はUSB充電できないが、CMR-250はUSB充電可能
• CMR-250は予備のバッテリー(NP-120)が手に入る

PHS300は試したことがないが、CMR-250のバッテリーのもちに関しては、実用レベルだと言える。通信を行わないアイドリング状態では、3時間以上起動した。(計測を途中で断念したので、もっと起動するかも)常に通信を行う状態でも、2時間ぐらいは使えるという印象だ。

CMR-250のパッケージは下のようである。



気になるCMR-250の大きさだが、iPod touchと比べると分かりやすい。幅は、touchより長めだが、縦はtouchと同じくらいだ。鞄にいれても荷物にならない程度だ。



USBポートは側面にある。なので、直接データカードを差し込むと、それが出っ張る。これが嫌な人は、角度を変えられるUSBコネクター(AD-3DUSBW9など)を使うといい。



こんな感じで、iPod touchがiPhoneのように、どこでもインターネットが使えるようになる。これで、外出先でtwitterしたり、メールを確認したり、touchのGPS機能をつかって現在地を調べたり、ネットラジオを聞いたり、可能性は無限大に広がると思う。

]]>
iPhoneのsafariはcookieが勝手に消える。IDやパスワードの記憶機能もない。その代替策として、ローカルストレージを使用する。
2009-09-13T07:46:40Z 2009-09-13T07:43:04Z http://suin.asia/2009/09/13/iphone_local_strage_for_email_password_remainder iPhoneはcookieがしばしば勝手に消えるようだ。そのせいで、セッションが切れる。すると、GmailやDropboxなどのウェブアプリはログアウトしていまい、IDとパスワードを入力し直す手間が出るので、たちまち不便になる。

セッションが落ちるのは仕方がないとする。それでも、IDやパスワードの記憶ぐらいはしておきたい。iPhoneのキーボードでメールアドレスとパスワードを入力するのは、えらく苦痛だからだ。iPhone向けウェブアプリの開発者としては、できるだけユーザの不便を解消してやりたいはずだ。

iPhoneのsafariにはパスワードの記憶機能がない。その代替策として、パスワードなどをcookieに保存する方法が考えるかもしれない。mixiなどもこの方法だ。しかし、上で述べたが、iPhoneのcookieはよく無くなる。そこで、さらにcookieの代替策として、safariのローカルストレージを使う手がある。

ローカルストレージとは？

iPhoneのsafariにはjavascriptで使えるSQLiteが用意されている。ローカルストレージはcookieと違い、有効期限がない。つまり、勝手に消えることは永久的にない。ただし、次のような制約がある。

• データベースはドメインごと。したがって、他のドメインのデータベースを参照することはできない。(逆にできたら、セキュリティ的に怖い)
• データベースの容量は5MBまで。

ローカルストレージの詳細は、分かりやすくまとめている「Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記:」をご覧いただきたい。

では、具体的にローカルストレージを使った、ID・パスワードの記憶機能の実装を紹介する。コード量は多いが、やっていることは大して複雑ではない。

まずは、HTMLは次のように書く。

<form name="login" action="login.php" method="post" onsubmit="return emai_pass_remaind()">
<input type="text" name="email" value="" placeholder="メールアドレス" autocorrect="off" autocapitalize="off" /><br />
<input type="password" name="pass" value="" placeholder="パスワード" autocorrect="off" autocapitalize="off" /><br />
<input type="checkbox" name="save_pass" value="1" />メアドとパスワードを記憶<br />
<input type="submit" value="送信" />
</form>

つぎに、javascriptは次のように書く。

// ロード時に、データベースからメアドとパスワードを取得、フォームにセットする関数
window.onload = function() {
  var db = openDatabase('mydatabase', '1.0');

  db.transaction(
    function(tx)
    {
      tx.executeSql("SELECT email, pass FROM login WHERE id = 1", [],
        function(tx, rs)
        {
          // ロードに成功したら、フォームに値をセット
          document.login.email.value = rs.rows.item(0).email; // htmlspecialchars?
          document.login.pass.value  = rs.rows.item(0).pass;
          document.login.save_pass.checked = true;
        }
      );
    }
  );
}

// フォーム送信時に、メアドとパスワードをデータベースに保存・削除する関数
function emai_pass_remaind()
{
  // フォームから値を取得
  var email = document.login.email.value;
  var pass  = document.login.pass.value;

  /* ここらへんにvalidationの処理を入れたり... */

  var db = openDatabase('mydatabase', '1.0');

  if ( document.login.save_pass.checked == true )
  {
    db.transaction(
      function(tx) {
        // テーブルがあるかな?
        tx.executeSql("SELECT count(*) FROM login", [],
          function(tx, rs) {
            // テーブルあるよ
            if ( rs.rows.item(0) == 0 )
            {
              // テーブル初利用の場合は、追加
              tx.executeSql('INSERT INTO login VALUES(1, ?, ?)', [email, pass], // escape?
                function() {},
                function(error) {
                  alert('save failed: ' + error.message);
                }
              );
            }
            else
            {
              // テーブル初利用じゃない場合は、更新
              tx.executeSql('UPDATE login SET email = ?, pass = ? WHERE id = 1', [email, pass], // escape?
                function() {},
                function(error) {
                  alert('update failed: ' + error.message);
                }
              );
            }
          },
          function(tx, error) {
            // テーブルないよ、テーブルつくろ
            tx.executeSql('CREATE TABLE login (id INTEGER PRIMARY KEY, email TEXT, pass TEXT)', [],
              function() {
              // テーブル初利用だから、追加
                tx.executeSql('INSERT INTO login VALUES(1, ?, ?)', [email, pass], // escape?
                  function() {},
                  function(error) {
                    alert('save failed: ' + error.message);
                  }
                );
              },
              function(error) {
                alert('Database creation failed.' + error.message);
              }
            );
          }
        );
      }
    );
  }
  else
  {
    // チェックボックスにチェックがないときは、テーブル削除
    db.transaction(
      function(tx) {
        tx.executeSql('DROP TABLE login', [],
          function() {},
          function(error) {
            alert('delete failed: ' + error.message);
          }
        );
      }
    );
  }
}

これで、あなたのウェブアプリも、かなり便利になると思う。

]]>
もし、キーと値の関係にあるデータなら、array_combine()を使うと、手軽に連想配列にすることができる。覚えておくといいかもしれない。
2009-09-10T04:40:15Z 2009-09-10T04:34:47Z http://suin.asia/2009/09/10/preg_match_all_with_array_combine preg_match_all()でマッチしたものは配列で返される。なので、その配列を整理するのにforeach()をつかったりしてひと仕事することも多い。しかし、もし、キーと値の関係にあるデータなら、array_combine()を使うと、手軽に連想配列にすることができる。覚えておくといいかもしれない。

$html = '

Apple
りんご
Orange
みかん
Strawberry
いちご

';

preg_match_all('/
(.+)<\/dt>
(.+)<\/dd>/U', $html, $matches);

var_dump($matches);

/*
array(3) {
  [0]=>
  array(3) {
    [0]=>
    string(32) "
Apple
りんご
"
    [1]=>
    string(33) "
Orange
みかん
"
    [2]=>
    string(37) "
Strawberry
いちご
"
  }
  [1]=>
  array(3) {
    [0]=>
    string(5) "Apple"
    [1]=>
    string(6) "Orange"
    [2]=>
    string(10) "Strawberry"
  }
  [2]=>
  array(3) {
    [0]=>
    string(9) "りんご"
    [1]=>
    string(9) "みかん"
    [2]=>
    string(9) "いちご"
  }
}
*/

$keys   = $matches[1];
$values = $matches[2];

$words = array_combine($keys, $values); // ここがみそ

var_dump($words);
/*
array(3) {
  ["Apple"]=>
  string(9) "りんご"
  ["Orange"]=>
  string(9) "みかん"
  ["Strawberry"]=>
  string(9) "いちご"
}
*/

]]>