「知識ゼロから始めてリアルに困ったこと」

タナカ印刷株式会社

営業部商品開発室 佐藤 聖

1

タナカ印刷株式会社とは

• 大正12年 開業

• 1995年 Macintosh DTPシステム導入

• 2006年 ウェブ案件のお問合せが増加

• 2007年 本格的なウェブ事業開始

• 2011年 ProNet加入

• 2013年 現在に至る

2

メンバー

• 人数は4人（ウェブ部門）/120人（会社全体）

1. CMS、サーバ契約（佐藤 聖） 2. 営業、進行管理、SEO対策 3. ウェブデザイナー、CMS見習い 4. ウェブデザイナー見習い

※プログラマーはいません ※MovableType案件の受注金額は40万～80万 が多いです。（デザインHTML込）

3

自己紹介

• 2005年 タナカ印刷入社。印刷部配属。

• 2005年 個人的にPerlの勉強をしてみるも挫折。

• 2006年 WordPressで個人的なブログを始める。

• 2007年 ウェブ部門に移動。

• 2008年 仕事があまりなく、ひたすら勉強をする。

• 2009年 JAGRA様依頼により、MovableType4の

構築を初めて行う。

• 2010年 多くのCMSを手掛ける。

以降

4

MovableType構築事例

• 公益社団法人日本木材保存協会

• 公益社団法人日本フィットネス協会

• フィットネスウオーキング連盟

• 臭素科学・環境フォーラム（BSEF）

• ARAKAWA 1-1-1 ギャラリー

• タナカ印刷株式会社

• Primedex2010

他6サイト

※社団法人関連が多いです。

5

有料プラグイン導入事例

• MTCMS Smart

• PowerCMS3 Standard

• ケータイキット

• Uploader for MT

• A-Form

6

私がMovableTypeを選んだ理由

7

MovableTypeを選んだ理由

• 初心者にやさしい

• プログラム知識が無くても分かりやすいMTタグ

• 個人向けライセンスは無償なので、気軽にテストが出来る

• 国内企業のメーカーサポートが受けられる

• ネットに情報がたくさんある

• 参考書籍が複数存在した

8

私が購入した本

9

MTQ | Movable Type ユーザーコミュニティ

MTで悩んだら

ここ！

佐藤の質問数： 9

8回答／9質問

http://communities.movabletype.jp/

10

http://communities.movabletype.jp/

MovableType標準機能で出来ないこと

• ページング – PageButeプラグインで解決！

– http://www.skyarc.co.jp/engineerblog/entry/pagebute356.html

• 本文フィールドを隠せない – CustomDefaultFieldsプラグインで解決！

– http://tec.toi-planning.net/mt/customdefaultfields/

• カテゴリ枠の高さを調整できない – ExpandCategoryAreaCSSプラグインで解決！

– http://www.koikikukan.com/archives/2010/03/04-025555.php

11

http://www.skyarc.co.jp/engineerblog/entry/pagebute356.htmlhttp://tec.toi-planning.net/mt/customdefaultfields/http://tec.toi-planning.net/mt/customdefaultfields/http://tec.toi-planning.net/mt/customdefaultfields/http://www.koikikukan.com/archives/2010/03/04-025555.phphttp://www.koikikukan.com/archives/2010/03/04-025555.phphttp://www.koikikukan.com/archives/2010/03/04-025555.php

MovableTypeで悩んだ実例

2010年～2013年

全てがぶっつけ本番

12

A社サイト 1

• 日英中対応サイトを作成。投稿画面はカスタムフィールドで英語・中国語の入力枠を設置。順調に出来上がってきたが、サイト内検索でカスタムフィールドは検索されないことが判明・・・・・。しかも検索の動作が重い・・・・。

⇒ SearchEntriesプラグインで解決！ http://www.h-fj.com/blog/mt5plgdoc/searchentries.php

13

http://www.h-fj.com/blog/mt5plgdoc/searchentries.phphttp://www.h-fj.com/blog/mt5plgdoc/searchentries.phphttp://www.h-fj.com/blog/mt5plgdoc/searchentries.php

A社サイト 2

• ワードプレスからMovableTypeにシステム移行が決まったが、記事URLは同じにしたい。ワードプレスのURLは当日に複数件投稿の場合は「20130909-1」 「20130909-2」となりMTでは実現できない・・・。

⇒ MTQサイトで解決！（Objectプラグイン） http://communities.movabletype.jp/2011/03/post-323.html

http://communities.movabletype.jp/2011/01/post-272.html

14

http://communities.movabletype.jp/2011/03/post-323.htmlhttp://communities.movabletype.jp/2011/03/post-323.htmlhttp://communities.movabletype.jp/2011/03/post-323.htmlhttp://communities.movabletype.jp/2011/01/post-272.htmlhttp://communities.movabletype.jp/2011/01/post-272.htmlhttp://communities.movabletype.jp/2011/01/post-272.html

1-1-1ギャラリーサイト 1

• 展示棚の貸し出し状況をMovableTypeで構築。

棚一つに対して、カスタムフィールドを一つ作成。合計で32個のカスタムフィールドが出来

上がったが、画面のスクロールが無駄に多すぎて入力がしづらい・・・・・。

⇒ MTAppjQueryプラグインで解決！ http://www.tinybeans.net/blog/download/mt-plugin/mtapp-jquery.html

15

http://www.tinybeans.net/blog/download/mt-plugin/mtapp-jquery.htmlhttp://www.tinybeans.net/blog/download/mt-plugin/mtapp-jquery.htmlhttp://www.tinybeans.net/blog/download/mt-plugin/mtapp-jquery.htmlhttp://www.tinybeans.net/blog/download/mt-plugin/mtapp-jquery.htmlhttp://www.tinybeans.net/blog/download/mt-plugin/mtapp-jquery.html

1-1-1ギャラリーサイト 2

• 展示棚の貸出期間は１週間。ブログ記事を投稿した日付から１週間後の日付をウェブに掲載して欲しい。簡単に出来ると思いきや・・・・・。

⇒ MTQサイトで解決！（DateDiffプラグイン） http://communities.movabletype.jp/2012/06/7.html

http://www.h-fj.com/blog/archives/2012/06/22-112124.php

16

http://communities.movabletype.jp/2012/06/7.htmlhttp://www.h-fj.com/blog/archives/2012/06/22-112124.phphttp://www.h-fj.com/blog/archives/2012/06/22-112124.phphttp://www.h-fj.com/blog/archives/2012/06/22-112124.phphttp://www.h-fj.com/blog/archives/2012/06/22-112124.phphttp://www.h-fj.com/blog/archives/2012/06/22-112124.php

日本フィットネス協会サイト

• 会員専用の掲示板サイトを依頼された。ログインはベーシック認証でOK。コメント機能をカ

スタマイズすれば対応出来ることが分かり引き受けたものの、画像もアップロードさせたいという希望が出てしまい・・・・・。

⇒ CommentCustomFieldプラグインで解決！ http://www.koikikukan.com/archives/2009/08/14-025555.php

※画像以外のカスタムフィールドは標準機能で作れます

17

http://www.koikikukan.com/archives/2009/08/14-025555.phphttp://www.koikikukan.com/archives/2009/08/14-025555.phphttp://www.koikikukan.com/archives/2009/08/14-025555.php

木材保存協会サイト

• セミナーの情報を公開したい。終わったセミナーは履歴として残し、トップページは最新の情報を載せたい。未来の日付だけを表示させるのってどうやるの？

⇒ 自己解決（たまたま出来た）

18

某サイト

• ブログのカテゴリに「お知らせ」と「研究成果」を作成して、カテゴリごとにデザインを変えて欲しいという依頼。複数カテゴリを指定した時に出来上がるページは1ページだけという問題が・・・・・。

⇒ MTQサイトで解決！（WriteToFileプラグイン）

http://communities.movabletype.jp/2013/03/post-758.html

http://www.h-fj.com/blog/archives/2013/03/13-153808.php

19

http://communities.movabletype.jp/2013/03/post-758.htmlhttp://communities.movabletype.jp/2013/03/post-758.htmlhttp://communities.movabletype.jp/2013/03/post-758.htmlhttp://www.h-fj.com/blog/archives/2013/03/13-153808.phphttp://www.h-fj.com/blog/archives/2013/03/13-153808.phphttp://www.h-fj.com/blog/archives/2013/03/13-153808.phphttp://www.h-fj.com/blog/archives/2013/03/13-153808.phphttp://www.h-fj.com/blog/archives/2013/03/13-153808.php

Primedex2013サイトにて

• 展示会場で写真付きのリアルタイムレポートが必要になった。しかし、デジカメ撮影でUSB

に繋ぎパソコンからアップロードするには時間がかかり過ぎる・・・。

⇒ モブログくんで解決！

http://www.moblogkun.com/

方法：メールに画像を添付するだけで更新可能。

20

http://www.moblogkun.com/

結 論

ぶっつけ本番だった結果

21

結 論

• 聞くのはタダ。MTQで質問しよう。

（注：必ず返答が来るわけでは無い）

• 意外とどうにかなるが、精神を大きく消耗する

（10分で終わることが1日悩むこともある）

• CMSのパッケージということを理解してもらう

（独自開発ではない）

• お客様のために「使い勝手が良いものを提供したい」という気持ちが、自分を成長させる。

22

おまけ

私が利用しているサーバ

23

私が利用しているサーバ

1. ラピッドサイト ⇒ トリプルバックアップ標準装備。MTライセンス有。 MYSQL外部接続が可能。

2. スピーバー ⇒ SSLが安い。Pleskが利用できる。

3. さくらインターネット ⇒ 安い。安定している。

4. ニフティクラウド ⇒ 管理画面が使いやすい。CPUが速い。 でも価格が高い。

24

お問い合わせ先

タナカ印刷株式会社

〒135-0023 東京都江東区平野2-2-39

０３－６２４０－３８３０

担当：営業部商品開発室 佐藤 聖

ご清聴ありがとうございました ご不明な点がございましたら、お気軽にお問い合わせください。