1/22(sun)に、福岡DRUM LOGOSで「Kalafina LIVE TOUR 2012 “After Eden” LIVE HOUSE ver.」を聴いてきました。去年の「アニうた KITAKYUSHU 2011」で生歌聴いて感動したので、九州初となるこのソロ公演にはとても期待してました。

開場16時、開演17時のスケジュールに合わせて天神に入りましたが、昼過ぎまで降っていた雨も止んでて気温もそれほど下がっていなかったので、待つのはそれほど苦ではありませんでしたが、ファンクラブ先行発売枠の行列が長くて結構待たされたり。キャパ600＋でざっと2/3がファンクラブかな？

そういうわけで、中に入った頃にはフロアの前半分はぎっしりと埋まっていたので、3段目のPA卓下手側に位置取りしました。遠いけどHIKARUの正面。

Set List

1. Eden
2. 光の旋律
3. 九月
4. neverending
5. 輝く空の静寂には
6. red moon
7. magnolia
8. destination unknown
9. in your eyes
10. fantasia
11. Kyrie
12. 音楽
13. oblivious
14. 君が光に変えて行く
15. ARIA
16. Magia
17. また風が強くなった
18. progressive
19. symphonia

アンコール

1. sprinter
2. 胸の行方

簡単に感想とか。

M1の「Eden」は3rdアルバムのオープニング曲だし予想通り。M2に「光の旋律」が来たのはちょっと意外。ここでMC入って、M3~M5は3rdアルバムからしっとり系の曲を。

M6の「red moon」から徐々に熱が入ってきます。M7~M9までは3rdアルバムから勢いのある曲を続けて、M10「Fantasia」M11「kyrie」と更に加速します。そしてライブDVDと同じくM12「音楽」へ。前半戦とは思えないクライマックス感。M11, M12は2ndアルバム、ライブDVDの中でも特に好きで聴き込んでいた曲だったので、M12のバイオリンソロが聴けたのも併せてすごく嬉しかった。

MC入れて後半戦は、九州初のソロという事でサービスしてくれたのかな。1stアルバムからM13「oblivious」M14「君が光に変えて行く」M15「ARIA」と空の境界テーマ曲が続きます。M13は最初の最初にTV-CMで耳にした時から必ず買うと決めたくらい衝撃的に好きになった曲なので、生でじっくり聴けて最高だった。

そのままの流れでM16「Magia」M17「また風が強くなった」M18「progressive」で後半戦クライマックスに。M17はKEIKOのボーカルが低く抑えた感じなのに深く響いてゾクゾクする。

MC入ってM19「symphonia」はラストを飾るにふさわしい伸びやかなコーラスワークが感動的。

アンコールには、メンバー全員が福岡限定のコバルトブルーのTシャツを着て入場。曲は予想通り「sprinter」で、大好きな曲だけに盛り上がる。そして、本当のラストは3rdアルバムから「胸の行方」は予想外のチョイスだけど、ライブハウスだからこその歌声を聴かせる良い曲だった。

アンコールまで入れて2時間半の、夢のような時間でした。新しいライブのBlu-rayも、もちろん買いますよ。

特にベンチマークは取ってませんが、動きはかなりサクサクに感じます。起動時の立ち上がりはMacBook Airにはだいぶ後れを取るようですが、HDDよりは確実に速くなっています。程々の投資で体感出来る効果なのでなかなかのコストパフォーマンスと言っていいんじゃないでしょうか。

• 13:08  まずは @TagawaMasateru による a-blog cms の紹介。#acmscampKM
• 13:10  MT/WPの次に使いたいCMS No.1という事で興味を持った。#acmscampKM
• 13:13  DWとの連携が優秀。スニペット／コードヒントあり。#acmscampKM
• 13:15  デザインとプログラムが完全に分離しているので共同作業に向いている。モジュールに追加プログラムを集中させる事が出来る。条件分岐も管理画面から設定出来る。#acmscampKM
• 13:16  ある意味WPの対極にあるCMSだよね。#acmscampKM
• 13:18  WPだとプラグインで追加するような必須／便利機能はだいたい標準装備になっているのは便利。高機能なメールフォームとケータイからの投稿は特に便利 #acmscampKM
• 13:19  メンテナンスツールを使えばバックアップやデータ移行が楽に出来る。phpMyAdminに触る必要がないので安心。ローカル環境から本番環境への移行にも使える。 #acmscampKM
• 13:20  Dwで制作したサイトをテーマフォルダにコピーすればとりあえず動く。パスも自動的に修正される。必要な部分だけ動的にする事も簡単。 #acmscampKM
• 13:23  更新画面のカスタマイズをすれば、ユーザーに合わせて自由に必要な入力項目を増減出来る。フォームバリデーションも標準装備。 #acmscampKM
• 13:25  オープンソースではないので情報量は少ないけれども、公式サイトには開発元からの情報があって質が高い。 #acmscampKM
• 13:26  web制作者として頼れる開発元です。 #acmscampKM
• 13:27  デザイナー向けのCMSだけど、プログラマーにもモジュール開発という場があるのでどんどん来て下さい。 #acmscampKM

これは去年の秋にも聞いた事ある部分だけど、あらためてWPとの違いを感じました。どっちが良い・悪いという話ではなく、設計思想に違いを感じるという事です。a-blog cmsはウェブデザイナーのワークフローそのままで簡単に動的サイトを構築する最適なソリューションである事、がコンセプトの一つとして明確にあるなと感じました。

例えば、同じ用語として「テーマ」がありますが、WPのテーマはブラウザ表示用のプログラムとしての意味合いも濃く、ちょっとした事だとすぐにテーマで使用しているテンプレート内にPHPを書いて実現出来るのですが、反面どこでどの機能が実装されているのか分かりにくくなる事にもつながります（自分でもどのテンプレートにどんなコード書いたか忘れてる事がよくありますw）

対してa-blog cmsのテーマはhtmlテンプレートとCSS、画像の集合で、デザインを表示する事だけに徹している感じですね。これなら複数のコーダーで共同作業をやっても誰かのミスで画面が真っ白という事にはならないのではないかと思います。「system」テーマ内にある「admin」を、自作テーマにコピーしてからカスタマイズする事で管理画面も自由に編集出来るのは仕事で客先に納品する場合とても便利だな、と感じました。

• 13:33  次はアップルップルの山本さん(@kazumich )の話です。#acmscampKM  [in reply to kazumich]
• 13:36  リリースから695日で公開可能な事例が197件に達しました。3.52日に１件のペースです。 #acmscampKM
• 13:38  レンタルサーバのCPIや名古屋商科大学のサイトもa-blog cmsで構築されている。 #acmscampKM
• 13:40  非公開事例を合わせると400件以上のサイトで利用されている。 #acmscampKM

続いては開発元であるアップルップルの山本さんのセミナーです。現在の実績についての発表からスタートしました。OSSで自由に使えるWPに対して、一社開発の上有料ライセンスの購入が必要なa-blog cmsは公開数では少なくなるのは当然ですね。それでもこれだけの数のビジネスサイトに使われているのは信頼に値するものがあるからなのでしょう。

• 13:46  どの部分にどのモジュールを使うか？動的にしたい所に「だけ」必要なモジュールを適用する。 #acmscampKM
• 13:58  a-blog cms v1.4の記事更新画面。WPに慣れた身には直感的とは言えないけど、一般ユーザーにとってはやるべき事に集中出来て分かり易いかもしれない。 #acmscampKM



• 14:03  ユニットグループは強力だな。ユニットごとに段組を設定した上で、各ユニットを自由に追加出来る。表現の自由度が増すのはとても魅力的。 #acmscampKM



• 14:10  エントリーの複製機能は、商品紹介の見本をお客様に更新・追加してもらう用途を想定すると便利さが分かり易い。 #acmscampKM
• 14:13  ユニットグループは出力的には<div>で囲む事になるので、CSSでの設定が必要。 #acmscampKM

モジュールというのは各種機能を実現する為のプログラムですね。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が入れ子になっているような場合でも、構成を壊さずにユーザーサイドでの簡単編集に対応しているのは素晴らしいです。このようによく使う機能や便利な機能がモジュールとして用意されているので、作法に則ってしかるべき場所にしかるべきコードを差し込む、という流儀がだんだん納得出来るようになってきました。

• 14:34  タッチモジュール | リファレンス | サポート・マニュアル | a-blog cms – Web制作者のためのCMS – http://goo.gl/f2r4G 　これで条件分岐の設定が出来るのか。#acmscampKM
• 14:37  校正オプション | リファレンス | サポート・マニュアル | a-blog cms – Web制作者のためのCMS – http://goo.gl/KA7Kq　これは初めて知ったけど他のCMSには無い特徴だと思う。JSで補完する部分がコアにあるのは強い。#acmscampKM

タッチモジュールは機能を追加するモジュールとは違い、条件分岐の為に使うもの。管理画面のカスタマイズにも適用出来るので、管理者権限のレベル分けにも応用出来そう。

校正オプションは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

タッチモジュールに加えて「ルール」を設定する事でも条件分岐が出来る。管理画面から必要に応じて簡単に設定出来るのはいいですね。用意されているルールだけではなく、必要に応じてルールを追加し細かいコンフィグ設定を加える事で様々な状況に対応出来るでしょう。

• 15:21  メールフォーム機能。入力チェック機能と入力コンバート機能。全角ー半角のコンバートや平仮名ーカタカナのコンバートが出来る。 #acmscampKM
• 15:23  複数ステップのフォームが作れる。これは初めて知ったけど便利だね。 #acmscampKM
• 15:24  メールフォームの入力データをDBに保管してCSVでDLする機能もある。 #acmscampKM

メールフォーム機能は、単にメールフォームにとどまらず複数ステップのアンケートフォームとして使う事も出来る。バリデーション機能も強力だし、メールの受信をスキップしてまとめてDBからCSVでダウンロードする事も出来ます。この機能だけでもライセンス料払う価値があるかも。キャンペーンサイトの制作に使って大量にメールが返ってくる場合を想定すると分かり易いのではないでしょうか？

• 15:28  カスタムフィールドはWPとそれほど変わらない考え方のようだ。 #acmscampKM
• 15:32  管理画面／投稿画面でのカスタムフィールドの入力欄配置の自由度は魅力だな。 #acmscampKM
• 15:40  a-blog cms のカスタムフィールドはDwのスニペットを使ってテンプレートファイルに直接貼り付けていくのか。Dw使っていないのでちょっと難しい。 #acmscampKM
• 16:12  管理画面のテンプレートでカスタムフィールドを定義して、表示画面の任意の場所に定義したフィールドを差し込む事で表示される。 #acmscampKM

カスタムフィールドについては、WordPressと同じ用語だし、機能についてもほぼ同様。ただしテンプレートへの記述方法は当然のように異なります。カスタムフィールドを上手に設計・運用する事でプログラムを組まなくてもかなり高機能なサイトに仕上げる事が出来るという事が分かりました。ただ、作ったカスタムフィールドを使用するのに、管理画面のテンプレートにいちいち組み込まなくてはいけないのだけはちょっと困ります。この点ではプラグインの助けを借りるとはいえWordPressの方が便利かなと思いました。

• 16:52  モジュールIDを作成して、そのIDをテンプレートに記述する事で該当モジュールを読み込んで表示する。なんとなく分かった。 #acmscampKM
• 16:59  URLコンテキストの概要 | 仕様・特徴 | サポート・マニュアル | a-blog cms – http://goo.gl/QWENy　この概念は重要。どのディレクトリにいるかでどの様にレスポンスするか決められる。モジュールIDとの連携に理解が必要。 #acmscampKM
• 17:00  エントリー系モジュールの初期スコープ | 仕様・特徴 | サポート・マニュアル | a-blog cms – http://goo.gl/YAMBs モジュールIDとURLコンテキストの初期設定。 #acmscampKM

この辺の内容は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件構築出来ているように頑張ります。

有名な藤のトンネル。満開の中通るのは初めてです。連休最後の日曜日だったので人も多かったです。

トンネルはこんな感じ。複数の色の藤が組み合わさったコントラストが美しい。

甘い薫りが立ちこめていて酔いそうです。

ここまで見事だとは思いませんでした。本当に良い日に行きました。

藤のドームの中から。満天の藤の花。

藤の花のドームの外から。

大藤棚のエリアへ。

樹齢100年を超える大木が見事な花を咲かせています。

地を這うような藤の古木。

一本の木からこんな見事な藤棚が出来ています。

優しい色合いの若葉と艶やかな藤の花。

もう一つの名物である紅葉も今は新緑。藤園と紅葉園は同じ敷地内ですが、エリアがしっかり分けられていてオフシーズンには入れないようになっています。

出口への下り坂は主にピンクの藤。

PENTAX K-5のカスタムイメージ「雅」で撮ったピンクの藤。

最初に通った藤のトンネルを上から。

念願叶って行く事が出来た満開の河内藤園は本当に見事なものでした。帰りには渋滞の列が河内貯水池沿いの道路にまで延びていたので、午後から行くのはかなり大変だと思います。来年行く事があればもっと早起きして午前中早い内に行くようにしよう。でも次にここに来るのは今年の紅葉の時期ですね。

レザーモデルは普通のナイロンモデルより少し高いので、ナイロンモデル並の値段になっていてもすぐ買ってたと思うのですが、それをはるかに下回る値段だったのでサイズが合ってる事を確認して即購入でした。実は店頭にはまだ出てなかったのですが、店員さんとPATRICK MARATHONの良さについて語り合ってると「こんなのあるんですけど？」という事で奥から出してもらったものです。

家に帰って箱から出してみました。いい感じの濃紺です。

アウトレットに出た理由と思しき不具合を探していたのですが、左の外側に少し染料が付着しているのを見つけました。靴としての機能には全く問題ないし、足を入れたら膨らんだ下に隠れる部分なのでほぼ気付かれる事はないでしょう。

しばらく履いてますが、履き慣れたモデルだけにすぐ馴染みました。歩くにもMT車運転するにも自分にとっては最高のシューズです。次はナイロンモデルのグレーあたりが狙い目かな。また探しに行こう。

肝心の音ですが、ちょっと聴いただけでは変化が感じられませんでした。しかしよく聴くと音場の拡がりや各パートの位置・分離がこれまでよりも精細になっています。どの帯域でも力強さが増していて、これまでイヤホンの鳴らし切れていなかった部分まで音を引き出してくれています。

ちょっとした物ですが、なかなか効果がありました。問題は既にこの次のヘッドフォンアンプを決めてしまってる事だけですね。上には上がある事を知ってしまったものですから。

いつもながらお値打ちでちょっと変わったエスニックな味わいを楽しめるいい店でした。

ご飯はあっさり味だけど、辛みの利いたナムチムと混ぜ合わせて食べるとその深い味わいに引き込まれます。鶏と一緒に食べれば更に美味しい。合いの手にキュウリサラダをつまみながらあっという間に間食しました。食べ終わった後に残るナンプラーの匂いもまた懐かしいものでした。

懐かしい人に会って懐かしい味を頂く事も出来て大満足でした。他にも食べたいメニューは色々とあるので、機会があればまた行きます。

フレッシュのトマトならではの甘味と酸味と香りに、刺激的な赤唐辛子の辛味と隠し味のアンチョビとケッパーの旨味が加わりシンプルながらも奥深い美味しさの一皿の仕上がり大満足でした。

頭を割り、身も切り分けます。内側の身の部分を湯霜にして臭みを取ります。直接お湯をかけると熱が入り過ぎるので、晒しを乗せてその上からお湯を注ぎ、素早く晒しを外して氷水に入れ、ペーパータオルで水分を拭い取れば下準備は完了です。

薄切りにしたにんにくをオリーブオイルの中でじっくり熱して香りを移したら、メジナの切り身を入れ弱火でゆっくりと身の方から熱を通します。

メジナの身が反ってきたら、アサリ、ドライトマト（刻んでオリーブオイルに漬けておいたもの）、黒オリーブ、アンチョビペースト、ケッパーを加えて、白ワインと同量の水を注ぎ強火で一煮立ちさせます。水はミネラルウォーターか浄水を使いましょう。ウチでは定額給付金で買ったBRITAの浄水ポットを使ってます。

メジナの身が浸るくらいに煮汁の量を調整します。沸騰した煮汁をレードルで掬ってはメジナの身の上面にかけ回して熱を均等に入れていきます。アサリの口が開いたら加熱を終了します。

アクアパッツァの調理中に隣の鍋で茹でておいたラザニアを適当な大きさにカットして器の底に敷いておきます。本当は手打ちパスタを作りたかったのですが、面倒だったので乾燥のラザニアで代用しました。たっぷりの煮汁を吸い込ませると美味しく頂けます。他にはパッケリなども合いますよ。（チールッツォで頂いた時はパッケリでした）

今回はフリーズドライのパセリを散らしましたが、フレッシュのイタリアンパセリを刻んで散らすと更に良い香りを楽しめます。念入りに下処理したメジナは臭みも無く、上質で肉厚の白身がほくほくして旨味たっぷりの煮汁と合わせて非常に美味しかった。

残った煮汁は白ご飯にかけてリゾット風に。これもまた美味しいものです。

白身の魚であれば何でも美味しく出来るので、スズキなど季節に応じた魚を選べばいつでも作れる簡単で美味しい定番料理です。