今回はハンズオンセミナーという事で、指示通り事前にMacBookのMAMP上にa-blog cmsをインストールして参加しました。おかげで基本的なカスタマイズのポイントはおおよそ把握出来たと思います。会場にはネット回線も用意して頂いていたので、セミナー聞きながらツイートする事も出来ましたので、補足する形で感想をまとめていきます。
これは去年の秋にも聞いた事ある部分だけど、あらためてWPとの違いを感じました。どっちが良い・悪いという話ではなく、設計思想に違いを感じるという事です。a-blog cmsはウェブデザイナーのワークフローそのままで簡単に動的サイトを構築する最適なソリューションである事、がコンセプトの一つとして明確にあるなと感じました。
例えば、同じ用語として「テーマ」がありますが、WPのテーマはブラウザ表示用のプログラムとしての意味合いも濃く、ちょっとした事だとすぐにテーマで使用しているテンプレート内にPHPを書いて実現出来るのですが、反面どこでどの機能が実装されているのか分かりにくくなる事にもつながります(自分でもどのテンプレートにどんなコード書いたか忘れてる事がよくありますw)
対してa-blog cmsのテーマはhtmlテンプレートとCSS、画像の集合で、デザインを表示する事だけに徹している感じですね。これなら複数のコーダーで共同作業をやっても誰かのミスで画面が真っ白という事にはならないのではないかと思います。「system」テーマ内にある「admin」を、自作テーマにコピーしてからカスタマイズする事で管理画面も自由に編集出来るのは仕事で客先に納品する場合とても便利だな、と感じました。
続いては開発元であるアップルップルの山本さんのセミナーです。現在の実績についての発表からスタートしました。OSSで自由に使えるWPに対して、一社開発の上有料ライセンスの購入が必要なa-blog cmsは公開数では少なくなるのは当然ですね。それでもこれだけの数のビジネスサイトに使われているのは信頼に値するものがあるからなのでしょう。
モジュールというのは各種機能を実現する為のプログラムですね。WPのプラグインに相当するものだけど、コアの各種機能も標準モジュールとして同列にあると考えればいいのかな。ビルトインモジュールというのがそれっぽいですね。通常のHTMLファイルにモジュールの機能をコードスニペットとして挿入していく事で、必要な箇所を簡単に動的サイトとして扱えるようになります。
記事投稿画面は、オープンソースのCMSで多用されているTinyMCEなどのWYSIWYGエディタを使ったものとは違い、用意された項目に対して内容を埋めていくような形になっています。ブログに不慣れな人でも埋めるべきところを埋めれば形になるので、ユーザーサイドでの更新という点については非常にやりやすいのではないか、と感じました。
ユニットグループはページの途中で自在にレイアウトを変更出来るのがとても便利で、記事の読者に対してとても親切な機能です。WPでも出来なくはないでしょうが、ここまで直感的に誰でも使えるとは思えません。これはとても気に入りました。
- 14:15 ダイレクト編集機能を使う事で入れ子になったユニットを直接編集出来る。ユーザーにとっては直感的で分かり易い。 #acmscampKM
- 14:19 アップロードしたファイルの管理は記事に紐付いているのか。集中化されているWPとはここにも大きな違いがあるね。 #acmscampKM
- 14:27 <!– BEGIN_MODULE(モジュール名) –> と <!–END_MODULE(モジュール名) –> で囲む事で、テンプレートに必要な機能を組み込む。 #acmscampKM
- 14:32 モジュールの外にあっても動作する特別な変数がグローバル変数。%{BLOG_NAME} で表示ページが属するブログの名前。 #acmscampKM
ダイレクト編集機能はその名の通り表示されている見たままの画面上から記事の編集が出来ます。複数カラムで構成されたdivが入れ子になっているような場合でも、構成を壊さずにユーザーサイドでの簡単編集に対応しているのは素晴らしいです。このようによく使う機能や便利な機能がモジュールとして用意されているので、作法に則ってしかるべき場所にしかるべきコードを差し込む、という流儀がだんだん納得出来るようになってきました。
タッチモジュールは機能を追加するモジュールとは違い、条件分岐の為に使うもの。管理画面のカスタマイズにも適用出来るので、管理者権限のレベル分けにも応用出来そう。
校正オプションはWPには無いと思うので、ちょっと羨ましい。エンドユーザーに細かい気遣いをさせずに裏側でサポートが出来るので、この機能を活用してきっちりテンプレートを作り込めば、コンテンツの品質を上げる事にもつながると思いました。
- 14:41 モジュールの集合がテンプレートで、テンプレートの集合がテーマ。 #acmscampKM
- 14:44 テーマ「System」の中からオリジナルテーマにコピーしてカスタマイズするのが作法です。管理ページのカスタマイズは「System」の中にある「Admin」で行うが、これも同様にコピーして使う事。 #acmscampKM
- 14:47 index.html を一覧に、entry.html を詳細ページに、top.html をトップページに用意するのが基本。カテゴリごとにディレクトリを切る。デザインをカテゴリごとに変更する場合には必須。 #acmscampKM
案件に応じて独自テーマを作る時のファイル名やディレクトリについての説明。作法を守っていれば大丈夫そうです。
15:02 a-blog cms のファビコンキャンデーもらいました! #acmscampKM

ちょっと休憩。a-blog cmsのファビコンキャンディー頂きました。味は……たぶんご想像の通りです。美味しかったよ。
- 15:08 条件分岐はタッチモジュールに加えて「ルール」という機能も使える。管理画面から設定可能。 #acmscampKM
- 15:10 「ルール」の設定画面。例はユーザーエージェントに対してどういうレスポンスを返すか設定している所。 #acmscampKM

- 15:17 「ルール」に対して独自のコンフィグ設定をする事で、ユーザーレベルに応じて管理画面の表示項目を変えたり、カテゴリ別に編集機能を増減する事が出来る。これはすごいな。管理側にもユーザー側にもメリットがある。 #acmscampKM
タッチモジュールに加えて「ルール」を設定する事でも条件分岐が出来る。管理画面から必要に応じて簡単に設定出来るのはいいですね。用意されているルールだけではなく、必要に応じてルールを追加し細かいコンフィグ設定を加える事で様々な状況に対応出来るでしょう。
メールフォーム機能は、単にメールフォームにとどまらず複数ステップのアンケートフォームとして使う事も出来る。バリデーション機能も強力だし、メールの受信をスキップしてまとめてDBからCSVでダウンロードする事も出来ます。この機能だけでもライセンス料払う価値があるかも。キャンペーンサイトの制作に使って大量にメールが返ってくる場合を想定すると分かり易いのではないでしょうか?
カスタムフィールドについては、WordPressと同じ用語だし、機能についてもほぼ同様。ただしテンプレートへの記述方法は当然のように異なります。カスタムフィールドを上手に設計・運用する事でプログラムを組まなくてもかなり高機能なサイトに仕上げる事が出来るという事が分かりました。ただ、作ったカスタムフィールドを使用するのに、管理画面のテンプレートにいちいち組み込まなくてはいけないのだけはちょっと困ります。この点ではプラグインの助けを借りるとはいえWordPressの方が便利かなと思いました。
この辺の内容はa-blog cmsの設計思想の根幹とも言える奥の深い部分なので、理解はしていないけど自分なりの解釈をしてみました。特に「URLコンテキスト」という概念は重要です。この概念に基づいて表示されるURLによってその記事の場所、文脈における意味が表現され、それを基準にモジュールの機能を特定的に使うモジュールIDを適用したりルールの適用方法を変えたりする事が可能になる、みたいです。ここを理解する事が実運用でのカスタマイズには必須だなと感じました。
17:51 シンプルなHTML5で書かれたファイルにjQuerymobileを組み込み、a-blog cms のスニペットを加える事でiPhoneに最適化されたテンプレートが簡単に作れる。 #acmscampKM
jQuerymobileを使った簡単なスマートフォン向けサイトの作り方講座。簡単なHTML5のファイルにa-blog cmsのスニペットを組み込む事であっという間に動的なスマートフォン向けサイトの完成です。
18:04 お土産のお菓子セット。#acmscampKM

キャンディーに続きお土産のお菓子を頂きました。名古屋といえば「ゆかり」ですよね。
18:10 ビルトインモジュール | リファレンス | サポート・マニュアル | a-blog cms – http://goo.gl/DXIUL 各種スニペットはここからコピペ出来るので、テストする程度なら充分使える。
18:13 WPにはWPの良さがあるし、a-blog cmsにも良さがある。どっちも大事。忘れるならMTだな。 #acmscampKM
Powered by twtr2src.
今回はリファレンスサイトのスニペットをコピペする事で簡単にa-blog cmsの機能を実装する事が出来ましたが、業務レベルになるとDreamWeaverからスニペットを挿入したり、TextExpanderのショートカットとしても使う事が出来るとの事です。有料アプリケーションですが便利そうなのでその内入れてみたいと思います。
今回は日帰りコースだったのでここまで。合宿コースに参加した人達は更に濃くて実践的なカスタマイズにまで踏み込んだ話をしていたようです。地元北九州の人達だけではなく、山口や広島からも参加者が来ていたのですが、ゆっくり話せなかったのは残念でした。
開発者自身によるハンズオンセミナーを受講した成果として、a-blog cmsの仕組みがある程度理解出来た事と、WordPressとの違い(使い分け)の基準が自分の中で明確になった事が挙げられます。どちらにもそれぞれの良さがあるので、それを引き出せるようなサイト構築が出来れば、と思いました。なお「忘れるならMT」に他意はありません。コアがPerlなので改めて勉強するのが面倒というだけです。
最後になりましたが、主催・運営してくれた皆さん、講義してくれた皆さん、そして参加した皆さん、本当に有意義な時間をありがとうございました。次に参加する時には1件構築出来ているように頑張ります。
« 記事を折畳む