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がリリースされているので９年くらいの歴史
• ミッドレンジというクラスではトップシェア
• １本買えば、複数のサイトを管理することができるライセンスになっている（本当？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に乗せる必要がある
• 元々、早稲田大学ラグビー部の公式サイトのシステムだった
  • ２０００年からCMSで稼働
  • 月間３００万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の公式ページや、各製品の公式な情報をご参照ください。

いろいろ

• 大企業にいないと分からないこともある。
  レガシーブラウザ対応とか、複数人のチームでやる仕事とか。
• 某社ではトレーナーがついてイロイロお仕事を教えてくれる
• 某社では最近、ページのスピードチェックをするようになったよ
  page-speed – Google Code
• この不況だというのに皆バンバン転職してるよね
• ウェブ戦略としての「ユーザーエクスペリエンス」は内容は良いが訳の評価が良くないので原著を買った方が良い（英語が読めればｗ）
• 複雑系って本はおもしろいよ！
• kosei27さんがViewSourthWithを使ってCSS／JSのソースをいっぺんに開いていたのが印象的でした。どんなサイトでも一瞬で丸裸（？）に。
• 韓国ではMicrosoftのシェアが超高い（90％後半・・・？）のでIEでしか使えないサイトが多い。
• 韓国の人は流行ものが大好き。最近はMacが流行る傾向も。よってIE以外でも使えるサイトも増えつつある。
• この業種はネットワークゲームプレイヤーが意外に多い。ファンサイトの管理者だった方がちらほら（私も含めて）。

.Sigさんからコーダーな方々へ質問

仕事が自分に降りてくる段階で、デザインPSD以外にコンテンツに関する詳細な指示書（ワイヤーフレーム的なもの？）はもらうか

• 詳細なっていうのは例えばフォームのここの要素にこういうラベル（label要素）を付けてね、というような内容のもの
• それって指示者がコーディングわかってないと書けない
• まずサイトマップは必要でしょ
• デザインPSDはいっぺんにできあがったものがもらうわけではなくて、五月雨に来ることがほとんどなので、サイト全体の設計をかっちりできることは少ない。五月雨に来たものを順々に、こっちが空気を読みながら組んでいく。
• 指示者（ここではディレクターのことかな）にはそれなりにやることがたくさんある。各ポジションの歩み寄りも必要（それが「空気を読む」ってことかと）。それ（指示書）を要求するような職場はエンジニアが偉すぎなんじゃないか。

まんじゅう（prototypeプロパティを使ったオブジェクト指向JavaScript）の話とか

• 中身を意識しなくても使えるところがすごいよ！工場の中身を知らなくても自動車ができる、みたいな。
• 同じものを何度も作るようなときは1個1個作るより、prototype使った方が軽いよ
• 高速化と言えば一行で IE の JavaScript を高速化する方法とかあったよね。でも実際のページでは大して変わらないとか。高速化って体感できる程であることってあまりない。

エディタの話とか

Sig.さんからVimの基本操作についてレクチャーがあり、その周辺でエディタ話が盛り上がってました。

• VimやEmacsはコミュニティが熱いよ！TwitterやIRCなどもエディタでやっちゃうすごい人（？）もいるよ！
• Emacsはホントなんでも（API叩いてウェブサービスを使ったり、ガジェットを表示させたり）できる。Vimは7になってスクリプトが使えるようになっていろいろできるようになった。
• MacでVimを使うにはコンソールから「vim」って入力して立ち上げるvimと、MacVimがある。コンソールから使うvimは日本語の扱いをどうするかが肝。
• ViIMproved‐Vim完全バイブルってもう絶版・・・？
• 秀丸とEmEditorはも根強い人気がある。同僚の作ったマクロで開発することもあるとか。
• 秀丸ってEmEditorに比べて重くない？
• テンプレート機能を使いたいのでDreamweaverは手放せないよ

技術ネタの発表

yomotsuさんから「モニターを逆さまに置いている人用 Web サービス」が発表になりました。Googleのトップが上下逆さまになって表示されちゃいます（それで普通に使える）。SVGとかcanvasとかforeignObjectとかを駆使して実現しているらしいです。
Operaだと重くなるとか。IEは別の方法（filterとか）を使ってやっているとか。
新しいことに挑戦するってスバラシイ！

感想

ついていけない話が多かったのでかなり凹みましたが、いい刺激になりました。結構身近なところにすごい人っているものです。追いつけ追い越せで私もがんばります。それから、エンジニアってやっぱりエディタの話で盛り上がるんだってことを再確認（笑）
主催のSig.さん、参加者の皆様ありがとうございました。

ブログを続けるコツ

大橋：

ブログは8つ目。
1個やってうまくいかなかったら、次をやってみる。

「仕事のやり方」に興味があることが次第にわかった。
昔自分が撒いた種を掘り返してみると、ネタがあるかも

堀：

何でもいいから出してしまうと、スランプのときはいいのかな。
なんでもいいから書き出してみる。

アクセス解析を使って、目標を数として意識する。ライバルを見つけると吉。
シンクロ率が維持されているうちは大丈夫。

ネットの世界では自分はこういう風に見られないというイメージを持って書くと、本当の自分がそうなってくる。

増田：

まずは明確な目標を持っているかどうか。
目標と実際のベクトルがずれはじめてくると書けなくなってくる。
自分の目標は「人と繋がりたい」。

今日は書くことないなーと思ったら「自分の当たり前は、他人の当たり前ではない」という言葉を思い出す。
自分の当たり前と思っていることは他人にとっては有効なのかもしれないので、それを出す。

ライフハックとは？

堀：

• ライフハックとはプログラマーから始まった。
• 「頭の悪い自分」を「頭の良い自分」がサポートしてあげる。
• 小さな変化で大きな変化を作れないか。
  「小さな習慣で自分を変えて行く」というのがテーマ。

大橋：

「再現性を持たせる工夫」である。

• 同じ失敗を繰り返さない → 予防線を張っておく
• 同じ成功を繰り返す → 手順をメモしておく
• 自分にとってこのやり方が一番いいんだ、というのを模索するための方法。

増田：

• 人生という航海を良い方向にもっていく舵取りそのもの。
• 人生を楽しくしていこう。
• 小さな達成感を得るために、今日まず第一歩を。

ライフハックを続けるコツ

大橋：

• 仕事でも生活でも一番大事なのは時間。
• 時間はにょろにょろと止めどなく出てくる「ところてん」のようなもの。それをチョキンと切り取って使う。
• 何かとケータイにリマインダーメールが来るようにしている。
• よってケータイ見るとやるべきことが書いてある、というわけ。
• 「できてる、できてるな」という小さな達成感を味わう。

増田：

気持ちいいかどうか

• 気持ちよければ続く。
• 気持ちよさを感じられるかどうかで、続けられるかが決まる。
• いかにストレスを感じずに生きられるか。
• 続けたいライフハックは気持ちいいですか？
• 自分に合わないものは続かない。
• やめるわけにはいかないものは、どうにかして自分が気持よく感じられるようにする。

堀：

• 継続があまりできない性格なので、むしろ「継続しない」という発想に移った。
• 7回までしかやらない、と決めてやっても慣性で10回くらいやってしまうものもある。そうなればしめたもの。

これからのライフハック

増田：

• 小手先のものよりも、マインドに関するものが大事になってくるのではないか。
• ビジネスのハックも大切だが、プライベートのハックも。

堀：

• 最近はライフハックが反乱しすぎ。自己啓発本などもバンバン出ている。
• 自分にとって必要なたった1つのものを見つけられればいい。 → 集約化

大橋：

• ライフハックを基盤に仕事ができるのは今のうちだけだと思っている。次のステップに進むための基盤になればいい。
• 歴史上、こういう人がいたな、くらいに自分はなればいいと思って活動している。

―質疑応答―

Q:記事が読まれるか読まれないかは、どういうところにポイントがあるのか

大橋：求められているかどうか。

堀：爆弾ネタを投下するペースを考える。 A級・B級・C級などのレベル付けをして、計画的にエントリーすることによって読者を引き付ける

Q:誰か他の方の本やブログでよかったもの

増田：「夢をかなえるゾウ」という本に衝撃を受けた。身近な言葉で書かれていて読みやすい。
衝撃を受けるものというのは、今までの概念が覆されるもの。

堀：ランディ・パウシュの『タイムマネジメント』。（ググっても出てこなかったので、本ではない・・・？）
余命数ヶ月という状況下でタイムマネジメントについて語るのがすごい。

大橋：スティーブ・ジョブスのにスピーチ。（スタンフォード大学の卒業式のスピーチのことかな・・・？そこまでメモできませんでした）
「今日が最後の日であったらどうする？」などのテーマについて語っている。

また、最近は有機野菜についてハマっていて、それについての本も読んでいる。
自分の専門と全く関係のないジャンルの本を読んでみるとまた違った発見があるかもしれない

以上でこのカンファレンスについてのレポートは終了です。

個人的にはキャズムを超えろ！の和蓮和尚氏と、 Lifehacking.jpの堀 E. 正岳氏のお話を聞けたことにとても満足です。
帰り際に受付近くで販売されていたLife Hacks PRESS vol.2も、勢いで購入してしまいました。 パラパラと読んでみたところ、役に立ちそうな知恵やWebサービスなどがたくさん紹介されていましたので、少しづつ生活に取り入れていこうかと思います。

有意義な時間を過ごすことができました。関係者及び参加者の皆様、ありがとうございました。

Life Hacks PRESS vol.2

posted with amazlet at 08.04.20

堀 E. 正岳 荒木 早苗 太田 憲治 大橋 悦夫
技術評論社
売り上げランキング: 87

Amazon.co.jp で詳細を見る