a-blog cmsでAjax検索機能を実装 (1.2.2b) にあるように、まだ社内向けベータ版ですが、a-blog cmsでAjax検索機能というものが実装されたらしく、テストエントリー。
以下の検索フォームから検索したい言葉を入れて検索してもらうと、画面のリロード無しで検索結果のリストが表示されます。（『屋久島 本 杉』みたいに複数検索もできます。）最新エントリー最大10件が表示されます。（このあたりはモジュールIDで設定してやる事ができます）基本的には a-blog cmsでAjax検索機能を実装 (1.2.2b) に書かれている手順でやればうまくいくはずなんですが、僕のブログの場合、直下にCMSを入れてて、その子ブログ（bid : 2）としてこのブログを使っているので、ソースにあるようにinputのhiddenでbidを記述しないといけないみたいです。
（検索されるとココが置き換わります）
kazumich.logでa-blog cmsのモジュールの書き方が紹介されてました。
- a-blog cmsのモジュールの書き方 その1 − kazumich.log
- a-blog cmsのモジュールの書き方 その2 − kazumich.log
- a-blog cmsのモジュールの書き方 その3 − kazumich.log
【南知多・師崎】釣り船なら石川丸
今月初旬に、愛知県は南知多・師崎の釣船屋さん石川丸さんのサイトをa-blog cmsを使ってリニューアルしました。僕はこの中でデザインとFlashを担当したのですが、a-blog cmsとFlashの連携について少しふれたいと思います。
元々、石川丸さんのサイトは前のサイトではa-blogというa-blog cmsの元のシステムでブログ形式として運用されていました。釣果ブログという今では釣船屋さんのどこもがやっているような、その日に釣れた魚、釣果をブログで更新して、お客さんにアピールするというブログをいち早く行っていました。釣果ブログを見ると、2006年3月からほぼ毎日のようにエントリーを書かれています。釣船屋さんのお客さんがその様子をPCなり携帯で確認してそろそろ○○が釣れそうだから行くよといった感じで、電話がかかってくるそうです。またその釣った写真をプリントアウトして飾ったりされるお客さんもいるそうです。
今回リニューアルする際に、これだけ充実したコンテンツを使わない手はないと思い、その写真をFlashで表示するデザインをおこしました。また過去の写真を簡単に見られるようにカレンダー機能も付け加えました。こうする事でシーズン毎の魚の様子が一目でわかるようになりました。
a-blog cmsはa-blogから受け継いだUIの１つに、ブロック要素毎にエントリーを書いていくという特長があります。更新作業が簡単 | 機能紹介を参照してください。この書き方の大きなメリットとしてはユーザーがHTMLの構造を意識せずに見出しやリストを使えたり、テキストやイメージの順番やレイアウトの調整が行えたりすることもあるのですが、システム側のメリットとしてコンテンツのテキストとイメージなどをDBに別々に持たせる事ができ、XMLとして出力する事も容易であることがあげられます。
したがって、a-blog cmsではユーザーには普段通りエントリーを書いてもらうだけで、その写真を表示するようなスライドショー的なFlashを作るためのXMLの出力を手軽に行う事ができます。
例えば僕のブログでは、こんなXMLを出力しています。これはエントリーのテキストだとか画像などを要素毎に出力しているもので、コンフィグ管理のカラムリストからテキストを出すのか、画像を出力するのかなどを設定する事ができます。a-blog cmsのキモは、このXMLの出力の設定をモジュールIDというものを使ってID毎に設定する事ができることです。モジュールIDとうまく組み合わせる事で、複数のXMLを扱うことができます。モジュールIDについて詳しくはモジュールIDの新規作成・編集をご覧ください。
またこのカラムリストは次期バージョンから日付毎に出力することのできるようになるので、例えば8月8日の日付の要素のXMLといったような事ができるようになります。カラムリストについて詳しくはcolumnList.xmlについてをご覧ください。
こんな感じでスライドショー的なFlashを作るためのXMLの出力は簡単にできます。僕個人としてはa-blogcmsをFlashコンテンツを作る上で使いやすいものにしていきたいと思っています。
このブログも a-blog なんですが、a-blog のカスタマイズ勉強会があるので、興味のある方は是非お越しください。
今回は、まもなくリリースされるバージョン1.7の解説とDATAFARMの勝又さんに事例を紹介していただく予定のようです。
詳しくは以下をご覧ください。よろしくお願いします。
tags：a-blog
記念にスクリーンショット
たまには、a-blogの話を。
火曜日のミーティングで（その日は雨だった）、そろそろ appleple.heteml.jp というドメインでブログを書くのをやめて、新しいドメインを取ったらどうだという話がでて、ちょうど僕も、同じような事を考えていたので、話が早かった。
夕食を食べながらドメインを何にしようかいろいろ考えて、相談しつつ、ra66it に決まった。（思いついたのは僕ではない。）家に帰り、ドメインがとれるかどうか確認したら ra66it.com は取られていたので、ra66it.net にした。一応、僕の中で好きなドメインの基準みたいなものがあったので、出さえすれば割とすんなり決まった。
ブログでは個人的な事も多少書く方なので、サーバーも自分で借りた方がいいだろうなと思い、契約する。ムームードメインからの新規契約のメールが22時35分、 ヘテムルの入金確認のメールが23時07分にきているので、わずか１時間たらずの間にドメインを取って、サーバースペースを手に入れる事ができるんだから、たいしたものだなぁと感心した。むしろ僕の方の心構えの方が、そのスピード感についていけてない気さえしました。
レンタルブログでブログを書く事もそれはそれでメリットがあるように近頃は感じるのだが、自分でドメインを取って、ブログを書く事でサイトが充実してきて、ドメインが育ってくるとそれはそれでちょっとうれしい。僕のサイトはそこまででもなかったが、単純に見られている件数やらブックマークの数、ページランクなんかがあがってくると、誰が見てるのかなぁとおもいつつも、あんまり気にせずつらつら書いている。自分の育てたいドメインをもっと早く取って、もっと早くはじめなければなからなかったんだけど、勢いって大事ですね。そもそもこんなにブログ書くとは思わなかったし。
１日目はドメインを取って、サーバーを借りて、古いサーバーから新しいサーバーにデータを移行して終了。
次の日。a-blog（というか他のブログもそうだと思うけど）はPHPとMySQLというデータベースで動作しているので、単純にサーバーのデータを写しただけでは元のサイトを新しいサーバーで表示する事はできない。データベースのデータを移行しなければならない。これはそんなに難しい事ではないのだが、ちょっとした経験とちょっとしたコツがいるように感じる。会社の先輩に見てもらいながらデータベースの移行も完了した。データベースの移行がすんで、タイトルをちょっと変えて、とりあえずの表示ができたところで、ひとまず、引っ越しは完了。幸運な事に僕はa-blogをつくっている会社勤めているので、引っ越し用プログラムも入れさせてもらっている。ただ、１点失敗したなとおもったことは、前のブログの方で、引っ越すとまったくアナウンスしなかったこと、ごめんなさい。この辺が思いつきで行動している駄目なところな気がします。
その日の夜、引っ越しは完了したが、見栄えがあまりにも変わっていないのと、引っ越し用プログラムがあまりに自然に新しいドメインのブログを表示してくれることから、これ、引っ越した事だれも気づいていないんじゃないかと思い、ブログのデザインを作り出す。
デザインを作るといっても、ヘッダーとロゴと全体的な見栄えとかそんなところだ。このブログを一番見ているのはおそらく僕なはずだから、自分が見てて使ってて気持ちいいデザインを作りたいと思った。横幅を広く取ったのは、写真を大きく載せたいと思った事と、a-blogはFlashのswfをアップすることもできるわけだが、若干狭いなぁと感じていたから。あと、サブカラムのタグがどんどん多くなってくるとある程度横にゆったりと幅がある方がいいだろうなというところからきています。
最近はFlashを触っている事が多かったり、ある程度作りたいもののイメージが固まっていた事もあったので、純粋にデザインする事を楽しむ事ができた。時間があまりなかったってこともいい方向に向いてくれたような気がする。写真やFlashで作ったものを見せるサイトにしたかったので、ベースはできるだけシンプルというか、白にしたかった。キーカラーはこの間作った１２色環使ってみましたよ。
２日目はブログのデザイン（といってもヘッダーとロゴと全体的な見栄えだけがし）をFireworksで作ったところで終了。
さて、３日目。問題のコーディング。a-blogのテーマファイルのパッケージの中には〜tpl.htmlっていうテーマファイルがいくつか入っていると思うんですが、普通にブログとして使うだけだったら、index.tpl.html、news.tpl.htmlの２つのテンプレートファイルを書き換えてやればい（アーカイブでheadline.tpl.htmlを使っているので、これも触ったが）。あとcssファイルをごにょごにょやってやる。ヘッダーの画像が横幅いっぱいまで広がらなくて、うーんってしばらく悩んだ。a-blogのテーマのカスタマイズはほんと数えるぐらいしかやった事ないわりにはボチボチなんじゃないかなと。まあ、数回の経験でも大きな助けになりました。多分、IEで見ると、意図してない出方してるんじゃないかなと思うんだけど、今回は僕が見てて使ってて気持ちいいってことでスタートしているので、その辺はご愛嬌で。ちょっとずつメンテしていきたいと思います。そんな感じで夜中の３時すぎまでごにょごにょ作業。本当は２日に分けて作業しようかと思ったけど、気がついたらこんな事に。３日目はmixiに日記書いて終了。
長くなりましたが、こんな経緯でブログを引っ越ししました。
a-blogはPHPで動的に出力しているのでサーバー上でないと動かないわけなんですが、ローカル環境にPHPが動作する環境があるとブログパーツをテストしたりテーマ（themesの中のindex.tpl.htmlなど）を作ったりする時には便利だったりします。昨日事務所のMacを使えるようにしたんですが、どちらかというとノートに環境があるほうが便利なので再挑戦してみる事に。以下メモ。
参考にしたサイト：
A leaf of PowerBook Mac OS X 10.4 Tiger で PHP + MySQL を使おう！
A leaf of PowerBook mac os x で mysql + php を使うメモ
Marc Liyanage - Software - Mac OS X Packages - MySQL
Mac OS X Server 10.4.4: Apache/PHP/MySQL の相互動作の機能強化
