Blog on Business : Movable Type

2010年08月09日

NTTコムウェアがMovable Typeを使う理由

「とにかく開発期間が短かかったため、標準の機能が充実しているものを選ぶ必要がありました。その点Movable Typeはコミュニティ機能を始め必要な機能の多くが実装されていました。」

- NTTコムウェア堀敦子さん

エヌ・ティ・ティ・コムウェア株式会社（略称NTTコムウェア）はNTTグループに属するシステム開発会社だ。同社では2010年3月より社内イントラネット上でMovable Typeを使って構築された社内FAQサイト「教えてぽー太郎」の運用を開始している。サイト立ち上げの目的や実際の運用状況などについて、同社CRM＆ビリング・ソリューション事業本部　事業推進部企画担当　担当課長の吾妻克美さん、CRM＆ビリング・ソリューション事業本部　事業推進部　企画担当（KSP）の堀敦子さん、C&B事業本部　事業推進部　企画担当の佐藤耕作さんにお話しを伺った。

NTTコムウェアがMovable Typeを使う理由の続きを読む

2010年07月14日

麻布デンタルアカデミーがMovable Typeを使う理由

「とにかく更新作業が楽になりました。CSSの定義もきちんとされているので、記事に見出しを付けるといった作業も素人ながらきちんとできるようになりました。とても満足しています」

- 麻布デンタルアカデミー　佐藤弘明さん

東京港区にある麻布デンタルアカデミーは、2010年4月、Movable Type 5とケータイキットfor Movable Typeを使って、同校のウェブサイトのリニューアルを行った。サイトの運営を行う麻布プレス（麻布デンタルアカデミー編集部）の小林聡さんと佐藤弘明さん、そして開発を担当した株式会社サイブリッジの平山恵子さんにお話しを伺った。

麻布デンタルアカデミー

麻布デンタルアカデミーがMovable Typeを使う理由の続きを読む

2010年06月22日

白倉歯科クリニックがPLIMOを使う理由

他の医院との差異をモバイルサイトでアピール

「昔は歯科医院の数が少なかったため、患者様はあまり歯科医院を選べなかったのですが、今はコンビニの数よりも歯科医院があるため、歯科業界は患者様に選ばれなければならない時代になっています。モバイルサイトは重要な情報提供元になると思います」

- 白倉歯科クリニック　白倉由貴さん

東京都町田市にある白倉歯科クリニックは、Movable Typeをベースとした携帯専用CMS「PLIMO」を利用して自社のモバイルサイトを構築している。 同医院の院長を務める白倉由貴さんと、制作にあたった株式会社GENOVAの峠田大輔さんにお話を伺った。

m_02_01.jpg

白倉歯科クリニックがPLIMOを使う理由の続きを読む

2010年06月15日

TATAMO!がMovable Typeを使う理由

「ウェブサイトの構造がとてもすっきりしてわかりやすくなったと思います。以前のバージョンでは複数のブログを平行して動かし、MT自体が一つのサイトのようになってしまっていたのですが、MT5の場合はMTの中にウェブサイトがあり、その中にブログがあるというきちんとヒエラルキーを持った構造になっているため、とても管理しやすくなりました。あと、ユーザーインターフェイスもシンプルで気に入っています。」


「TATAMO!　これからの畳をつくるプロジェクト」は長野で畳店を経営する百瀬和幸さんと、九州熊本で畳の原料となるイグサ生産農家を営む園田聖さんが中心となり、イグサを使った新しい商品を企画・制作・販売するプロジェクトだ。今回は百瀬さんに加え、サイトの設計・構築を担当した合同会社アライアンス・ポートの小川裕子さん、ピエールランリ・ラヴィンさん、友兼亜樹彦さんにお話を伺った。

TATAMO!

TATAMO！プロジェクトとは

TATAMO!プロジェクトは、2004年に上質なイグサを探し求め自ら九州熊本に出向いた百瀬さんが、イグサ農家の園田さんと出会い意気投合したことから始まった。交流を暖めた二人に東京でデザイン事務所を運営する田中さんと南部さんが加わり、2009年の6月に農商工連携という国の政策の認定を受けて本格的にプロジェクトが開始された。

「今の畳はモジュール化されており厳密に幅が決まっています。ですからそれに満たない94センチ以下のイグサというのは焼却処分されているんです。これを使ってなにかおもしろいことができないかというのがプロジェクトを始めたきっかけです。」（百瀬さん）

現在プロジェクトでは、規格外のイグサを使って床材とヨガマットの開発が進められている。特にヨガマットは、天然素材独特の肌にふれた感触や香りなどが心地よくおすすめだという。

サイトの目的

製品の開発と並行し、PR及び販売システムの構築を目的とするWEBサイトの制作がアライアンス・ポートに依頼された。しかし、ミーティングを重ねていくうちに、畳を取り巻く厳しい状況を直視せざるを得なくなったと言う。

「確かに最近の建売住宅や分譲マンションには和室が用意されていないことが多いです。日本旅館も減ってきており、私たちが畳に触れる機会はどんどん少なくなってきています。しかし日本人の生活スタイルも変化しており、昔ながらの畳を使うことを無理強いしてもあまり効果は期待できないでしょう。」（小川さん）

「ならば畳の方から歩み寄って現代の生活にあう新しいスタイルの畳を作り、それを使ってもらおうと考えたのです。」（百瀬さん）

このような経緯を経て、TATAMO!のサイトは2009年12月24日に公開された。

いち早くMovable Type　5を使用

TATAMO!のサイトは、2009年11月にリリースされたMovable Typeの最新バージョンであるMovable Type5をいち早く使用している。製作期間中はまだ正式版がリリースされていなかったため、ベータ版での開発作業であったという。

「そのころはほとんどドキュメントもなく、Movable Type Forumなどのコミュニティで質問しながらの作業でした。」（ピエールさん）

一般的にはリリース前のプロダクトではなく、動作が安定しているMT4を選ぶのが普通だろうが、なぜわざわざMT5で開発を行ったのだろうか？

「正直かなり迷ったのですが、やはり最初から新しいバージョンで作っておいたほうが、後々サイトのためにいいと思ったからです。技術者も使いたいと言ってましたしね。」（小川さん）

実際、いち早くMT5を使って開発を行ってみてどのように感じたのだろうか？

「MTタグがリッチになっていてとても楽になりました。特に変数タグの拡張が役に立ちましたね。」（ピエールさん）

「テンプレートを作成する作業にはそれほど違いを感じませんでしたが、カスタムフィールドを作ったりだとか、テーマを使って複製したりだとか、そのあたりの作業がとても楽になりましたね。新しく追加されたMTタグを使えばもっと便利になるところがあるとは思うのですが、今回そこまでは使いこなせませんでした。」（友兼さん）

では完成したサイトを管理する立場から見るとどうだろうか？

「ウェブサイトの構造がとてもすっきりしてわかりやすくなったと思います。以前のバージョンでは複数のブログを平行して動かし、MT自体が一つのサイトのようになってしまっていたのですが、MT5の場合はMTの中にウェブサイトがあり、その中にブログがあるというきちんとヒエラルキーを持った構造になっているため、とても管理しやすくなりました。あと、ユーザーインターフェイスもシンプルで気に入っています。」（小川さん）

小川さんが言うように、TATAMO!のサイトは「TATAMO!について」はウェブページ、「ナレッジ」、「プロダクト」、「ブログ」の3つのブログがウェブサイトの中に配置され管理されている、極めてMT5らしい構造になっている。

TATAMO!ウェブサイト構成

TwitterとFlickrを使ってアクティブ感を表現

TATAMO!TwitterとFlickr
トップページ上部に表示されたTwitterとFlickrからのストリーム

ではTATAMO!のサイトを見ていくことにしよう。 白を基調としたサイトデザインは極めてシンプルかつスタイリッシュであり、一見して畳という伝統工芸品を扱うサイトには見えない。

「TATAMO!のアート・ディレクター南部さんと最初に方向性について話した時、やはり製品をきれいに見せていくためにはシンプルなデザインがいいだろうということになりました。日本国内だけではなく海外の人たちにも畳の良さをアピールしていきたいので、海外のインテリアブランドと並んでも引けを取らないようなデザインを目指しました。」（小川さん）

畳だからといって安易に「和」のテイストを出さないところにもその決意が感じられる。

トップページ最上部には、吹き出しに入ったTATAMO!に関するテキストや写真が次々に表示されている。

「TATAMO!というプロジェクト名には、『みんなで畳もう!』という呼びかけ、アクティブに活動していこうという意味が込められています。スタッフやサポートしてくれるユーザーがアクティブに声を出して活動している様子を表現したいと考え、いちばん目立つところにこのような仕組みを作りました。」（小川さん）

この部分に表示されるのは「#tatamo」というハッシュタグが付けられたTwitterのつぶやきと、「TATAMO!」というグループプールに投稿された写真だ。これらをAPI経由で取得し、JavaScriptを使って動的に表示している。写真の方は現在ほとんど百瀬さんが投稿したものだが、将来的にはプロジェクト発の製品を使っているユーザーにも投稿してもらい、コミュニケーションを取りたいと思っているそうだ。

TATAMO!ブログは2人で更新

「TATAMO!ブログ」はこのサイトのメインコンテンツの一つ、畳店の百瀬さんとイグサ農家の園田さんの2人が執筆を担当し、プロジェクトの活動報告やTATAMO!製品の開発状況、さらに毎日成長するイグサの様子などの記事が写真や動画を交えて頻繁に更新されている。

もともと園田さんは05年からブログを書いていたという大ベテラン。現在も仕事用とプライベートの2つのブログを精力的に更新しているという。今回は動画の撮影用にわざわざiPhoneを購入されたそうだ。
対して百瀬さんはこのサイトではじめてブログに触れたとのことだが、アライアンス・ポート小川さんの丁寧なレクチャーもあり、特に問題なく更新作業を行っているとのことだ。

「他のツールを使ったことはありませんが、Movable Typeによるブログの更新は楽ちんですよ。もっとも写真の位置の変更など難しいことはまだまだ勉強中ですが。」（百瀬さん）

工夫が凝らされたプロダクト紹介画面

TATAMO!プロダクトページ
TATAMO!のプロダクト、ヨガマットの紹介ページ

「TATAMO!プロダクト」はプロジェクトから生まれた製品を紹介するコンテンツ。現在2種類の製品が紹介されている。将来的にはここから直接製品を購入できるようにしたいとのことだ。
内部的には1つのプロダクトが1個のブログ記事となっており、カスタムフィールドにテキストや写真を配置することによって簡単に同じフォーマットのページができるようになっている。

複数アップロードされた写真は、サムネイルをクリックすることでスクロールして表示を切り替えるようになっている。この動きはFlashではなくJavaScriptで制御しているので、FlashやJavaScriptが使えないブラウザでも、写真だけは表示されるようになっている。
また、製品のデザイナーの情報はエントリー画面で逐次入力するのではなく、カテゴリーとして選ぶようになっている。デザイナーの写真と情報はカテゴリーのカスタムフィールドに入力されており、エントリー画面で選ぶだけで自動的に表示されるようになっている。

ユーザーといっしょになって楽しめるプロジェクトに

最後にこのサイトとプロジェクトの今後について伺った。

「プロダクトのページなどを見ていただければおわかりになると思うのですが、このサイトには単なる商品情報だけではなく、商品を開発するプロセス、関わったみんなの思いや苦労などのストーリーが見えるように作っているつもりです。このようなストーリーをいろいろな人と共有できればいいなと思っています。」（小川さん）

「このプロジェクトは単に商品を売るためのものではなく、活動だと思っています。ですから商品を買っていただいた方も我々といっしょに参加しているという気持ちになっていただきたい。私たちも含めてみんなで楽しくやっていきたいというのが根本にあります。それともう一つ、日本の伝統や文化といったものとは別の切り口で畳を楽しんでみたい、もう一度原点に戻したいという思いがあります。」（百瀬さん）

商品にまつわるストーリーを生産者自らが発信し、ブログを中心とした様々なツールを使ってユーザーとのコミュニケーションを活性化させ理解を深めてもらう。物作りに限らずとも、ユーザーとの交流を目指すあらゆるサイトにとって、見るべきところの多い貴重な事例となるのではないだろうか。

t左からアライアンス・ポートの友兼亜樹彦さん、ピエールランリ・ラヴィンさん、小川裕子さん、TATAMO!プロジェクトの百瀬和幸さん。
左からアライアンス・ポートの友兼亜樹彦さん、ピエールランリ・ラヴィンさん、小川裕子さん、TATAMO!プロジェクトの百瀬和幸さん。

事例データ

  • Movable Type 5
  • サイトを公開したのは：2009年12月
  • はじめた理由：プロジェクトの周知とプロダクトの販売
  • 制作を担当したのは：アライアンス・ポート
  • 何か手ごたえはありましたか？：twitterを通してサイトに来てくれる人が増えました

アライアンス・ポート：事例紹介ページ

2010年05月06日

日刊サイゾーがMovable Typeを使う理由

「他のCMS導入も検討したのですが、PVがかなり多い（日刊サイゾーのPVは現在1,200万／月）ため、PHPを使った他のCMSでは閲覧側の負荷が耐えられないと判断し、Movable Typeを使い続けることにしました。」


「日刊サイゾー」は1999年に創刊された月刊総合情報誌「サイゾー」のウェブ版として、2007年にスタートした日刊ニュースサイトだ。雑誌メディアのプロフェッショナルが運営するウェブメディアとはどのようなものなのだろうか。プロデューサーである株式会社サイゾーの川原崎晋裕さんにお話しを伺った。

オリジナル記事を日々配信

日刊サイゾー

日刊サイゾーがMovable Typeを使う理由の続きを読む

Movable Typeの構築事例一覧

このページのトップへ

Six Apart

ACTIVE ENTRIES