CSS Nite LP, Disk 6に参加した際のメモ

6月27日(土)に参加したCSS Nite LP, Disk 6に参加した際のメモ+αを公開します。

Soy CMS

会場入りしたのが14時半頃という大遅刻をやらかしてしまったため、このセッションはほとんど最後の方しか聞くことができませんでした。

  • 管理画面を丸ごとスクラッチで作り直すことも割と簡単に可能。
  • 動的ページ生成
    • 固定リンクの生成についてはmod_rewriteを使って実際にはないhtmlファイルをあるかのように見せている。本当にそのhtmlファイルが存在した場合はそちらが優先して表示される。

Web Release 2

  • 大事なのは「柔軟性」
  • CMSに求められる柔軟性
    • 制作時:テンプレート開発
    • コンテンツ入力:
  • KPIを高めるためにはPDCAをまわす
  • 短期間で低コストでできること
  • 次のリニューアルで再利用できるか:TCO
  • 特徴
    • SEO効果の高い、静的コンテンツ生成型
    • デザイン、レイアウト、サイト構造に制限が無い
    • Web標準に対応
    • リポジトリー型
    • パッケージ型のためインストール及び管理が極めて用意
    • ハイパフォーマンス
      (再構築的な処理が非常に高速)
  • CMSサーバーとWWWサーバーが別になっていて、CMSサーバーからWWWサーバーに自動的にFTPする
  • 価格
    • Enterprise Editionn:300万円(税別)
    • Workgroup Edition:50万円(税別)500ページまで
  • オプションは一切なし
  • WebReleaseは2000年にバージョン1がリリースされているので9年くらいの歴史
  • ミッドレンジというクラスではトップシェア
  • 1本買えば、複数のサイトを管理することができるライセンスになっている(本当?WWWサーバー1つに複数ドメインが割り当てられているようなケースだけでは?)
  • WebRelease2を選ぶ理由
    • Simpliity & Complexity
    • まるで「白いキャンバス」
      Webの既成概念にとらわれないレイアウト、サイト構造が実現可能
  • WebRelease 2 バージョン2.4 が近日中にリリースされる
    • 追加される新機能
    • 承認ワークフロー
    • WYSIGエディター
    • タグ追加
    • 関数追加
  • デザインが決定する前にコンテンツを入れていくことができるのでサイト構築フローが改善される
  • CMSサーバーとしてMacBookローカルにインストールして動くくらいのシステム用件だよ
  • テンプレート
    • 要素の名前には日本語が使える
    • HTMLのソースに %要素名% とすることで要素を呼び出すことができる
    • アスキーコードで書けるものは全て生成できる

事例紹介デモ 株式会社ボールさん

  • 「Nissan NOTE」 – 低燃費少女ハイジ
    • フルFlashサイト
    • XMLをWebRelease生成
    • CSVデータを取り込んでページを生成する機能を使った
    • データCSVからXMLに吐き出させ、JSでパースして使った
    • HTML晩のページもある。テンプレートを変更し、XMLではなくてXHTMLを生成させて対応
  • 雑誌「ACROSS」
    • 5000ページくらいの規模のサイト
    • 既にコンテンツをデータ化してあったのでリニューアルした際に、コンテンツの再入力する必要がなかった

CMS Designer

  • プラットフォームに依存しすぎるな
  • MTの問題点
    • どこを書き換えるとどこが変更されるのか・・・
    • サイト全体の構成を知らないと、テンプレートを書き換えるのが大変
  • CMS Designerの特徴
    • 動的生成
    • 各ページが1つのCMSのように振る舞う
  • CMSに過度に依存せずに必要な部分だけに導入できる
  • フィールドの定義はXMlファイルでできている。このXMLファイルを更新すると、編集画面に反映される。
  • テンプレート言語
    • <cmsd: ...>
    • <xsl: ...>
  • 拡張子はphpにする必要がある。
  • phpにできないときは.htaccessのmod_rewriteを使って対応する必要がある
  • ライブコーディングタイム
    • テンプレート例文
      <cmsd:entrylist name="event1">
      <cmsd:design>
      <xsl:template match="entrylist">
      <xsl:for-each select="entry">
      <div class="event">
      <a href="event_article.html"><xsl:value-of select="title" /></a>
      </div>
      </xsl:for-each>
      </xsl:template>
      </xmsd:design>
      </cmsd:entrylist>
  • テンプレート言語を埋め込んだphpファイルをFTPでアップするだけ
  • その他の機能
    • 日時指定公開/公開終了
    • ユーザー権限
      • 特定のユーザーには「削除」できないようにする
      • 自分が登録したエントリしか見えない(ショッピングモールサイトなど)
    • ページキャッシュ
      • 静的生成とほぼ同等のパフォーマンス
  • まとめ
    • シニアにも好評
    • 52,290円
    • お試しは無料 (ユーザー登録なしでダウンロード可)
  • テンプレートタグに関しては、充実した公式リファレンスマニュアルがある
  • 2005年4月に最初のバージョンがリリース
  • 元々xslでできることはなんでもできる

RCMS

  • 「コンテンツを管理して、それをサイトとして表現する」
  • サイト全体をCMSに乗せる必要がある
  • 元々、早稲田大学ラグビー部の公式サイトのシステムだった
    • 2000年からCMSで稼働
    • 月間300万PV
    • 7月にYoutube連携機能を使って公式チャンネル開設
  • RCMSは「誰でも」「どんなWebサイトでも」作れるが設計思想
    • SaaS版を最初から提供
    • 情報入力と情報設計を混在させない
    • メタデータでコンテンツを保存
    • 「ページ」でWebサイトの表現を考えない
    • ページはコンテンツが集まってできた集合体
    • 関連性+コンテンツ=無限の情報
    • コンテンツをどう配置するか+そのコンテンツをどう表現するか=IA
    • SaaS???(SaaSという用語についての説明がなかったため、ついていけませんでした)
  • モジュールが100種類以上あるので、プログラミングはほぼ不要
  • SaaSなのでインストール不要。すぐ使える。
  • インストール型の悩み→バージョンアップやセキュリティ などの悩みがない
  • 100種類以上の機能
    • 全てスクラッチ、自社開発
  • SaaS(ASP)と、サーバインストール(パッケージとして)の提供
  • 簡易管理画面
  • 表示する機能を選べる
  • ページ毎、モジュール毎、ブログ毎などきめ細かなCSS設定が可能
  • モバイル対応 ・・・というよりはマルチデバイス対応
  • 対応するHTMLはHTML 4.01 Tranditionalが基本
  • 他言語サイト構築機能
    • コンテンツに対して翻訳文を追加するだけ
  • 独自の開発モデル
    • β版を無料提供 → FBに対して開発チームが対応 → 正式版(有料)をリリース

プレゼン終了後

  • 鷹野さんからプレゼンテーターへの辛口なお説教
  • 小林さんからの補足
    • プログラミングができなくても、豊富な機能でカバーできるところが良い

a blog CMS

  • a blog
  • 2004年 a-blog発売
  • 2009年 有料ライセンス2000以上
  • PHPのプログラムでできている
  • ページは動的生成
  • つかう機能は、はじめから
    • フォーム機能
    • ユーザー権限別の管理
    • カスタムフィールド
    • SEOとLPO
    • キャッシュ機能
    • モバイル対応
  • デモ
    • 静的なページをCMSに組み込んでみる
    • themesフォルダに静的htmlとその他ファイル一式を突っ込んで、管理画面からそれを設定
  • テンプレート
    • 基本は普通のHTML
    • 属性値などに少々、専門の記述を加えるだけ
    • 属性値で特定のパラメータを与えると、入力必須のフィールドになる
    • <!-- BEGIN MODULE Form --> ... <!-- END MODULE Form -->
  • ログイン状態になると、通常のページに「編集」などのコントロールが表示される
  • 管理画面の作り込みが可能
  • カスタムフィールドでコンテンツの検索・絞り込み機能が簡単に作れる
  • ブロック単位の管理
  • 標準搭載のフォーム
    • フォームオプション
    • フォームの各項目に属性が設定できる
  • おさらい
    • がんばるWeb制作者のためのCMS
    • a-blog cmsひとつでコンテンツ管理
    • XHTML+CSSの既存の知識で導入できる

Bingo!CMS(ショートセッション)

  • 一通りCMSとしての機能は入っている
  • 画像のトリミングが管理画面からできる
  • 画像の一括アップロード
  • Flicker検索機能

Jimdo(ショートセッション)

  • KDDIが提供するサービス
  • ドイツ産
  • Ajaxベースのオンラインウェブサイトビルダー
  • 無料版/有料版(900円くらい)
  • 大規模ウェブサイトには向かない
  • ブロック単位の管理
  • 既にコンテンツが入っているものを書き換えていく
  • 実際のサイトと同じ見た目の管理画面
    • オフィスソフトしか使えない人でも更新できる管理画面を追求した
  • APP Store的なプラットフォームを作ろうとしている
    • 今年秋公開予定

Power CMS for MT(ショートセッション)

  • MTを拡張する様々なプラグイン
  • 結局MTでいいじゃん・・・
  • MT経験者であれば今日からでも使えます

パネルディスカッション

  • 議題:ぶっちゃけMTとWordPressってどうよ
    • ブログに特化したソフトなのでは
    • 複雑なMTタグを覚えなくてはならないし、WordPressはPHPがかけないと柔軟性がない
    • WordPressは進化が速いので注目している
    • MTは管理画面が使いづらい
    • MTはWindows的なイメージ、WordPressはLinuxっぽいな・・・
    • MTでは「誰が楽になったのか分からない」
    • MTのいいとこ
      • 日本で一番、理解されている(ユーザーの多い)テンプレート言語
      • バックエンドのプログラマーと組んで開発するならおすすめ
    • WordPressのいいとこ
      • PHP書けて、一人でぐちゃぐちゃできるひとにおすすめ
  • 議題:製品のウリとか
  • 議題:今後の戦略とか
  • 議題:サイト全体型か、部分型か

参加した感想

CMSといえばMTしかマトモに使ったことがないため「国産CMSにどんなものがあるのか、てっとり早く知ること」という目的を持って参加しましたが、これは達成できたように思います。ただ、勉強会というより品評会という感じがしました。

それとプレゼンテーションの質にやたら差があったことが残念です。果たして自分が各製品を正等に評価できたのかどうか、自信が持てません。

しかし、日本のソフトウェアメーカーがここまで鎬を削って様々な製品を開発していることが分かった、というだけで有意義な時間でした。CSS Niteさんが今後も興味深い企画を立ててくれることを、期待しております。

最後に

この記事はあくまで私個人のメモを書き起こしたものですので、正確な情報はCSS Niteの公式ページや、各製品の公式な情報をご参照ください。

MT以外のCMS(国産)の話を聞きに

CSS Nite LP, Disk 6「CMSリベンジ編」に参加します。

CSS Nite LP, Disk 6「CMSリベンジ編」(2009年6月27日開催)

バナーを掲載の上でトラックバックをすると割引になるということなので、そのため(?)のあさましいエントリーです・・・orz

CMSといえば普段の業務ではMovableTypeを使用しています。というか、CMS=MovableTypeという有様なので、そのほかのCMSについても知ってみたいという思いもあり、あわよくば業務に導入したいと思っているわけです。そんな私にとって、こういった形で複数のCMSを一度に比較・検討できるイベントというのは非常にストライクです。

業務における新しい可能性を見出せるかもしれないという期待を胸に、しっかりと聴講したいと思います。

CSS Nite in Ginza, Vol.21参加レポート

先日CSS Nite in Ginza, Vol.21に参加しましたのでレポートを掲載します。今回のテーマは携帯サイトです。

携帯サイトのコーディング事情?基本編 – 宮永 邦彦氏(アイデアマンズ株式会社)

  • キャリア別 CSSのサポート度合い
    Y!ケータイ > EZweb >>>>> iモード
  • iモードのCSS
    style属性に直接書く書式のみサポート
  • Y!ケータイとEZwebのCSSサポートの比較
    EZwebは・・・
    • font-weight:bold; 不可
    • border-style solid以外不可
    • width 不可
  • 太字表示は機種依存する → フォントに依存するデザインはNG
  • テスト環境はFirefox + User Agent Switcher、実機チェックは8機種くらいでしている
  • 写真: 携帯サイトのコーディング事情?基本編 (1)
  • 写真: 携帯サイトのコーディング事情?基本編 (2)

携帯用サービスにおける実装とデザインの現実 – 原 一浩氏、寺田 学氏、尾花 衣美氏(空飛ぶ株式会社)

アクビィ制作チームによる、アクビィの実制作に基づくプレゼンテーションでした。

  • 開発環境はDreamweaver CS3
  • テスト環境
    • iモード外字キット i絵文字を使って絵文字を表示
    • Firefox + User Agent Switcher
    • Firefox + Web Developerでウィンドウサイズを制限
    • PCで見ると「手元でカチカチやる感じ」がないのでNintendo DSでもテスト
  • 画像よりも絵文字を使う(ファイルサイズ・リクエストファイル数の削減)
  • ファーストビュー → QVGAを基準に
  • 機種により液晶のガンマ値・明るさが違う
    sRGB色空間を使うと、色の違いはあまり出ない
  • ユーザーのUser Agent判定をPHPで実装
  • PCからのアクセスをIPアドレス制限ではじく
  • 文字コードはShift_JISだが、内部ではUTF-8
  • Cookieは実質使えないので、GETパラメータを使ってセッションを引き回している
  • アクセス解析にはAWStatsGoogle Analyticsを利用
  • 写真: 携帯用サービスにおける実装とデザインの現実 (1)
  • 写真: 携帯用サービスにおける実装とデザインの現実 (2)

Continue reading

Web標準の日々に参加しました

先の連休にはWeb業界のフジロックとまで呼ばれる、Web標準の日々に参加してきました。

個人的には前回参加したCSS Nite LP, Disk 3 "Coder’s High"で燃え尽きた感があったので、今回のイベントはあまり乗り気ではなかったのですが・・・。これだけ豪華な内容で、かつ参加費も昨年のWeb標準の日に比べると格安ときた。しかしなんといってもこの"祭り"に乗り遅れるわけには行きません!というわけで2日券を購入して参加しました。

セッション登録申し込みが遅れたせいか、本命と睨むセッションには登録ができませんでしたが、当日に並んでみると意外にすんなり入場できてしまったり。そんなわけで、立ち見したものも含め、結果的に私が参加したセッションは下記になりました。

7月15日(日曜日)
A1: WCAG 2.0: 見えてきたアクセシビリティの新基準(植木 真 氏)
Z2: W3Cのこと、本当にご存知ですか?(萩野 達也 氏)
A2: スクリーンリーダー開発者が明かすコンテンツ制作のツボ(大塚 雅永 氏)
V3: デザイナーズ・ハイ デザインタイトルマッチ!(矢野 りん 氏)
X4: 転ばぬ先のプロジェクトデザイン(木達 一仁 氏)
7月16日(月曜日)
X5: 複合文書から見たXHTML+CSSとスキーマ活用(石川 雅康 氏)
D6: Web制作におけるアートディレクションとテクニカルディレクション(神森 勉 氏、佐分利 仁 氏)
D7: ビジネス・アーキテクツのコミュニケーションデザイン(森田 雄 氏)
J8: DOMから始めるJavaScriptモダンスクリプティングの基礎

初日の木達さんのセッション(X4)だけは絶対に受講したかったので、セッション登録していないにも関わらず並んで受講しました。ここで意外と余裕に座れてしまったのと、木達さんのお話が素晴らしかったので「二日目はディレクションだな」とここで頭を切り替えることができました。

二日目は「セッション登録なしでもなんとかなる」と、アンカーテクノロジーのお二人のD6、ビジネス・アーキテクツ森田さんのD7を続けて立ち見で受講。両セッションとも「分かる人には分かる」内容だったなぁ・・・という感想を持ちつつ、他ではとても聞くことができない大変に有難いお話でした。
そして何よりもこれらのセッションでは「よい仕事がしたい」という熱意が、会場中を満たしていた気がします。そこがよかった。具体的な内容については、ここでは言及しません。

そして最後に羽田野さんのJavaScriptのセッションを受講。"Web標準の日々"にふさわしく「JavaScriptは主役になってはいけない」・「JavaScriptが無効でもコンテンツの内容がきちんと伝わるHTMLを書く」という主張が軸となる、非常にテンポの良いセッションでした。内容もタメになったし、言うことなしです。今度、羽田野さんのDOMの本でも買おう。

受講したセッションの中で、自分的にナンバーワンだったのは木達さんのセッションでした。これだけは復習も兼ねて後でまとめを記事に書こうと思っています。今度の休日にでも。

とにかく関係者の方々も参加者の方々も、大変にお疲れ様でした!皆様にこの場をもってお伝えしたいことは、「とても楽しめました」という感謝の気持ちです。本当にありがとうございました!