世界中の１％の人々へ

ブレイクする可能性を秘めているMODx

MODxは、アメリカでは第3位のシェアがあるクールなCMSで急速にユーザーも増えているのだが、日本ではあまりユーザーがいない。
ひとつの原因としては、インストール画面が英語であったり、日本語化をどうやっておこなえばいいかの記述が検索できないのが問題のような気がする。
今日のコラムは、MODxを使ってみたい人や、MODxって何？という人のために贈る。

◆MODxのダウンロード

MODxのダウンロードサイトより、MODx 0.9.6.1p2をダウンロードする。

MODx Content Management System | Downloads
http://modxcms.com/downloads.html

◆事前準備

1. MODｘ用のDBを作成

phpMyAdminで、MySQLに独立したDBを作る。

これは、すごく言いたいことなんだけど、DBが1個しか使えないからといって、運用中のMovable TypeとかWord PressのDBと同じDBを使うのはやめたほうがいい。なぜなら、MODxで作業中におかしくなったとき、どのテーブルでMODxを使っているかがわからないと初期化ができないからだ。
DBが１つしか使えないなら他のサーバーを借りるべき。そんなことやってるから、失敗を恐れて、思い切ったことができないし、いつまでたっても、スキルが上がらない。
年間2,500円払えばDBが5個まで作れるXREA+が、6,000円払えば、DBを制限なく作れるCORESERVERが借りられる。忘れていたけど、できれば、最初はローカルに作ること。Windowsの場合はXAMPP、Macの場合はMAMPで簡単にローカルサーバーを立ち上げられる。
XAMMP for Windowsの設定方法は以前書いたので参考にしてほしい。

今日のMovable Type 4：XAMPP for WindowsでMT4を動かす Vol.1
http://www.dakiny.com/archives/movable-type/movable_type_4xampp_for_windowsmt4__vol1/

2. サーバーにMODx用のデレクトリを作成

サーバーにMODx用のデレクトリを作成する。

◆インストール

1.  サーバーにアップロード

modx-0961p2の中身を、先ほど作ったデレクトリにアップロードする。

2. インストール

MODxをインストールしたURLにアクセスすると、上記の表示が出るので、[install now]をクリックする。

[Japanese]という選択肢はない。[english]のまま、[Next]をクリック。

そのまま[Begin]をクリック。

使用承諾が表示されるので、[I agree to the terms set out in this license.]にチェックを入れて[Next]をクリック。

[Next]をクリック。

[Connection Information]にはDBの設定を入力する。

1番上

• Database name:データベースの名前を入力
• Table prefix:わからない人は設定する必要はない
• Collation:わからない人は設定する必要はない

2段目

• Database host:ホスト名を入力
• Database login name:データベースのログイン名を入力
• Database password:データベースのパスワードを入力

設定が完了したら[Test connection]をクリック。設定が正しければ、[Connection to host: passed... Checking database: passed]と表示される。

[Default Admin User]にはAdmin情報を入力する。
迷うことはないと思うが、念のため。

• Administrator username:
• Administrator email:利用するメールアドレスを入力
• Administrator password:パスワードを入力
• Confirm password:パスワードをもう1度入力

設定が終わったら[Next]をクリック。

初めての人は、[Sample Web Site]の[Install/Overwrite Sample Web Site]にチェックを入れたほうがいい。
[Checkbox select options:]はわからない人は特に設定する必要はなし。全てチェックが入っていることを確認して[Install]をクリック。

全てに緑色の文字で[OK!]と表示があれば、[Install]をクリック。

これにてインストール完了！[Close]をクリックする。

しばらくすると、ログイン画面が表示されるので、先ほど入力したユーザー名と、パスワードを入力して[Login]をクリックすれば、管理画面が表示される。

◆日本語化の設定

ログイン画面が表示されるが、全て英語表記になっている。日本語化をおこなうには、タブメニューから[Site]をクリックすると、サイトのプロパティメニューが現れるので以下の設定をおこなう。

1. [Language:]をスクロールメニューから[Japanese-utf8]を選択。
2. [Manager HTML and XML Language Attribute:]に[en]と書いてあるので、[ja]に変更。

設定が終わったら、[Save]をクリック。

一つまたはそれ以上の設定に問題があります:

設定警告: '設定ファイルがまだ書き込み可能になっています'

どういう意味ですか?
悪意ある人たちはあなたのサイトや関連するあらゆるものを壊すことができてしまいます。本当です！ 設定ファイル (/manager/includes/config.inc.php) を書込み不可にしてください！

と表示されるのでパーミッションを604に設定する。
ローカルサーバーの場合は、プロパティで読み込み専用ファイルにする。

更新をすれば上記画面になり、日本語でMODxが利用できるようになる。
以上で設定は完了だ。

くどいようだが、MODｘはメジャーになる可能性を秘めている。

なぜか？日本でメジャーになるCMSは、必ず３つのポイントを押さえている。

1. インストールが簡単
2. 設定が簡単
3. デザイン親和性が高い

特に、Dremaweverのユーザーには馴染みやすい、MODxの管理画面は、日本のWeb業界でブレイクする要素を秘めている。僕はMovable Typeの次に来るCMSは今のところMODxしかないと信じている。後は日本語化チームが頑張るしかないと思う。
MODxにはTinyMCEが標準で搭載されてはいるが、僕もFCKeditorの日本語ローカライズで協力したい。

MODｘを始めるための参考書籍・参考サイト

MODxでつくる!最強のCMSサイト

• MODxフォーラムJapanese Community著
• ソーテック社 (2007/5/10)
• ￥2,940（税込）

MODx日本語ローカライズチームによって書かれた公式本。インストールから、使い方、カスタマイズ方法、MODxによって作られた構築例が掲載されている。

MODxユーザーフォーラム内・日本語コミュニティ
http://modxcms.com/forums/index.php#10
日本語フォーラムのモデレータが管理しているまとめサイト
wiki.modx.jp/index.php/top
MODx - Wikipedia
http://ja.wikipedia.org/wiki/MODx

Drupal 2.5 日本語版には、WYSIWYG Editorが組まれていない。FCKeditorに続いて、今日は、TinyMCEの最新版であるTinyMCE 3.0.7を組み込んでみた。
インストールはさほどでもなかったが、細かい設定が必要なので、Drupal 6.2日本語版で、TinyMCEを使えるようにするまでは結構手間取る。

◆TinyMCE 3.07のインストール　その１

TinyMCEは、「Japanese Language pack」を組み込まないと日本語表記がされない。構造がわからない人は、「Japanese Language pack」の組込に苦労すると思ったから、「Drupal 2.5 ja TinyMCE Module Easy Installation Kit」を作った。
下記から「Drupal TinyMCE Module 1.zip」ダウンロードし、解凍したファイルをmodules/のあるデレクトリに上書きアップロードすればインストールは終了。

SourceForge.JP: TinyMCE Japan Project File List
http://sourceforge.jp/projects/tinymce-ja/files/

◆TinyMCE 3.07のインストール　その2

こちらは、きちんとインストールしてみたい方向きの解説。

1. drupal TinyMCE Moduleをダウンロードする。

TinyMCE WYSIWYG Editor | drupal.orgから、「6.x-1.1-dev」をダウンロードする。

TinyMCE WYSIWYG Editor | drupal.org
http://drupal.org/project/tinymce

2. 解凍してフォルダーごと、サーバーの/modules/にアップロードする。

ダウンロードしたファイル「tinymce-6.x-1.1-dev.tar.gz」を解凍してできた、「tinymce」フォルダーを、サーバーの/modules/にフォルダーごと、アップロードする。位置関係は下記。

/modules/tinymce/

3. TinyMCE本体（tinymce_3_0_7.zip）をダウンロードする。

(1)をクリックして、TinyMCE 3.0.7をダウンロードする。

Download TinyMCE 3.0.7 stable
http://tinymce.moxiecode.com/download.php

その後、(2)をクリックすると、「Japanese Language pack」のダウンロード先が開く。

4. 解凍してフォルダーごと、サーバーの/modules/tinymce/に上書きアップロードする。

5. TinyMCE Japanese Language packをダウンロード。

Japanese Language pack
http://services.moxiecode.com/i18n/

6. TinyMCE Japanese Language packを解凍してアップロード。

ダウンロードファイルを解凍してできた３つのフォルダを下記に上書きアップロード
/modules/tinymce/tinymce/jscripts/tiny_mce/

以上で、TinyMCEのインストールは完了

◆TinyMCEモジュールを有効にする

[管理セクション] > [モジュール]をクリックして、TinyMCEを有効にする。

◆TinyMCEモジュールに必要なアクセス権限の設定

 [管理セクション] > [サイトの環境設定] > [権限]をクリックして、TinyMCモジュールに必要なアクセス件をせぅっていする。

◆TinyMCEの基本設定

[管理セクション] > [サイトの環境設定]   >  [TinyMCE]  を開き、すでにプロフィールがある場合は[編集]を、ない場合は、[Create new profile]をクリック。開いた画面から以下の3箇所を設定する。

1. Basic setupの設定

• [Profile name：]はお好みでどうぞ。わからない人は[Default]とかにしておく。
• [Roles allowed to use this profile：]の[認証済みユーザ]にチェックをいれる。
• [言語]は[JA]を選択。以上で必須項目の設定は完了。

2. Buttons and pluginsの設定

機能ボタンとプラグインの追加は、好みで設定してほしい。よくわからない人は一度全てにチェックを入れて、ひととおり機能を試した後に、不要な機能を外していくといいと思う。

3. Editor appearanceの設定

• [Toolbar location：]はToolbarの位置で[bottom]か[top]かを選ぶ。個人的主観だが、初期状態の[bottom]は使いづらい。
• [Toolbar alignment：]はボタンの並び、[center]、[left]、[right]を選ぶ。

以上で機能設定は完了。細かいところは各自好みで調節してほしい。

◆コンテンツの作成の設定

コンテンツ作成前に以下の2箇所を確認してほしい。

１．入力書式の設定

Full HTMLを選択してないと入力結果は出力に反映されない。

2．イメージの設定（Img Pakageモジュールを入れている場合）

Img Palageモジュールを入れている人は、[表示モード]を[imagexx]にしておかないと、編集画面に画像が表示されない。
※FCKeditorを入れている場合は、無効にしておいても問題ない。

以上でコンテンツ作成前の設定は完了。

◆コンテンツの作成をしてみよう

１．コンテンツの編集

TinyMCEの使い方はWordによく似ており、操作は簡単なので、とくに説明はいらないだろう。あれこれいじっているうちに覚えられる。好きなように編集してみればいいと思う。

◇出力ソース

<p><img width="400" height="300" alt="マイ子" mce_src="/drupal/sites/default/files/maiko_drupal_0.gif" src="http://localhost/drupal/sites/default/files/maiko_drupal_0.gif" style="float: left; margin-left: 10px; margin-right: 10px;" /></p> <h3><b><font color="#ff0000" style="">Drupalて何？何ができるんだろう？</font></b></h3> <p>Drupalという意外と名前だけは多くの人が知っいて、アメリカでは結構Webに利用されているCMSのようだが、日本では情報が少 なくて、じつのところよくわからない。</p> <p>この実験サイトでは、ひとまず、Drupalで何ができるのかをいじりたおしてみたい。</p>

ご覧のように、TinyMCE3.0.7の出力するソースはきわめてValidなものだ。

2. プレビュー表示

プレビューボタンを押して確認を行い、それでよければ保存を押す。

3. 出力画面の確認

出力表示画面を確認しておしまい。

一度作成したエントリーを編集したい場合は、タイトルをクリックすると、エントリー単体ページ（上記画面）が表示される。タイトル横の[編集]をク リックか、 [管理セクション] > [コンテンツの管理] >[コンテンツ]をクリックして表示される、コンテンツ一覧から該当のコンテンツを探し、[編集]をクリックする。

◆TinyMCE VS FCKeditor

TinyMCEとFCKeditorを比較してみたい。

TinyMCEが勝る点

1. より正しいXHTML出力
2. 細かい設定機能
3. 機能の数（TinyMCEはプラグインで機能をどんどん増やせる）

FCKeditorが勝る点

1. 設定の容易さ
2. 操作の簡単さ（機能が少ないせいもある）
3. PCのクロックや搭載メモリが少なくても安定して動く（TinyMCEはPC環境が貧弱だと動作がおかしくなる）

あくまでも個人的な主観だが、僕はFCKeditorを使う。基本のCSS設計さえきちんとやっておけば、TinyMCEの多機能はいらない。高機能より少ないメモリでも安定して動く方がいい。

Drupal 2.5 日本語版に は、標準のWYSIWYG Editorが組まれていない。それではあんまりなので、最新版であるFCKeditor 2.6と、TIｎｙMCE 3.0.7を組み込んでみた。まずは、比較的簡単に設定できるFCKeditorを紹介することにしよう。

◆FCKeditorモジュールのインストール

１．FCKeditorモジュールのダウンロード

FCKeditor - WYSIWYG HTML editorから6.x-1.2-1をダウンロードする。

2．FCKeditorモジュールのダウンロード

解凍したフォルダ[fckeditor]をサーバのmodules/下にフォルダーごとアップロードする。

位置関係：/modules/fckeditor/

◆FCKeditorのインストール

１．FCKeditorのダウンロード

FCKeditorより、FCKeditor 2.6をダウンロード

2．FCKeditorのアップロード

解凍したフォルダ[fckeditor]をサーバのmodules/fckeditor/下にフォルダーごとアップロードする。

位置関係：/modules/fckeditor/ckeditor/

以上でインストールは完了。

◆FCKeditorの設定

１．FCKeditorモジュールを有効化

[管理セクション} > [モジュール]をクリックして、FCKeditorを有効にする。

１．FCKeditorモジュールに必要なアクセス権の設定

[管理セクション] > [ユーザの管理]   > [権限]をクリックして、fckeditorモジュールに必要なアクセス権を設定する。

１．FCKeditorモジュールを有効化

[管理セクション] > [サイトの環境設定]   >  [FCKeditor]  を開き、すでにプロフィールがある場合は[編集]を、ない場合は、[Create new profile]をクリック。

2．Basic setupの設定

[Profile name：]はわからない人は[Default]とかにしておく。[Roles allowed to use this profile：]の[認証済みユーザ]にチェックをいれる。

3．Editor appearanceの設定

[Toolbar]の設定を好みで選択、[Default]を選べばフル機能が利用できる。[言語]は[JA]を選択。以上で設定は完了。細かいところは各自好みで調節してほしい。

◆コンテンツの作成の設定

コンテンツ作成前に以下の2箇所を確認してほしい。

１．入力書式の設定

Full HTMLを選択してないと入力結果は出力に反映されない。

2．イメージの設定（Img Pakageモジュールを入れている場合）

Img Palageモジュールを入れている人は、[表示モード]を[imagexx]にしておかないと、編集画面に画像が表示されない。
※FCKeditorを入れている場合は、無効にしておいても問題ない。

以上で設定は完了。

◆コンテンツの作成をしてみよう

１．コンテンツの編集

FCKeditorを使って好きなように編集すればいい。

Drupal標準のアップロード機能を使っている人は、リストのチェックをはずしておくこと。
※FCKeditor標準のアップロード機能を利用には、FCKeditorの設定からおこなう。

2．プレビュー

[プレビュー]を押して表示の確認、間違いなければ保存。

3．表示画面

ご覧のように、FCKeditorは表示画面とほとんど同じ画面で編集できる。
充分に使えることはわかったので、Durapal日本語版用に、FCKeditor 2.6 をベースによりValodなFCKeditorを近々公開するに決めた！＜ずいぶんと気にいったらしいｗ

またしてもMT以外のCMSをさわっている。今日は逃避行動で、研究で、「Drupal 6.2  日本語ディストリビューション」をインストールした。
Drupalは、4xの時点でインストールしたことがあり、これは使い物になるのかなと思っていたら、6.2はすごくよくなっていた。これはいいゾ。

簡単にDrupal（ドルーパル）の説明をDrupal Japanから引用。

GNU GPL 2 ライセンスのもと、オープンソースとして開発・配布がおこなわれている非常に洗練された CMS です。
PHPで記述され、国内外で広く使われている MySQL や PostgreSQL などのデータベースとともに動作し、個人のブログから企業のサイトまで幅広く利用することができます。
日本ではまだあまり普及していませんが、世界に目を向けると、Firefoxのサイトや、NASAのサイトをはじめとして、数多くの有名サイトで採用されています。

ということなんだけど、わかった？使ってみたいと思った？これだけじゃ、わかるわけないよね。僕もわからない(苦笑)。どんなことが出来て、どんな特長があるかを書かなきゃダメじゃん。

で、実際にさわって見なきゃわかならいから、インストールしてさわってみた。以下、MT使いから見た、Drupal 6.2  日本語ディストリビューションのインプレッションはじまり、はじまり。

◆管理画面

▲管理セクション

承認権限がやたら細かくつけられるので、セキュリティは高そうであるが、あまりに細かいので正直言ってまだよくわかってない。

▲モジュール管理

これはプラグインデレクトリみたいなものだと思ってもらえばまちがいない。

▲テーマ管理

テーマ（テンプレート）を管理する画面。テーマは海外のサイトで多く配布されおり、組込も入替も簡単だが、バージョンに注意すること。

DrupalのテンプレートとCSSのスタマイズは、管理画面からではなく、直接ソースを編集する。テンプレートカスタマイズは、MODｘ、WordPress、Movable Type、Nucleus CMS ほどデザイン親和性は高くない。

▲ブロック管理

レイアウトを管理する画面だ。
正直言って、もう少しさわってみないとよくわからない(^^;
MTやWPと違って半日で使える代物でないことだけ、わかった。

簡単にまとめると、Drupalは複数ユーザーによる投稿がおこなえ、投稿者の種類により権限の細かいセキュリティ性にこだわったシステムのようだ。

◆エントリーの投稿

初期の投稿画面は上記の通りで、画像挿入もできず、エディタすらついてないので、文字入力するには、HTMLを直に入力するしかない(^^;

Drupal 6.2のコンテンツ作成は下記３種類

• ストーリー
• ブログエントリ
• ページ

それぞれパーマーリンクの概念を持つので、SEOも高そうだ。

でも、初期状態だと、ブログも作れないし、ファイルもアップロードできない。

モジュール管理画面で、[Blog]と、[Upload]にチェックをいれると、ブログが作れるようになり、画像がアップロードできるようになる。

◆画像の挿入

Img package モジュール》を使用してコンテンツへ画像を加える方法があったのでやってみた。

Img package モジュールをダウンロード。

http://drupal.org/project/img_filter

モジュールを組み込み、Img package モジュールを有効にする。

コンテンツを新規作成して、まず、タイトルと本文を入力する。

画像をアップロード

表示の場合は[リスト]のチェックを外す。

表示モードを選ぶ。

プレビューで確認

表示モードの切替で、画像位置の切替も簡単。これは便利！

保存を押して、トップページを見ると表示される。コンテンツが作成されると、トップページから説明が消える。上記はログオフした時点のトップ画面で、ユーザーログインのボタンがつく。

設定が大変だけど、Drupalけっこういいかも。まぁ、スルメみたいな感じ:-D
最初、とっつきにくいけど、慣れるにしたがって楽しくなる。
ただし編集機能がプアすぎるので、次はWYSIWYG Editorを組んでみたい。

参考になれば、幸い。

やっぱり、WordPressてすばらしい。

Movable Type大好き人間のくせに、おまえは何をやってんだと言われそうだけど、今日はWordPress 2.5 日本語版をローカルサーバーにインストールして遊んでいた調べていた。
使用感はすばらしいもので、他のCMSに負けない以下の特長がある。

1. インストールは、すごく簡単
2. 動作が軽快
3. 直感的にわかる管理画面
4. 無償で入手できるテーマ（テンプレート）が豊富で、かつテーマの入替が簡単
5. プラグインが豊富

以下、MT使いから見たWordPress 2.5 日本語版のインプレッション。

◆インストールがすごく簡単

WordPress 2.5 日本語版は実にインストールが簡単だ。その簡単さを順を追って確認どうぞ。

1. 事前準備

MySQLでWordPress用のDBを用意しておく。

2. WordPress2.5日本語版のダウンロード

公式サイトからWordPress 2.5 日本語版をダウンロード。

3. アップロード

サーバーにWordPress 2.5 日本語版をアップロード。

4. インストール開始

WordPress 2.5 日本語版をアップロードしたURLを開く。
クリックすれば自動で生成してくれるので、気にせずクリック。

5. 準備確認

準備が整っている人は[次に進みましょう！]をクリック。

6. データベースの設定

データベース名、MySQLのユーザー名、MySQLのパスワード、データベースのホスト名を入力。テーブル接頭語はわかならい人はそのままでいい。
※上記はローカルサーバーで行った設定例

7. データベース関係の入力

インストールの一部完了、クリックしてインストール続行。

8. データベース関係の入力

ブログタイトルとメールアドレス（いずれも後で修正可）を入力してクリック。

9. インストールの完了

インストールが成功すると、ユーザー名とパスワード（後で変更可）が表示されるのでメモし、ログインをクリック。以上でWordPress 2.5 日本語版のインストールは完了。

10. ダッシュボードへのログイン

先ほどメモしたユーザー名とパスワードを入力してログインすれば、ダッシュボード（管理画面）が開く。

◆操作が簡単

▲ダッシュボード画面

WordPress MEからのユーザーには不評だが、MT4のユーザーには実にわかりやすいUIだ。順番にテキストボタンをクリックしていけば、30分とかからず操作を理解できるだろう。

ブログ記事を投稿

ブログ記事の投稿をしたい場合は、ダッシュボードの赤色の帯右の[新規投稿作成]をクリック。新規ページを作りたい場合は[新規ページ作成]をクリック。

WordPress 2.5 日本語版の投稿画面。MT4.1より洗練されて使いやすい。
エディターはMTよりも選択できる機能が多い。右端のボタンを押すか、Alt+Shift+Zでアドバンスツールバーの表示、非表示の切替ができる。
メディアの挿入はエディターのツールバーの上にあるメニューから選択する。試しに画像の挿入をやってみた。

クリックするとMT4.1とそっくりの画面が開く。

画像挿入完了。うまくいかない場合はURLをコピーして画像のプロパティに貼れば可能。プレビュー画面で出力結果を確認したい人は管理画面右上の[この投稿を表示]をクリックすれば別画面が開いて出力結果が表示される。

新規ブログの投稿は実に簡単で、ASP提供のブログ経験者なら迷うことはないだろう。

◆無償で入手できるテーマが豊富で、かつ入替は簡単！

WordPressの特長として、無償で入手できるクールなテーマ（テンプレート）が多いことがあげられる。全米シェアNo.1CMSだけあって、テーマの数は他のCMSの比ではない。

WordPress テーマディレクトリ
http://themes.wordpress.net/

気に入ったテーマがあったら、ダウンロードをクリック。事前に[Test run]をクリックすると、デモ画面を見ることができるのがうれしい。
テーマのインストールはテーマを、wp-content/themesデレクトリににフォルダごとアップロードするだけだ。

テーマがアップロードされると、[テーマの管理]で確認することができる。クリックして、[サイトを表示]をクリックすれば、テーマが入れ替わる。

[サイトを表示]をクリックすると、デザインが変更されたのがわかると思う。テーマの追加も入替も実に簡単だ。

◆関連リンク

WordPress | 日本語
http://ja.wordpress.org/
WordPress › フォーラム
http://ja.forums.wordpress.org/
WordPress Codex
http://bono.s206.xrea.com/pswiki/Main_Page
WordPress plugin directory
http://wordpress.org/extend/plugins/

◆Movable Typeも、WordPressも、どちらもすばらしい。

前回も書いたが、どちらが優れているかというより、好みのや状況で選択すればいいと思う。
僕は今回WordPressを使うことで、Movable Typeのよさも再認識でしたが、改めて、WordPressのよさも認識した。両者は共存するものであって、お互いに争うものではない、ましてユーザーならなおさらのこと。
僕は本業の関係上Movable Typeを使っていくが、ブログとして使うだけなら前からWordPressのほうが優れていると思っている。とくに、デザインのできない人たちには一貫してWordPressを勧めてきた。なぜなら操作がMTより簡単で、テンプレートの種類が多いから。今後も迷わず、そうしていこうと思う。

参考になれば幸い

Movable Type プロフェッショナル・スタイル
MT4.1対応
CSS Nite編集
毎日コミュニケーションズ
2008年4月8日発売

「Movable Type ドリームチーム」と呼ぶにふさわしい豪華執筆陣が、CMSツールとして進化したMovable Typeを使いこなすためのノウハウを詰め込んだ、渾身の一冊です。
─関 信浩(シックス・アパート株式会社 代表取締役)