テンプレートを挟んだ関係

多くのCMSのテンプレートは、ページ（コンテンツ）を生成するための言葉の通り器で、その作りというのはCMSによって全然違います。

それぞれのCMS独自のタグなどがあったり、Wordpressなんかの場合はPHP山盛りです。

別にPHPを知らなくても、デフォルトのテンプレートをベースに自分が知っている範囲のところをいじくれば立派なページができあがるわけですが、プログラミングが本当に苦手な人にとっては触るのが怖いようなテンプレートかもしれません。

古荘さん曰く、プログラミング的にその時には不要だけど後々のいろんな処理を想定すると、少し複雑にコードを書いてしまうとか、こっちの方が良いだろう的な「良かれと思った」ことが結果的にデザイナーの混乱を招いてしまう、ということがあるそうです。

古荘さんのところでのこういった経験が、よりデザイナーがプログラムに触れずに扱えるCMS、SOY CMSというものを作り上げたのでしょう。
HTMLのコードをそのままを載せて、少しだけ編集エリアに属性みたいなものを足すだけで組み込めてしまうというものです。

この感覚はMODxも近いものがあるんじゃないかなと思います。MODxは僕自身長く使っていて、UIもDreamweaverライクといいますか、左側にファイルツリーがあり、右側に編集画面、プレビューもあるというような作りです。
MODxもまたプログラミングがほとんど出来ない僕には扱いやすいCMSです。

プログラマーを理解するにはjavascriptがいい

覚えて自由に書けるところまで、ってわけではなく「読める」ようになることが重要、ということで多くの言語の中でもjavascriptがプログラム、プログラマーを理解する上では良いんじゃないか、ということでした。

確かにHTML+CSSを触っているデザイナーやコーダーからすれば、特に最近はJavascriptであってもjQueryのような簡単に書けるライブラリがったりとJavascriptに対しては割と近づきやすい言語じゃないかと思います。
とかく言う僕はそんなかけないんですが…

まとめ

とにかくSOY CMSをみんなも使ってみるといいよ！
僕もまだ深くを知らないわけなんですけど、いろいろ要望上げて国産CMSとして最高のものになってもらいたいですね。

効率よく教育していく

Webにかかわる企業ということでWeb制作会社の新人だけでなく、企業のWeb担当者になる人向けの話だったんですが、

Web制作会社向け

tommmmyさんからの提案では、制作会社なら

• 自社で手がけたサイトを使ってもらう
• そのサイトのリニューアル課題を出す
• たくさんサイトを作ってもらう
• OJT

ということです。
「自社で手がけたサイト」というのはウチの会社でもやっぱりやってて、改善案とかもいろいろ出してもらいます。提供しているサービスがサイトオーナー向けのサービスなので、サイト運営経験のある新人だとさらに良いレポートがあがってきます。
そうでなくても、単純に使い勝手の面で厳しい評価もいただきます＞＜

一方ウチの場合は制作会社ではないので、なかなか制作経験というのは現場では積みにくいかなとも思います。なので僕もそうですがプライベートでいろんなデザインに挑戦してみたりとか、とにかくいろんなサイトをみてインスピレーションを受けようにしようと、伝えてます。

でもホント一番いいのは「とにかく最初は模倣でいいから作る」ことだと思います。

企業のWeb部門・担当者向け

次に、企業のWeb部門・担当者なんかの場合だと

• 経験者登用
• 外部のセミナー・研修
• 講師を招く

というもの。餅は餅屋といいますか、一番Webをまわしていくなら初めから経験者を採用するのが良いでしょうね。もちろん可能ならその人ひとりっきりではなく、数人で情報共有したり勉強会したりってのも大事だと思います。

あとは派遣とか出向とかを受けるのがいいのかな？これは会社的に経験無いのでわからないのですが、他の会社では多いのでしょうか。

他 tommmmyさんはいろんなWebサービスを活用する、ということも強く勧めてましたね。Webサービスについては後日izuizuさんのセッションのレポートでも書こうと思ってますが、

tommmmyさんの口から出てたmixiは色々賛否両論もあるかもですけど、少なくとも情報収集をする環境としては悪くないと思います。
Web業界のひよこ、もっと前のたまごな人たちがコミュニティいろいろ情報交換して学んでたりしてますから、そこに飛び込んでしまえばいいと思うのです。

あとは今回のCSS Niteみたいなイベントにもできる限り参加するべきですね。
Re:Creator’s Kansaiもいろいろやるよ！

で、ウチの場合

とにかく教育も効率化ということで、新人教育カリキュラムの基礎部分はすべて「動画」でまかないます。
動画の撮影はウチで取り扱ってる「カムタジアスタジオ」という動画キャプチャーソフトです。（宣伝ごめんなさい）

社長が理念・ビジョンを説明する動画から、自社の管理システムの手順説明などすべて動画。

それをひたすら見て、レポートもしてもらうわけですが、ちゃんとコミュニケーションというのはとります。

マンツーマンで教えるのもいいのですが、スタッフ数もそんな多くないところならなかなか時間が惜しいこともあります。「同じことを言う」だけなら動画の方が良いです。その一方でオフタイムに積極的にコミュニケーションを取るわけです。

皆こういうカリキュラムには驚くわけですが、すぐ慣れるのか、むしろ徹底して効率化されていることに大きく関心を持つようになりますね。

まとめ

基本的にウチの場合だと、特にデザイン部とかだと実務経験やデザイン業務、Web運営の経験が無いと採用をしないということが多いので、本当にまったくの未経験者の教育をする機会は少ないのですが、

とにかく制作だけじゃなくても「Web」という「経験」を積んでもらうということです。

端から見ればただの「オタク」と呼ばれてしまうくらいの集団なわけですが、そのメンバーが紡ぎ上げていくWebサイト・サービスっていうのはやっぱり良いWebサイト・サービスになるのですよ。

人、会社それぞれにあった教育法はあると思いますが、Webに関わっていく人たちには、Webの面白さを知ってもらいたいなんて思います。

スライドにカメラの動き（動画）を埋め込んでたりと、文章の説明だけじゃわかりにくいところが非常にわかりやすかったです。
写真撮るのは好きですが、カメラそのものは全然詳しくないので良い勉強になりました。

photographの本当の意味

photo = 光
graph = 描画

photograph = 写真（真実を写すもの）と訳されたけど、本来のphotographとはこういう意味らしい。
それほどのに写真を撮る上では「光」が重要ともいえるってことだと思う。

本気でカメラを学ぶ

Ev（露出値） = Av（絞り） + Tv（シャッタースピード）
これが露出値の計算式。
ということで「露出値」なんですがこれはつまり「光の量」ということでいいんでしょうかね？雰囲気で理解してます。お恥ずかしい…

絞り

人の目でいうところの「虹彩」。入ってくる光の量を孔の大きさで調整する。「F値」という値で示されて、一眼レフのレンズについてるメモリの「F○」というのが絞りの調整をするということ。

F値が少ないほど孔の開きが大きく、F値が大きいと孔の開きが小さい。

具体的には、F値が小さいと被写体の後ろの方がボケて、その逆だと全体がはっきり写るようになります。

これは人間でも目が疲れたりして視界がボケたときに、目を細める（絞りを小さくする）とはっきり見えるようなイメージです。

雰囲気のいい写真にあるような、手前の被写体にピントを当てて、背景をぼかすというのはこの「絞り」を調整することが必要なんですね。

おかださん曰く、「絞りは”空気”をコントロールする」。

シャッタースピード

シャッタースピードはその言葉のまんまですけど、シャッターボタンを押したときのシャッターが開いて閉じるまでのスピード。
これもおかださんのスライドを観るとすごいわかりやすいですが、設定するスピード（1/何秒）によって、開け閉めのスピードも違うけど、速いほど開くシャッターも幅も狭くなる？よう。

シャッタースピードが速いほど、速いものを捉えられるわけだけどその分、光の入る量は少なくなる。

逆に遅い場合には、例えば満月の夜なんかだとたくさん光が入るので昼間みたいな写真が撮れる。その代わり、動くものだとブレが発生してしまう。

僕は昔よくライブハウスで写真撮ってたけど、シャッタースピードを速くすると動きは捉えられるけど、持ってたカメラの感度が悪いのかすごく暗い写真になった。
それでシャッタースピードを遅くすると光が入ってちゃんと演奏している人が写るけど、動き回るからブレまくる。

でも光もちょうど、動きもいい感じにブレた写真っていうのは、ライブ感が出て素敵な写真が出来るのがうれしかった。ああ最近撮ってないな。

おかださん曰く、「シャッタースピードは”時間”をコントロールする」。

まとめ

そもそもこういうセッションがなんであるかというと、ECサイトで商材写真を撮るときにも最近のカメラの性能に任せて撮ればそれでOK、みたいなことが多いけれど、実際にはちゃんと構図を考えたり光の当て方をしっかりするだけで商材の訴求力というのは全然変わるということを、あらためて理解した方がいいからでしょう。

確かにプロのカメラマンに頼むと、それだけのコストはかかっちゃうわけですが、商材・単価によってはそれをかける価値も多いにありますよね。
プロでなくとも、今回のようなセミナーを受けたりして、もっと意識して素材の良さを引き出す写真が撮れたらもっといいですよね。

ちょろっと打ち上げで話も出ましたが、ハンズオン形式でWeb関連の人向けのセミナーやると面白いかなと思います。
Re:Creator’s Kansaiででも企画しようかな。

僕がMTを使わない理由

「重い」から

記事が増えていくと、再構築時に非常に重たくなるということで、重たくなるほど記事を増やすケースがそれほど無いんですけど、気になって使えなかった。

でも再構築を効率よくおこなったり、再構築をスムーズにおこなうプラグインもあるということでこのあたりは大丈夫なのかなと思いました。

MT4でなんだか難しくなった気がしたから

MT3.xまではそこそこ触ってたのですが、MT4での大変化にちょっととまどいました。

それと同時に「すげー」という感覚もあったのですが、マニュアルなどみると「モディファイア」とかあんまり聞き慣れない言葉がはいってくると、食わず嫌い的に触らなくなってしまいました。

あとこれはMT3.xと基本変わらないですが、独自タグの種類が多くて、それぞれの使い分け・機能がなんだかスっとはいってきませんでした。

こうしてセミナー形式であらためてちゃんと聞くと、なんてことないなぁと思えました。やっぱり食わず嫌いなだけかも、と。

あ、それと初めて知ったことですが「記法が割と自由」っていうこと。
$　の省略とか。大文字小文字の区別なし、あとは
mt:entrytitle
とかこういう書き方もできたんですね。

これも上手く使い分ければ便利なのかな。

今思えば数個のCMS使ってきた

• Wordpress
• MovableType
• Etomite
• MODx
• Nucleus

今もっとも利用頻度が高いのが、このブログでも利用しているWordpressなわけなんですが、今回のセミナーをきっかけにMovableTypeもちゃんと触ってみようかなと思いました。

MODxは、EtomiteというCMSから派生したCMSなのですが、勤め先で使い始めたことをきっかけに使い始めました。
DreamWeaverライクなインターフェイスとか、静的に作ったHTMLファイルを丸々載せるだけでも機能するので「デザイナー向け」としてはすばらしいものでした。

あまりブログ的な機能をつかったことがないので、ページ追加・更新が多いサイトに向いているかどうかわからないですが、10ページ前後のコーポレートサイトとかにはぜんぜん使えると思います。
あとはキャンペーン的にページに公開・非公開のタイミングも決められたりとか、いろいろ僕も使ってない機能がたくさんあります。
Amazon.co.jp: MODxでつくる!最強のCMSサイトなんて本もあるので、本屋で立ち読みなんぞしてください。（ちゃっかり僕のインタビューが載ってます。）

このMODxに近いのかなーというもので、京都発のSoyCMSというのも気になってます。開発元の古荘さんとお知り合いになったことがきっかけですが、これもまた独特なもので使い始めたらレビューでもしたいと思います。

CMS、使ってみるのもいいけど、作ってみたいと思うこの頃です。

最近の検索エンジンの動向

Google,Yahoo!各社のシェア・動向と、百度の登場、そしてMSNによるYahoo!買収などについて触れていました。

検索エンジン全般の動きの話でいうと、個人的に気になるのはモバイル検索エンジンとモバイルSEO。

GoogleにしろYahoo!にしろ、特にGoogleはdocomoとの提携の動きもあったりで、モバイルの標準検索エンジンも、この2社が引っ張っていくのではないかと思います。（西畑さんもそういうお話をされてました。）

ここで「モバイルSEO」

（本編ではあまり触れられてなかったのですが）流れとしてPC上の検索エンジンを追う形で、モバイルが後追いになっているのを見ると、どうしてもモバイルSEOの研究をしたいとい気になれません。

モバイルの重要性・必要性というのは十分に感じていますが、モバイルユーザーは「検索エンジン」を活用しているのかどうかが気になります。僕は今はこういうデータ追わないのでわからないですが、例えばモバイル検索からのアクセス流入とかどんなものなんでしょう。

とかいいつつ、僕はソフトバンク携帯を持っているのでYahoo!モバイルで検索することはあります。
しかしどうも検索結果の精度が悪い、使い勝手が悪い。技術者目線ですから、他のユーザーの方はそうは意識してないかもしれないですが、なんだかいまいちな感じがします。
そして調べるときも「ホットペッパーのサイト」だとか「オフィシャルなもの」を調べるために使っているので、モバイルSEOといっても最低限認知されてるキーワード（例えば社名・サービス名）で上げられたら満足じゃないのかなぁ。

こうしたところはある意味面白みがあるところかもしれませんけどね。

※ちなみに僕はSEO関連某社に所属してますが、これらは僕個人の雑感であって社内で交わされている内容ではありません。

Yahoo!の動向

これは実感している人も数多いと思うのですが、ここ数ヶ月でYahoo!のアップデートが頻繁に起こっており、順位の変動も激しくなっています。

時にカテゴリ登録の評価がゼロに近くなることもあったりとかということもありましたが、これらは過去Yahoo!が買収してきた検索エンジンを、ローテーションしながらブラッシュアップをおこなっている、という話があるようです。

なんにせよ、Yahoo!での順位変動は焦らず落ちついて様子を見ながら、というお話でした。

Googleの動向

有料リンクやPayPerPost広告に対するペナルティを発動し始めた、ということなのですが、どうも日本国内でこれらのペナルティを受けているケースというのが見えていないです。ほんとに見えていないだけかもしれないですが、少なくともPayPerPost広告（企業がブロガーなどに報酬を与え、記事を書いてもらったりとか。ブログマーケティング。）に対するペナルティは無いような気がします。

しかしGoogleの見解として、これらが不平等な検索結果を生むということで当然ペナルティを与えられる対象となり得るわけです。

自然検索において、「スパム」と呼ばれるものの多くは、「検索エンジンで上位表示を得る」ことを前提にしているため、スパムとしてペナルティを受けます。

PayPerPost広告にしても、「良い商品に対して良いレビュー記事を書いてもらう」ということを前提にすれば問題が無いわけで、「特定のキーワードで、対象ページへのリンクを貼ったレビュー記事を書いてもらう」からアウトになります。

徐々に日本にも影響は出てくるでしょうね。

他諸々のテクニックなど

サイト内検索フォームはpostじゃなくgetで

Official Google Webmaster Central Blogでの発表があったわけですが、サイト側でこのインデックスを有効にしたいところとしては、サイト内検索の検索結果ページ。
その条件として、postじゃなくgetにする必要があるということです。
逆に、インデックスされたくなければpostにすればいいってことですね。

Flashではパーマリンクを生成する

getURL("javascript:location.replace('index.html#about');")

こんな感じのボタンのactionに仕込んでページ移動させるということですね、わかります。
最近作られているFlashサイトだと、このあたりは標準なのでしょうか。作ったことないので実はわかりません＞＜
コンテンツのボリュームによっては、ひとつずつにこう仕込むよりも、htmlで書かれた代替ページを用意してあげる方がいいんじゃないかなぁというところ。
でもこれも結局「検索ロボット向け」にというのが先に立って作るとまずいような気もします。

これは自戒でもあるわけですが「誰のためのサイトか」というのを忘れないようにしないといけません。

その他いろいろ

LPOについて、SMOについてなどいろいろネタが盛りだくさんでした。
最近はもっぱら作業的なことが多いので、たまには研究的なこともしていきたいなと思いました。

今さらベタなことですが、コンテンツ　イズ　キングであるとか、ユーザビリティ、アクセシビリティに配慮するとかってことを、自然と考えていけば結果的にSEO、アクセスアップとかにつながるんだってことを忘れちゃいけませんね。