講師：WordBench札幌の田中さんのセミナー資料はこちらです。
http://another.maple4ever.net/archives/1270/

拙記事ではセミナー内容の捕足、実務で扱うものとしての雑感などを交えます。
まだ3.0をちゃんといじっていないので、3.0についてはあくまで聞きかじりの段階であることはご了承ください。

WordPressはCMS

• 広瀬香美ブログ
• 百式
• 暮らしの手帖

WordPress3.0は6/25時点で1,121,440ダウンロード

WordPressは時系列主体のサイトに強いように思われますが、「暮しの手帖」のような時系列に添わない、個性的な一覧ページを持ったサイト構築も充分可能です。

とは言え、様々な実務案件を経験してきた視点から言えば、静的ファイルとの共存が難しい、テーマファイルの見通しが良くないなどの欠点から多人数で連携して制作するサイトにはあまりおすすめできません。

尚、私のブログもWordPressです。一覧ページの体裁が普通のブログと違っていたり、a-blog cmsベースの本サイトとインクルードで連携していたりします。

どのようなコンテンツマネージメントシステムということを知る にはそのデータ構造を知ることが早道です。
WordPress 3.0 の新機能を交えまして、まずは WordPress の データ構造を紹介していきます。

WordPressのデータ構造（記事情報）

ポストとページの二種類＝post_type

1. ポスト：時系列（日記／新着情報など）
2. ページ：固定的（自己紹介）

ポストとページのメタ情報

• タイトル
• 投稿日・投稿者
• 修正日
• パスワード
• トラックバック先
• 分類情報(カテゴリ・タグ・タクソノミー)
• リビジョン
• 等々

WordPressの記事情報は時系列とカテゴリーによって分類することを前提にした「ポスト（記事）」と、1ページごとに独立した「ページ」に分類されます。

ただ、ページでも時系列の整理が可能だったり、後述の「カスタムタクソノミー」でうまくタグ分類すると、両者の区別はほとんどつかなくなってきます。
この辺りの特徴は、MovableTypeと非常に良く似ています。

カスタム投稿

WordPress3.0からの新機能
ポスト／ページに加えて新しいタイプを定義できる

タイトル不要／日付不要／トラックバックが必要／などなど

旧来のポスト／ページもカスタム投稿のひとつとして
デフォルト実装されている＝再定義ができる

カスタム投稿機能は、マルチブログ以上の目玉機能なんじゃないかと思っています。
上の説明の通り「必要／必要ない項目」を自分で定義することが可能なので「タイトル・本文がなく、カスタムフィールドのみで構成された記事」などの大胆な構成も可能なようです。
MovableType4以降で登場している「表示オプション」に近い印象です。

管理画面上の入力項目の順番設定はできるのか、旧来のプラグインや表示パフォーマンスへの影響はないかなど気になるところもありますが、使いこなせば無償で使える軽量CMSとしての良さが増しそうです。

カテゴリーとタグ

記事に対する抽出条件のひとつ

1. カテゴリー→階層構造を持たせられる
2. タグ→フラットな分類

カスタム分類（タクソノミー）

任意のセット分類を追加できる
1サイトに複数のタグクラウドを生成できる

2.9から機能強化
ただし分類の新規作成はプラグインが必要（custom-post-type-ui）

カスタムタクソノミーは、「複数の独立した階層カテゴリーを作成できる機能」と解釈した方がいいと思います。前バージョンから概念自体は存在していましたが、3.0以降では、管理画面からの設定が可能になりました。

こちらの記事で詳しく説明されている通り、導入の手順が面倒な割に必要性が薄い機能だったりします＾＾；

カスタムタクソノミー(Custom Taxonomy)の導入と使い方 [WordPress 3.0]

その他の情報

コメント
記事に対する外部からのコメント

ユーザー権限
複数のユーザーが投稿できるようにユーザー管理ができる
購読者／管理者／編集者／作成者／投稿者
管理画面のアクセス権限や投稿、修正制限
投稿から公開へのワークフローが持てる

オプション
サイトの動作システム情報

リンク先
他サイトとのつながりを格納する情報／XFNを使える

ポストメタ（カスタムフィールド）
記事に対するここまでで出てきた以外のカスタムメタ情報を持たせる

ユーザー権限については捕足が必要です。
ほとんどの安価なCMSもそうですが、「上司」「部下」のアカウントがあって、部下が更新すると昇任者である上司に自動でメールが送られる…といった機能は、WordPress2.xの段階ではプラグインがなければできません。
MUと統合したWordPress3.0はもしかしたらできるかもしれないのですが、まだ未確認です。すいません。

2.xでの実装方法についてはこちらの記事を参照してください。

WordPress – 公開承認ワークフロー – 新規公開 | Technolog.jp

リンクの「XFN」というのは人間関係を表現したフォーマットなのですが、
なんで恋愛関係だけこんなに充実してますのん
と必要性に疑問を感じるわけですよ。ハイ。

その他の情報続き

マルチブログ
3.0から利用可能
これまでに出てきた情報を複数もたすことで、複数のサイトを持つ

データフロー
管理画面操作からのデータベースへの格納
コメント者からのコメントの投稿
トラックバック／ピンバック
XMLRPC／ATOM経由でのデータベースへの格納

出力系（テンプレートタグ）
WordPressテーマの実態
テンプレートタグはデータ構造をHTMLやRSSで出力する関数群
データの抽出を行うループ系の関数を起点に、条件取得された 情報を取得
現在は主にブラウザ用に簡単に HTML 出力する機能が提供されている

注目していたマルチブログですが、今回のセミナーではデータ構造の説明の一部にとどまりました。
MovableType4、SOY CMSのように管理画面からウィザードを介して作成できるのかと思っていましたが、現時点では外部からの.htaccessの編集などが必要なようです。
サブドメインも想定して設計されているのはありがたいところです。

Wordpress 3.0で複数ブログを使う設定 « lainforest.org

出力系の説明にある通り、WordPressのタグはテンプレートエンジンではなく、PHPの関数です。
なのでテーマにはそのまんま関数を書きます。
PHPをある程度かじれば融通が利くのがありがたいところですが、プログラマさんがWordPressのテーマファイルを見たら、ちょっと面食らうかもしれません。

プラグイン

add_filter／add_actionで既存のタグ／関数に自作関数をフックできる
既存の関数も全てフックされているので不要なものを除外できる

functions.phpでテーマ専用の関数を定義できる

※簡単に実装できる反面、プログラム構造を追うのに慣れがいる

フィルターの例

記事の特定文字列を加工し、HTMLを付与
（記事中の「hiromasa」をタグで囲む）

ショートコード
（[tegaki]〜[/tegaki]で囲んだ箇所がカスタムフォントに変わる）

アクション（template_redirect）
通常のテーマに情報を渡さず、携帯用テーマの処理をさせる（例：Ktai Style）

ウィジェット
サイドバーのウィジェットを追加する

管理画面への機能追加
3.0からの新テーマはヘッダー画像を差し替えできる

時間指定実行（wp_cron）
コアには既に予約投稿の機能がある

必要なプラグインがあったなら「コア機能に対する変更」という視点で
調査を行うと比較的簡単に実現可能

既存のプラグイン修正時もコアのどの部分に介在しているのかを調査し、
そこからソースコードを追うとわかりやすい

WordPressは「フック」という概念でコア関数を管理しています。

既存のタグに新しい関数を定義する「add_filter」と

add_filter( 'the_content', 'hogehoge' );

WordPress内の特定の処理で関数を発動させる「add_action」があります。

add_action( 'wp_head', 'hogehoge' );

「コアのどの部分に介在しているのかを調査し、そこからソースコードを追う」というのが、プログラミングに慣れていないと難しいです。
phpファイルを内部検索できるソフトなどで調べる手もありますが、
WordPressのコアファイルを公開している、こちらのサイトが便利です。

PHP Cross Reference of WordPress

ページ右上にあるサーチボックスからタグ名、関数名を入力するとどのファイルの何行目にコードがあるのか、を調べることができます。

WordPressの魅力

ブログを起源とするプロダクトだがデータ構造がシンプル
特に3.0から基本構造や分類の解放を行っているためCMSとしても使いやすくなった

個性が強いブログサイトを構築する手段としても人気があるので
テーマやプラグインに美術的なものが多く配布されている

個性をだすべく、システムもそれに答える形で拡張されていく
テーマやプラグインからの介在の余地が大きく
様々な要求に応えられるカスタマイズが可能

サイトへの導入実績が多くそのノウハウが得られやすい

WordCamp／WordBenchなどオフラインコミュニケーションも活発で楽しい

WordBenchについて

WordPress の地域コミニュティー
実はWordBench札幌としてのオフライン活動はこのOSC北海道が初めて

参加お待ちしております
http://wordbench.org/

セミナーのレポートは以上です。

田中さんが述べられているように、WordPressはPHPの知識があれば柔軟なカスタマイズができることが魅力です。
このためかデザイナーが介入しやすく、芸術品のようなテーマ、とても無料とは思えないような高度なテーマが多数公開されています。
管理画面の完成度の高さも特筆すべきところです。

一方で「安くて簡単でなんでもできる」という情報が一人歩きしてしまい、WordPressの仕様では困難な案件、ライセンス料をかんがみても他のCMSの方が安心して運用できそうな案件もWordPress前提で来ることが増えているのが、私の悩みだったりします。

そういう意味で、新機能を派手にアピールするのでなく、WordPressを更に詳しく知るための解説に徹した田中さんのセッションは好感を持ちました。

MUと統合し、更に奥深くなったWordPressはこれからも注目すべきCMSだと思います。

Twitterで記事を紹介して下さい（-人-）

沖縄県でSaaS型のWEBサービスを展開されている、AQUASYS（アクアシス）様のウェブサイトリニューアルを行いました。
所属のプログラマ様との共同制作で、デザイン・コーディング・サイト構成の改編を担当しています。

http://www.aquasys.co.jp/

この案件は、制作前のプレゼンテーション（ユルいものではありましたが）を求められました。
そこで社内の方に特に言ったのが、「現状のサイトは不安を煽る」という点でした。

前のデザインは（外注したらしいです）一見無難なのですが、コンテンツに行き止まりがあったり、サービスについて概要しか書いていなかったり、欧米圏独特の強い言い回し（AQUASYSの代表は外国の方）が残ったままだったからです。

IT企業というのは実体のないものを扱っているので、ちょっとした不安が「契約しない」という選択につながってしまいます。

とにかく、一般の人には理解しにくい「SaaS」や「CRM（顧客管理システム）」を、障害なく伝えられるかを、プログラマさんから会社としてのデザインの希望や、社内の営業計画を聞きながら制作していきました。
自分でもできるだけ、SaaSやCRMについて予習したつもりです。

制作時に、ディレクションを担当したプログラマさんに、以下のような要望を出されました。

• サイトの共通部分の管理に「Genshi」を使いたい
• Subversionでのバージョン管理に協力してほしい（TortoiseSVN）

「Genshi」はPythonのテンプレートエンジンです。基本的にはSOYCMSに似た、HTML内に属性値を書き込み内容を置換する形式で動作します。
実際の組み込みはプログラマさんに行っていただきましたが、独自タグの位置・ページ毎のHTMLの指定方法など、都度指示をもらいながらコーディングをしました。

また、Dreamweaverに入っているSubversionでは機能にまだまだ不備があって管理しにくい、ということだったので、TortoiseSVNを利用しました。

正直、これまではSubversionのメリットがわからなかったのですが、丁寧に使いかたを説明してもらって導入してみると、プログラマさんといちいち連絡を取らなくても作業を進められるし、バックアップ・復元も簡単にできるので良かったです。

今回の案件で、初めて本格的なプログラマさんとお仕事をしました。
前の記事でも書いたことですが、デザイナーとプログラマの共同作業でいちばん大切なのは、綿密なコミュニケーションだと痛感しました。

お互いの作業に関する要望を出し、どちらかが譲歩することになった場合、譲歩してもらう側は具体的な説明をする。
デザインの反映に関してはプログラマ、作業環境に関してはデザイナーの譲歩が多くなるのですが、ここで説明が足りないともやもやしたまま進んでしまうので、納得のいかないお仕事になってしまうのではないかと思います。
とにかくSkypeチャットは必須ですね。

いつもと違い勉強することがたくさんありましたが、得るものもたくさんありました。

Twitterで記事を紹介して下さい（-人-）

2009年6月27日に開催された、CSS Nite LP, Disk 6 「CMSリベンジ編」の参加レポートです。

最後のコマは

• bingo!CMS
• Jimdo
• Power CMS for MT

によるミニセッションと、パネルディスカッションでした。

セッションについては短くて書きようがないので、製品の概要と私の感想のみ。

追加参入の三社は、製品に関するセッションが5分程度しか与えられていません。
…が、プレゼンターの皆さんの集中力がハンパなく、5分でも各製品の特徴や魅力までは充分知ることができました。

bingo!CMS

特に凄かったのが、一番手のbingo!CMS。
もともとbingo!CMSは、DTPデザインの感覚でレイアウトできるという方向性なので、ドラッグ・ドロップを駆使したダイナミックなデモ動画は観客の目を引きます。

それを「時間がないので…」と言って爆速で流しながらの、よどみないライトニングトーク。
（ちゃっかりまだ開発中の機能も混ざっているwww）
ラストに「参加者全員にシングルライセンスをプレゼントします！」という太っ腹発言があったこともありますが、会場は大いに沸きました。

素晴らしい製品はじっくり使ってもらえば必ず分かってもらえるけれど、使ってもらうには魅力を最大限に引き出す交渉術がなければならない。
CMSを勉強するために上京したつもりが、プレゼンの勉強にもなってしまいました…東京オソロシス。

Jimdo

Jimdo（ジンドゥー）は、SOY CMSの少し前にブックマークサイト等で話題になったWEBサービスです。
コアはドイツ製なので「国産CMS」とは少し違いますが、KDDIが提供しているのでシステムは完全に日本語化されています。

最新技術のCMSを無料サービスとして利用できるので、私もアカウントを取っています。
カスタマイズまではできてませんが、LP6に参加した他のCMSと同等の「公開画面と全く同じ管理画面」がWEBサービスとして利用できるのは注目です。
有料版の9割は、法人やWEB制作会社とのことですから、充分に業務利用も可能なようです。

現状では「仕事に利用したい」の割合は高くないのですが（前後のセッションと比べて割と控えめだったのもあるのかも）、今年の秋からテンプレートを一般ユーザーが公開・販売できる、「ストア機能」を実装予定だそうです。

FC2ブログの共有テンプレートを連想させる、ストア機能。
久しぶりに販売用テンプレート作りに挑戦してみましょうかね…

Power CMS for MT

「Power CMS for MT」は、MovableTypeにCMSとして不足している機能を追加するプラグインパックです。
他のCMSと比べると高価ですが、MTのノウハウの踏襲と、手厚いサポートを売りにしています。

プレゼンターの野田純生(junnama)さんといえば、MovableTypeのエヴァンジェリストの一人で、MovableType・CMSに関するたくさんのアウトプットをされている方です。

つまり、「MovableTypeから乗り換えられる国産CMSはどれだ？」というイベントに、何故かアウェー参加していたわけですw
シックスアパート社の人も実は見に来てるしwマテwww

このセッションで、junnamaさんは強烈な一言をぶつけてきました。

もう、MTでいいじゃん。

ぶっちゃけ。 何だかんだいっても 今までに身につけたスキルが 活かせた方が幸せじゃね?
(人間だもの)

junnamaさんによると、この発言はこれまでのセッションを見て追加したアドリブだったそうです。
以下の記事を併せてお読みください。

そろそろ「もう、MTでいいじゃん」についてひとこと。 (Junnama Online (Mirror))

MovableType5発表の件と併せて、この発言については、また別にグダグダ書こうと思います。

パネルディスカッション

「MTでいいじゃん発言」は、その後のパネルディスカッションに響いてくることになりました。

パネルディスカッションは、これまでのプレゼンター全員が出席して

1. MovableType・WordPressについてどう思うか
2. 他のCMSに負けないと思っていること
3. デザイナーに向けて考えている戦略
4. 全体構築・部分構築どちらに向いているか

に、順番に答えていくというものです。

ところが、そもそも国産CMSのほとんどがMovableType・WordPressを意識して作られたものだからなのか、自然と回答が全社似通ってしまうのです。
元々部分開発目的に開発されているCMS Designerは、はっきり発言が違っていましたが、流石に三番目の「デザイナーに向けて考えている戦略」は皆さん答えに困っていたようでした。

札幌に帰ってから他の参加者のブログを見てみても、「MTでいいじゃん発言」とこのパネルディスカッションに関して
「MovableTypeから乗り換えるほどの差別化は感じられなかった」
と感想を述べている人も多く見られました。

ともあれ、CSS Nite LP6はこうして閉会となったのでした。

これで終わりじゃないぞい。あとちょっとだけ続くんじゃ。

Twitterで記事を紹介して下さい（-人-）

今回は「成果発表強化集会」と題して、ライトニングトーク形式（スライド等を利用した5分程度の発表）のプレゼンテーションの練習を行いました。

テーマに制限はなかったので、私は
「デザインが苦手な人が抑えておくといい、Webデザインのポイント」
について話させてもらいました。

こちらにHTML＋jQueryでアップしてます。興味のある方はご覧ください。
http://webbingstudio.com/souvenir/lt_090426/

実際に使用したパワーポイントのデータは、こちらで公開・配布してます。
http://www.slideshare.net/webbingstudio/devdowebbingstudio090426

開発オフは特定のジャンルを持たない勉強会なので、LTのテーマも多種多様。
他の参加者はご覧の有様だよ！
※誰か漏れていたら突っ込んでください

• smokeymonkey :
  モーフィングの概要と自分の10年間の顔写真を使っての実演
• irasally :
  開発オフでリリースしてきたtwitterボットについて
• hadzimme :
  人工無能「Sixamo」とコミュについて
• h2ham :
  研究中のHTML+jQueryベースのプレゼンツールについて
• h_hiro :
  研究中のHTML+jQueryベースの時刻表管理・共有ツールについて
• ひよひよ :
  「Crystal Disk Info」開発とUSB記録媒体への対応のしくみ
• osabou :
  C言語で動作する安価なマイコンの使い方について
• 32 :
  注目させるプレゼンテーション

私はjQueryを良く使うので、h2hamさん・h_hiroさんのプレゼンが特に興味深かったです。同じjQueryベースで、こうもコンセプトやインターフェースが異なるツールが作れるのかと、改めてプログラム言語として確立しつつあるJavaScriptの可能性を感じた次第です。

また、パワーポイントの元データと、HTMLに変換した完全版のフォントが異なっているのも、32さんの「魅せるプレゼンにはシンゴー！新ゴ！」という話を参考にしてのことです。

自分的に最大のサプライズは、今回はじめて参加したひよひよさんでした。
名刺交換してびっくりした…(ﾟДﾟ；)
ソフト使わせてもらってるのに、お名前存じ上げてなくてすみません。

「5分程度」のつもりでパワポを作ったのに、実際にはスムーズに言葉が出てこなくて10分近くかかってしまいました。
しかも慌てていたらしく、「もっと早かったら内容が分からなかった」という意見をいただきました。
やっぱり脳内シュミレーションだけではうまくいかないわけで、次に機会があるときに向けて反省すべきところです（一人暮しなんで聞いてくれる人がいないんです…；；）。

プレゼンテーションやデザインを学ぶことは、他者を意識することであり、コミュニケーションを身に付けるいい方法だと思います。
機会を見つけて、これからもこの手の練習ができればと思います。

Twitterで記事を紹介して下さい（-人-）