ついカッとなって、
「日本のコーダーは、CSSのfont-family指定にメイリオとヒラギノ角ゴのどっちを優先しているのか」
という問題を本気で調べることにしました。

主な調査資料は、CSS Nite LP9 連動 第2回コーディングコンテストの応募作品です。
上位入賞者と、参加作品のNo.1〜20、それにCSS NiteLP9 / 9.2の一部出演者のサイトのfont-family指定を抜粋し、私も含めて計45人のコーダーの統計を取りました。

現場でコーディングをしている人ばかりなので、かなり信憑性のあるデータなのではないかと思いますが…
結果は追記以降で。

はい結果どーん。

圧倒的にメイリオが多い |||orz

コンテスト入賞者、出演者のfont-family指定の詳細は、別途まとめています。

資料：日本のコーダーのfont-family指定

※CSSのソースに著作権はないものと考えていますが、問題があればご指摘ください

font-familyを指定しなかった場合、MacOSのSafariは明朝体になってしまいます。
また、もう過去の話になりつつありますが、MacIEでは日本語フォントの指定がないと、input要素などで不具合が起こるバグがあります。
このため、指定なしの人はほとんどいませんでした。

私のように「MacにOfficeを入れた環境だとメイリオになってしまうのが気になる」という人は、ヒラギノ角ゴを優先にしているのかもしれません。
WindowsXPにヒラギノが入っていると、もっと見栄えが悪くなるのですが…

細かい優先度、指定しているフォントに関しては、定石やトレンドと言うものがほぼなく、完全に個々のコーディングポリシーにゆだねられているようです。
英語圏のアクセスを想定してか、Vistaの英字フォントである「Segoe UI」やMac OSの「Lucida Grande」を優先している人も見受けられました。

結局のところ、OfficeがMac OSのフォントに介入してくる現状がある限り、コーダー側としては自己判断するか、JSなどで判定して、OSがMacだったら別途CSSを読ませる…などの対応をするしかないと思われます。

この辺り、各コーダーの皆さんが何故最終的にこの形になったのか、というのをブログや勉強会などで発表しあうと、より良いトレンドができるのではないでしょうか。

「clean」だけ何のフォントなのかわからないのですが…教えて偉い人！

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

昨日（4/17）は東京で「CSS Nite LP, Disk 9」がありました。
WEBコーダーの最新技術にフォーカスしたイベントで、Web制作・jQuery・CSS3・HTML5とかなり幅広いテーマとなっています。

私も参加したかったのですが都合が付かなかったので、Twitterのハッシュタグ「#cssnitelp9」をお仕事しながらチェックしてました。

その中で、牧野工房の大杉さんと、ドーガの石本さんのコーディングスタイルの違いに関する呟きに興味を持ちました。
少なくとも、CSSの扱いに関しては全然違うようです。

necozeさんも参加されてたんですねー＾＾

牧野工房はサイト内のCSSをコンテンツ毎に分割して、importで一括管理するスタイルなので、石本さんがhttpリクエストを節約する方針で制作しているのであれば、真逆になるはずです。

これはどっちが正しいとかではなく、
「ボリュームのあるサイトを早く正確に作成する」ことを業態としている大杉さんと
「パフォーマンスの高いサイトを作成して長期的効果をアピールする」のを追求している石本さんでは
同じコーダーでも「求められている要素」が違うのだ思います。

私のようなフリーのコーダーになると、協業先の方針や案件の状況によって「今回求められている要素は何か」を判断する必要が出てきます。

制作会社との協業の場合は先述したような、早さか、正確さか、パフォーマンスかという話になってきますが、それとは別に
「Webデザイナーとしての技術的なサポート」を求められることもあります。

依頼先が小規模団体や、DTPデザイナーしかいない制作会社だった場合、カンプの文字サイズ・マージン・パディングなどは適当ですし、Webページに起こすとどうなるかなどはあまり考えられていません。
その辺りの補完を制作側がまかされるわけです。

常に一定のワークフローで進められないのはけっこう大変なのですが、ポリシーがないのもポリシーですよということで、いろいろな協業先の良いところを吸収していきたいと思っています。

そんな私は6/5の「CSS Nite LP, Disk 9.2（reprise）」に参加予定です。
再演版ではCSS3や、HTML5にさらにフォーカスした内容になっているようです。

内地のコーダーの皆様、会場でうぇびんを見かけたときはいじめないでください。
宜しくお願いいたします。

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

このところ文章がますます散漫ですがご容赦ください。

で、WebbingStudioはどうするの

今後最優先で対応したいCMSは、SOY CMSとa-blog CMSです。

SOY CMSに関しては、春頃から検証しているので一般的な構成の企業サイトならもう作れます。
既存の静的HTMLへの導入がしやすく、私が単純に「面白い」と思っているCMSなので、これからも記事や情報などアップして応援していこうかなと思ってます。

a-blog cmsの方は、「カスタマイズの仕事を通してCMSに求めていること」に合致したからです。
まだ時間が取れずインストールはしていませんが、Dreamweaverとの親和性は大きな魅力ですし、管理画面の完成度が高いです。
LP6の表向きのテーマだった「MovableTypeの後継となるのは？」にマジレスしたら、a-blog cmsだと思ってます。

これに余裕が出てきたら、CMS Desinerやbingo!CMSも、と思いますが、MovableType5も出ますし、海外CMSもひとつくらい対応したいので（MODxかJoomla!かでずっと悩んでますが）、このくらいが限界ですね。

運営元の苦労

CSS Niteは株式会社スイッチさんが運営しているわけですが、今回は規模が大きかったので大変だったようです。

開催後のフォローアップメールには、
セッションのレジュメがギリギリまで揃いませんでしたとか、
懇親会のドタキャンが12名出て12名×5,000円=65,000円立て替えましたとか書いてあります。

鷹野さんが札幌のCSSNiteでお会いしたときよりキリキリした印象だったのは、無理もないかなぁと思ったりしました。

スイッチさんはセミナーを開くことで、開発元から協賛費をもらいます。
参加者からはトラックバックによる宣伝や参加費をもらいます。
それがお仕事です。

だからといってセミナーに参加できるのは当たり前ではないです。

懇親会の件は、メールを見て慌てて支払った人が何人かいたようですが、飛行機とホテルを取って北海道から来た者としては、そんなテキトーにキャンセルできるんだなー、東京では毎週やってますからねーと毒吐いてしまいます。

最近は札幌でも、セミナーや勉強会が多くなりました。
機会を与えてもらっていることを忘れてはいけないと、改めて思います。

鷹野さん、懇親会でSOY CMSの古荘さんを探してまごまごしていたところ、連れてきてくださってありがとうございます（´д｀n

参加した人たちの流れ

あくまで私がtwitterでfollowしたり、参加した人のブログ記事を読んでの情報ですが

• （LP6に参加したCMSのどれか）に対応しようかなと思ってる
• 業務で取り入れることはないな…てゆか海外CMSやMTでいいじゃん

の２パターンに分かれます。
学習コストもありますし、私のように複数考えている人は稀なようです。

前者の方では、私と同じようにa-blog cms・SOY CMSに興味を持っている人が多いようですが、自分が受けている案件の傾向を考えて、他のCMSを検討している人もいます。

結局はMTだと不満が出そうな案件のサポート的存在なのは変わらないわけですが…
それでも、LP6より前と比べると、
「ツールの仕様にWEBデザイナーと案件が併せる」状況から
「WEBデザイナーが案件に合った仕様を持つツールを選ぶ」
という流れが確実にできつつあるように思います。
それは、私のカスタマイズ職人としての理想だったりもします。

WEBデザイナーなら、CMSがなくてもサイトは作れます。
本当に「誰でもサイトが作れるCMS」ができてしまったら、WEBデザイナーはごはんが食べられません。
（実際にはサイト構成・文言などアドバイスするのはプロのお仕事なので、そんなことにはならないですが）

それだけに、自分の立ち位置、CMSをはじめとしたツールとの関わり方を模索していかなければいけないのです。

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で記事を紹介して下さい（-人-）

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

17:45～

「a-blog cms」
ベンダー：
アップルップル

【使用経験なし】

正式公開になりました

a-blog 2004年～　有料ライセンス契約2000件以上

→CMSへのニーズの変化に対応するためパワーアップ

本当は「a-blog」自体が「CMS」を名乗るはずだったが諸々の事情で「ブログ」となった経緯がある
（つまりはじめからCMSとして開発されたもの）

WEB制作会社が作るCMS

いつも制作をしているから「欲しい機能」をすぐ反映できる

使う機能ははじめから！

• フォーム機能
• ユーザー権限別の管理
• カスタムフィールド
• SEOとLPO
• キャッシュ機能
• モバイル対応

＋オプション

公式オプション機能の充実：開発情報を公開し自主制作が可能

テンプレートのしくみ

システム内の「themes」フォルダに静的サイトをそのまま投げ込む

テンプレートの設定画面で

1. 「使用するテーマ名」を投げ込んだフォルダの名前にする
2. 「トップページにするHTMLファイル名」を指定する（任意）
3. 「アーカイブとして扱うHTMLファイル名」を指定する（任意）

…といきなり静的サイトが反映される（らしい）

サイトに含まれている画像ファイルの相対パスも自動で補正されるため、事前の修正作業がいらない

独自タグはSSIを使用

例）サイト内にログインフォームを作りたい場合は表示したい箇所にSSIのincludeを記述

DreamweaverはSSIに対応しているためローカルで構築作業が可能

管理画面もDreamweaverでデザインできる

入力項目＋hidden要素で必須項目等の設定をする
（WebbingStudio追記：CGIのメールフォーム等と同じ形式？）

例）ジェイプロジェクト硬式野球部の試合結果：スコアボード部分は実際の表示画面に限りなく近くなっている

記事表示フォーマットはいろいろモジュール化されているのでHTMLには開始/終了タグを書けば出力される

カスタムフィールドの内容はメタデータで登録されているので、簡単な絞り込み検索等はすぐ作れる

a-blogから進化した更新画面

WYSIWYGではなく、カスタムフィールドのオプション項目でレイアウトなどを指示する

フォームオプション

文字種・文字数制限だけではなく自動修正も行う（全角数字を半角数字に変換など）
メール取得のほか、CSVによるログ取得
入力ステップの分割→モバイル用に複数ページの管理画面も作れる

ルール機能

条件分岐トリガーも色々あります

ユーザーID / カテゴリーID / エントリーID / ユーザーコード
カテゴリーコード / エントリーコード
ユーザーエージェント（PC・モバイル等）

まとめ

• がんばるWEB制作者のためのCMS
  クライアントのために使いやすい管理画面を作れる
• a-blog cmsひとつでシステム構築いろんなモジュールが付いている
• HTML/CSSという現在の知識で使える
  Dreamweaver等のツールでそのまま作成

リリース記念パック（8月末まで）
基本ライセンスパック　52500円　→オプションパックも付いてくる！

感想

今回のLP6で、いちばん（いい意味で）予想を裏切られたのがこの「a-blog cms」でした。ブログシステムとしての実績もあり、デモサイトを見た感じでは管理画面のUI・構築システムもかなりわかりやすいです。
参加前にざっと各CMSの公式サイトを見てはいたのですが、やはり細かい機能はきちんと話を聞かないとわからないものですね。

デザイナーの視点として注目したのが

1. 管理画面フォームもデザインできる
   （他のCMSもできますが、プレゼンテクでしょうか）
2. Dreamweaverとの連携
3. 文字種・文字数制限だけではなく自動修正も行う
4. テンプレート側でエントリー内の画像サイズを制御できる
   （MTも難しいですができます）
5. 安価なサーバーでもほとんど設置できる

という点で、特に三つ目の「表記ゆれ」への対応は、CMS構築後にデザイナーが頭を悩ませる問題のひとつなのでかなり興味を持ちました。

Dreamweaverでのデモンストレーション画面で、独自タグを「スニペット」として登録しているのが気になったので、懇親会で代表のやまもとさんに聞いてみたところ
「モジュールのスニペットを公開しているので使ってください＾＾」
とのことです。

むー、WEBデザイナー・コーダーのかゆいところに手が届いてます。

結果として「乗り換えたいCMS」のアンケートでは一位に選ばれました。私も同感です。
（ちなみに、仕事で使えそう！はSOY CMSが一位だそうです）

というわけで、SOY CMSと並んで、今後の対応を予定しているのです。
うわーまずは設置しなくちゃ…

欠点をあげるとすれば、毎度細かいですが

<meta name="generator" content="a-blog cms v1.0.1" />

がヘッダに著作権表記として入るところです。
外せるかどうかは今の時点ではわかりませんが、ダウンロードページで警告しているところを見ると強制ぽいです。
何のツールを使っているか徹底的に隠したい方はご注意ください。

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

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

16:50～

「RCMS」
ベンダー：
株式会社ディバータ
【使用経験なし】

RCMSは設計思想が独自

Relational Contents Management System
＝「関連性を使ってコンテンツを管理するしくみ」
コンテンツをフォルダ単位ではなく「メタデータ」として扱う

長所：

情報設計がされたサイトを構築しやすい
サイトの成長に対応できる

短所：

デザイナーにはややハードルが高い

リリースの経緯

在籍していた早稲田大学ラグビー部のために2000年頃開発
今ではサイトは月間300万PV
Youtube公式チャンネルとも連動予定

※WebbingStudio注：サービス開始したようです。各試合に沿った動画が案内されてますね＾＾

CMSを入れたことで…
「スポーツマンが広報なんかするもんじゃねえ」
→「ファンや身近な人の評価を聞けて楽しい！」
→学校も活動をよく知ることができて予算出してくれたり…
→いい循環

CMSの利点がよくわかってRCMSをシステム化→2009年3月に正式版をリリース
「だれでも」「どんなウェブサイトでも」作れるCMSへ

設計思想に関して

会社概要など、項目が決まっているものはシステム側で入力フォーマットを用意している
各種スポーツの試合情報 / ブログ / カタログ / 画像 / 動画 / 物件管理 / 用語辞典 etc…

ページ内のコンテンツは細分化できる
画像 / 人 / 文章 / 日時 / 場所 etc… 200個くらい

コンテンツをひも付けできるようにすれば無限のサイトが作れる

コンテンツをどう配置するか＋コンテンツをどう表示するか
＝Information Architecture

SaaS版について

• サーバーもセットになっているのでインストール不要（ディバータがシステムを保守してくれる）
• モジュールがたくさんあるのでプログラミング不要
• 要望が多ければすぐ対応

更新の負担を軽減

ログインすると実際のページに小さなツールバーが表示され、更新したいところをその場で編集
記事を書くときに「関連のある情報」を管理画面で指定→横リンクが生成される
写真の一括アップロード機能も有

100種類以上の機能

全て自社開発
機能ごとの連携なども充実

安定性

「バージョンアップしたら動かなくなった」というようなことはSaaS版での経験が長いので少ない

Googleの各種サイトマップ規格に全て対応

動画サイトマップ
記事サイトマップ
ニュースサイトマップ
地図サイトマップ　…etc

モバイル対応

マルチデバイス対応といった方がいい
「コンテンツは蓄積し、WEBサイトは進化させる」思想なので配信媒体の融通がきく

SEOに強い横リンク

関連付けによる横リンクの充実→ページ数の増加

多段式承認ワークフロー

執筆した記事が現在どこまでOKをもらっているかがわかる

SaaS版の性能

500万PV / 月以上の処理実績

独自の開発モデル

β版を無償リリース←→フィードバック
ライセンスコストを軽減

実演デモ

感想

RCMSは、「情報の関連付け」に重点を置いたCMSです。

ブログの記事を見ると、「カテゴリー」「タグ」がブログの記事同士を時系列とは別の方向につないでいるのが分かります。この記事でいえば「CMS」「CSSNite」がそうです。

ディバータさんの説明によると、RCMSはコンテンツ内の一要素だけではなく、全ての要素に対して共通項を探したり、絞ってのリストアップが簡単にできるというシステムのようです。

例えば早大ラグビー部の6月28日の招待試合のページを見てみると、関連する試合・試合の動画・出場した選手・試合を行った場所の地図が一連表示されています。
さらに出場した選手のページへ行くと、各選手が何年生で、どんな性格で、過去にどんな試合に参加したのかまでワンクリックで知ることができます。
これはMovableTypeでもやろうと思えばできるんですが、構築にとんでもない手間がかかります。ここまで細かいことを想定したCMSは少ないと思います。

また、ソフトウェアを配ってインストールしてもらうよりは、SaaSでの提供をメインとしているようです。

SaaSとは、ソフトウェアを開発元のサーバーからブラウザ等のネットワークを通して提供するシステムのことです。
ディバータさんが最も適していると考えるサーバー環境から、常にメンテナンスした状態で提供しているのと、買い取ると100万円を超えてしまうライセンス料を月額という形で抑えられるのがいいところです。

しかし、プレゼンが全体を通してわかりにくかったです。

話が前後していたり、デザイナーには概念がわかりにくい言葉（Relational / SaaS）の説明が少なかったり、いまいち口調に抑揚がなかったりで…
すみません、最後の実演デモのところで力尽きて寝てしまいました…
今後(6)でまた触れますが、プレゼンテーションというものが製品の売上げ、印象に直結する恐ろしいものだということを改めて実感することになりました。

Relationalに関してはわかったけど、SaaSがよくわからない。ASPとはどう違うのかとか、じゃあレンタルブログもSaaSの一種なのかとか。誰か説明キボン。

この記事の内容の大半は、帰りの飛行機でいただいた小冊子を読んでおさらいしています。
RCMSの小冊子は、機能面の説明などすごく充実してて良いです。興味があるけどこの記事ではよくわからないという人は、ディバータさんに請求してみるのがいいかと思います。

私の現時点の印象としては、

1. 人物・店舗などの多くの属性を扱うサイトにはかなり有用ではないか
2. SaaS版メインなので新規サイト構築には有利
3. だけど既存サーバーがある場合には移転を即さなければいけないので、サーバー知識が深い人がチームにいなければクライアントへの説得が難しいのでは
4. モジュールをほとんどディバータさんが提供しているので、コアの詳細なカスタマイズはできるのかが気になる

というところです。

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

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

15:50～

「CMS Designer」
ベンダー：
アル・デザインワークス

【使用経験あり】

レポートを書き始める前に、一点フォローがあります。

セッション後の質問コーナーで、
「CMSDは文書宣言より前にPHPスクリプトを書き込む仕様になっているので、テンプレートをローカルで見たときにIE6で互換モードになってしまうのですが、なんとかなりませんか」
という質問をしたのは私です。

この質問を聞いて
「サーバーにアップしたあとも互換モードになってしまうのか！」
と誤解した人がいるらしく、アル・デザインワークスさんにご迷惑をかける事態になってしまいました。

私はCMSDの使用経験がありますが、後方互換モードになるのはローカルで見たときだけです（当然ですがこんなふざけたバグがあるIE6だけです）。
PHPのコードおよび各種CMSの独自タグは、実行時は出力されることはありません。

なんかすみませんでした　o…rz

この質問をした細かい理由については最後の感想で書きます。

アル・デザインワークスについて

福井県の制作会社
東京から3時間 / 越前カニ美味しい / オバマ大統領を勝手に応援する会…申し訳ございません

これからのWEBはどうなっていくのか？

それぞれが独り勝ちを狙っている→もちろんCMSも…
ひとつのプラットフォームに依存しすぎないことが大事

• バージョンアップでプラグインが使えなくなる
• 構築の仕事が「CMSの部品を作るだけの簡単なお仕事」になりかねない

MovableTypeの問題点

1. 一か所の修正がサイト全体に影響する
2. MovableType以外のブログ・CMSへのデザイン移行が面倒
3. プラグインの保証がない

（もう一点あったのですが失念してしまいました）

CMS Designerは…

ページ単位でCMSを作れる
既存のHTMLの中にCMSを「埋め込む」発想

実績

下村楽器店
武生刃物卸 など

構築をした株式会社アーキテクチャウェブシステム様の声
「お客様へのレクチャーが短かった」
「制作の費用を抑えられた」

CMSDは管理画面の入力項目を自由に構成できる
余分な説明・よくわからない専門用語がない

ここでプレゼンター新出さんの主張：
FCK Editerにも対応しているけれど、こんな入力支援を使わなくてもきれいなサイトを構築できるのがCMSDの理想です。

構築の流れ

テンプレートはXML＋XSL

1. フィールドの定義（スキーマ）
   →XMLファイルでテキスト、ファイルアップロード等の入力仕様や順序、ラベルを既定
   →XSLファイルで動的部分の出力HTML、細かい条件分岐などを既定
2. コンテンツを保存する場所としてコンテンツ毎に格納フォルダを用意する
3. 既存静的ページのHTMLの先頭・末尾におまじない（＝PHP構文）を入れる
4. 既存のHTMLコードを
   <cmsd:entrylist name=”hogehoge”><cmsd:design>
   ～
   </cmsd:design></cmsd:entrylist”>
   で囲み、XSLタグを書き込んでいく
5. ファイルの拡張子を「.php」にする（サーバーでmod:rewriteが使用可能であればHTMLでもできる）

URLによる動的ソート

URLに引数（?hoge=xxx&huga=yyy）を付けることで、記事の項目内容による絞り込みが簡単にできるようになっている
他のCMSの場合は各ページを書き出すことを想定しなければならないがCMSDは引数で条件に沿ったページを自動生成するので、複雑な条件分岐はあまり必要ない

その他

1. 日時指定（コンテンツごとに任意で要・不要を設定できる）
2. ユーザー権限
3. コマンド制限（記事の作成はできても削除ができないユーザーを作るなど）
4. 表示制限（管理画面で自分が書いた記事しか表示されないなど）
5. ページキャッシュ

感想

私がCMS Designerのことを知ったのは、制作会社で働いていた頃に社長から「これは使えるだろうか？」と聞かれたのがきっかけです。

当時はサーバー等の条件が合わず導入は見送りましたが、WEBの知識がない（しかもCMSには慎重だった）50代の社長が興味を持ったということは、それだけ簡潔なインターフェースだったということです。

「埋め込む」「データベースがいらない」「世界共通技術のXMLベース」という概念のため導入しやすく、マニュアル、サンプルデータもきちんと完備されています。今回のCSS Niteでも「プレゼンうまいなー」という印象を受けました。

CMSDの方が「救世主」には近い気ガス　´・ω・）

でも、進行役の鷹野さんが指摘している通り、カスタマイズの工数は規模の割に多いです。

また、テンプレートエディタはなく、「スキーマ」という概念が理解しにくいため、レンタルブログ等でのカスタマイズ経験がない人、XMLが分からない人にはややハードルが高いです。

ここで冒頭の質問の件になるのですが、
私が一人で構築をするのであれば、ローカルプレビューの件は全く気にならないのです。レンタルブログのカスタマイズのときは全てブラウザで作業しますし、そもそもIE6なんか、あと一年くらいでゴミ箱に放り込んでもいいブラウザです。

でも、自分以外の（CMSDのスキルがない/そもそもコーディングの技量も未熟な）同僚・後輩などとチーム制作をする場合、細かい説明をしなければならない点が多いと、じわじわと最終的な作業時間に関わってきます。

ぶっちゃけ、PHPとXMLをいろいろ書きこまなければならないのであれば

「MovableTypeかWordPressで記事リストだけ作って、includeでよくね？」

となってしまいます。

そのようなわけで、私の中では、導入したいけれど残念なCMSとして位置づけられてしまっているのです。
公開後に撤去できるようなテンプレートエディタができたり、PHP構文がいらなくなってほしいところです…

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

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

14:55～

「Web Release 2」
ベンダー：
フレームワークスソフトウェア
（プレゼンは代理店の
メディアプローブ）

【使用経験なし】

良いCMSの条件とは？

成長するCMS

• 企業の成長とともに変化する
• 市場環境の変化に適応する
• 技術革新に対応できる

→最初の費用が高くても長期的にカバーできる

CMSに求められる柔軟性

• 制作時：テンプレート開発
• コンテンツ入力
• 運用時
• KPIを高めるためにPDCAサイクルを回す
  →フィードバックされた結果を基にチューニングを施す場合、CMSは不可欠
• 短期間・低コストで対応できることがCMSの必須条件
• カットオーバー時の「柔軟性」が重要
• 他案件への再利用

Web Release 2は…

• SEO効果の高い静的コンテンツ生成型
  （Perl / PHP / JS / XML / CSS等の生成も可能）
• デザイン・レイアウト・サイト構造に制限がない
• WEB標準対応
• リポジトリー型
• パッケージ型のためインストールおよび管理が極めて容易
• ハイパフォーマンス（CPUのコア数が増えるほど速い）

可用性の高いシステム構成

CMS本体があるサーバーと公開用のサーバーが別（更新するごとに自動FTPで転送）

公開用サーバーは最低限のパフォーマンスで運用でき、CMS側がダウンしても安心

ライセンス体系

エンタープライズエディション　・・・　300万円
ワークグループエディション　・・・　50万円（500ページまで）

オプションによる割増は一切なし→1000万クラスのCMSと同じ機能を持ちながら意外とリーズナブル

WebbingStudio追記：
後の管理画面の話で、ライセンスについての補足説明がありましたが、わかりづらいのでここに書きます。
別サーバーからFTP同期という性質上なのか、ライセンスは「1システム単位」となります。
ドメイン単位でライセンス料が発生しないので、別ドメインが多いほどお得になると思われます。

Web Release 2を選ぶ理由

• Sinplicity & Complexity
• まるで「白いキャンバス」
  WEBの既成概念にとらわれないレイアウト・サイト構造が実現可能
• とにかく開発が楽

Web Release 2.4の新機能

1. 承認ワークフロー
2. WYSIWYGエディター
3. 独自タグの追加
4. 関数の追加

ここでプレゼンター渡辺さんの主張：
CSS Nite配布の「CMS比較表」だと、機能面では「○」か「×」しかないが、
ただ「できる」というだけではいけないんじゃないかと。

導入事例

• 六本木ヒルズ
• ヤマサ
• モリサワ
• 日産自動車
• WEBマガジン「ACROSS」

管理画面

入力画面は固定されていない
「要素」を決めておけば、フォームが自動作成される→MovableTypeのカスタムフィールドが全項目に使えるイメージ

独自タグの基本書式は　%＋引数＋%
引数には日本語が使える（テンプレートに　%タイトル%　と書けばOK）

デモ（株式会社ボールによる）

日産自動車

「NOTE」　各車種のFlashサイト
Web Release 2が静的ファイルを生成できることを利用してXMLを作成→Flashで作成しておいたテンプレートにデータを反映
Flashだけで作ると製作費がかかるが、テンプレート化・CMS組み込みをすることで省力化

オンライン見積では車の細かいオプション品にも対応
（同種のオプション品を選ぶと他のオプションが選べなくなる判定もWeb Release 2の入力項目で対応）
ちなみに、一車種あたりXMLテンプレートが300～500もあるが
Web Release 2で作成したテンプレートは数十程度で済んでいる

リリース後　・・・　テンプレートを変更して「HTML版」もリリース
ひとつのCMSをFlash・HTMLにも利用できる

ACROSS

過去の有名ファッション雑誌　現在はWEBマガジンで運営
渋谷、原宿のおしゃれな人のデータベースアーカイブ

各取材内容の他に、取材相手が見に付けている服・靴・アクセサリー等の「アイテム」にタグ付けがしてあり90年代からの膨大な関連データにひも付けされている
→CMS導入前のHTMLはそのまま活用している

感想

大企業で2000年ころから多くの実績を持っている、本格派のCMSです。
なにしろライセンス料が高いので、私を含めて詳しい仕様や実績などを聞いたのは初めて、という人がほとんどだと思います。

MovableTypeがあまり好きになれないという人にMTの良さを伝えるとすれば、このWeb Release 2と同様「完全な静的ファイルを出力できる」点を私はまず挙げます。
つまりは「テキスト」であればなんでもいいわけで、全く別個のプログラムを書かせることもできますし、事例の日産自動車のようなXMLとFlashの連動も容易です。

さらにWeb Release 2が優れているのは「全く別のサーバーから公開サーバーを操作する」システムで、万一公開用のサーバーを攻撃されたり、CMS用のサーバーが落ちたりしてもサイトへの影響が最小限で済むのです。
ライセンス料のほとんどはこの、圧倒的な「実績」「安定性」にあるのでしょう。

が、twitterのタイムラインでも多くの人が突っ込んでいましたが、プレゼンの内容が内部構造ではなく実績やマーケティングへの効果という表面的なお話ばかりで、結局全容が掴めませんでした。冒頭のグラフの「直感的/構造主義」が不明になっているのはそのためです。

英語・専門用語大杉。
公開ページは後で見るから、管理画面もっと見せて。

大企業を相手にお仕事をしてきたという性格かもしれませんが、まるでクライアント企業の重役相手のプレゼンを見せていただいているようで、私たち現場のWEB屋には響かなかったです…

ここで、進行役の鷹野さんがいきなりの爆弾投下。

「そういえばSOY CMSのときは聞き忘れたんですが…このCMSを使ってみたいと思った人ー」

鷹野さん！このタイミングはないわー！

まだふたつしか聞いてないし、「使ってみたい人」って言われたら、そりゃ誰も50万円のCMSに手挙げられませんて！
というわけで、公開処刑っぽくなってしまい、ちょっと気の毒なWeb Release 2でした…
（エンディングでは何人か手挙げてましたけどね）

システム的には、予算と環境さえ許せば素晴らしいものだろうと思います。天下取りたい人向け。

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

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

14:00～

「SOY CMS」
ベンダー：日本情報化農業研究所

【使用経験あり】

日本情報化農業研究所とは

本当に農業をやっている会社（農業技術の研究等・プレゼントも野菜だったw）
WEB制作業もやっているけどSOY CMSは農業者向けに作っているわけではない

CSS Nite in KYOTOもSOY CMSベース

MovableType等、従来のCMSの難点

• デザインが自由にならない
• CMSを知らないとマークアップができない
• 構築後の修正が難しい
• 他の人が直そうとしてもわからない

SOY CMSの利点

• 「ページ」と「記事（内容）」が完全に分離しているためサイト設計が柔軟
• HTMLの属性値に対して独自タグを指定する方式→今のHTMLのダミーテキストを残したまま構築ができる→テンプレートをブラウザ・Dreamweaverでプレビューできる
• ダイナミックページ編集機能→プレビュー画面（※注　公開画面ではない）から直接テンプレートを編集できる

構築の流れ（デモ）

1. 新規ページを作り、テンプレートエディタに静的HTMLのソースを貼り付け保存
2. 新着部分の一件目のHTML要素の属性値にcmd:id=”hogehoge”等の独自タグを加えていく（HTML自体は変更しない）
3. 独自タグを加えた範囲をブロックタグで囲む
4. 作ったブロックに対し「何のラベル（カテゴリー・タグのようなもの）が付いた記事を何件表示するか」を指示
5. 二件目以降のダミーテキストを非表示タグで囲む

ひな型機能

記事のHTML構造（テーブル等）、カスタムフィールドの表示位置などをテンプレートとは独立した形で保存、記事ごとに流用が可能

拡張機能

プラグイン

SOY CMSの一部として簡単な機能を追加するもの

カスタムフィールド・ブロック一括指定・テンプレート同期（テンプレートをHTMLファイルとしてエクスポート）

SOY App

SOY CMSと連携して動作する半独立のアプリケーション

お問い合わせフォーム・メール・etc…

管理画面のカスタマイズ

公開ページのテンプレートと同じ仕組み
注意文を入れたり、使わない機能を消したりできる

サポートについて

オープンソース（GPLライセンス）　全てフリーで利用可
有償でのサポート・フォーラムも有

その他

• 実績紹介サイトを開設予定
• 現状の最大サイト＝テンプレート数十点＋記事数数千件くらい
• URLの末尾を「.html」にした場合で、同じディレクトリに静的ファイルが既にあった場合は静的ファイルが優先される
  この仕様を利用すると静的ページを表向き公開したまま裏で動作テストができる

北海道開発オフ：SOY CMSは、SOHOやWebデザイナーの救世主になるのか

このとき、結論としては元記事の蒲生さんに反論する形で批判ぽいことを書きました。

いろいろ書いている通り、私としては
「蒲生さんの記事タイトルは大袈裟。現時点ではSOHO救えません」
というのが率直な感想です。

…のですが、その後数ヶ月で、私が指摘した部分の半分が改良されていたり、追加マニュアルがアップされてます。
フォロー記事書けませんでしたすみませんすみません。

オーサリングツールとの親和性、無償ゆえのユーザーの情報の多さ、伸びしろが、SOY CMSの強みかなと思います。
個人的には正式に対応したいと思っているCMSです。
プレゼンも、最初は緊張している印象でしたが、内容はわかりやすかったです。

ただ、良い点でもある「ユルさ」が、本格的に使おうとすると「不安」になってしまうのが本音です。
また、今回参加したベンダーの皆さんの中で唯一、パンフレット等を貰っていません。
細かい機能などは利用者のレビューを読むか、使ってみるしかありません。

ページ冒頭のグラフの通り、サーバーの条件さえ満たせば、簡単に使えます。
SQLite版を使って、デモサイト・小規模サイトなどで、まずは簡単なコンテンツを作ってみるのが良さそうです。

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

2009年6月27日に開催された、「CSS Nite」の拡大版(LP)第六弾「CMSリベンジ編」の参加レポートです。
このイベントは国産CMSにスポットを当て
「業務利用にはいまいち不満の多いMovableType・WordPressに替わる、日本人向けCMSは現れるのか？」
というようなテーマで、各CMSの制作者様によるプレゼンテーションが行われました。

運営・進行役のスイッチの皆様、制作元の皆様、とても勉強になりました。ありがとうございます。

次の記事からレポートになりますが、45分のコマを設けられたメインのCMS5点に関しては、前半が私が把握した範囲でのプレゼンの走り書き、後半が現時点の感想（使用歴がある場合はレビュー含む）という構成です。

以下のようなイメージグラフも付けておきますので、参考にしてください。
※あくまでプレゼン・パンフレットを見ての私の総括ですケド＞＜

グラフの意味は

なごみ / きっちり
なごみ度が高いほどほんわかした管理画面で、年配・ネットに詳しくない方が取っ付きやすい印象になります。
きっちり度が高いと大企業や硬いジャンルの会社・団体にも薦めやすいと思います。

お手軽 / 本格
お手軽度が高いほど、小規模サイト・一部組み込み向けです。
本格度が高いと多くの属性情報が含まれる複雑なサイトや、コンテンツ数の多いサイトの運営向けです。ライセンス料等による導入しやすさも考えてます。

直感的 / 構造主義
これは解釈が難しいのですが、直感的度が高いとCMSに不慣れなデザイナーでも学習しやすく、Dreamweaver等のオーサリングツールで作業しやすくなります。
構造主義度が高いと構築までの理解が少し難しいですが、サイトや自分のスキルの成長に併せて改良できたり、データを別の用途に使い回したりできます。

ではではとっても長くなりますが、宜しくお願いしますm(．_．)m

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