Movable Type や Word Press でサイトを作るなら

コーディング外注、依頼、代行のコーディングイノベーション

  • 特長
  • 価格
  • 納期
  • 納品までの流れ
  • よくある質問

CMS、どっちを選べばいい?

「表示速度が速く非常にセキュアなMovable Type」それとも「導入コストが安くカスタマイズ性の高いWordPress」

コーディングイノベーションに
お任せください

CMSコーディング
に特化した専門チーム

オリジナルテーマ
による構築が得意

Web制作会社なので
デザインも依頼できる

特長FEATURES

CMS(コンテンツ・マネジメント・システム)とは、
専門的な知識がない人でも簡単に記事を投稿して公開することができるデータ管理システムです。

このCMSのなかでも特に人気なのが
表示速度が速く非常にセキュアなMovable Type(ムーバブルタイプ)と、
導入コストが安くカスタマイズ性の高いWordPress(ワードプレス)です。

コーディングイノベーションは
そんなMovable TypeとWordPressに特化した専門サービスです。
それぞれの特性を活かしたご提案で、お客様の「こんな機能が欲しい」を実現します。

また、弊社はデザインからコーディングまでワンストップで制作する専門会社ですので、
オリジナルテーマの構築経験も豊富です。
コーディングだけ、またはデザイン込みで丸ごとお願いしたい、など様々なご要望にお応えします。

対応いたします

  • レスポンシブデザイン

    かつてPCサイトとモバイルサイトは異なるURL、異なるコードで表示されていましたが、近年は一つのHTMLファイルを各デバイスに対応した最適なレイアウトで表示させるレスポンシブWebデザインが主流になっています。サイトをレスポンシブ対応するとユーザー体験の向上やSEOの効果を見込めますが、複雑なデザインもワンソースコードで対応するため構築には高度な技術力が必要となります。私たちはいち早くこの分野での研究とご提案を行ってまいりました。経験も実績も豊富ですので安心してコーディングイノベーションにお任せください。

    レスポンシブデザインのイメージ
  • モバイルファースト

    かつてPCサイトとモバイルサイトは異なるURL、異なるコードで表示されていましたが、近年は一つのHTMLファイルを各デバイスに対応した最適なレイアウトで表示させるレスポンシブWebデザインが主流になっています。サイトをレスポンシブ対応するとユーザー体験の向上やSEOの効果を見込めますが、複雑なデザインもワンソースコードで対応するため構築には高度な技術力が必要となります。私たちはいち早くこの分野での研究とご提案を行ってまいりました。経験も実績も豊富ですので安心してコーディングイノベーションにお任せください。

    モバイルファーストのイメージ
  • SEOを考慮した適切なマークアップ

    私たちは日頃からSEOを意識したサイト制作を行っています。人にもサーチエンジンにもやさしく自然なマークアップを行うことで検索サイトの上位表示が期待できます。また、正しく構造化されたコードは後のメンテナンス性向上にもつながります。私たちはご要望のない限り、キーワードの強引な見出し化や不自然な埋め込み等は行いません。構造的に正しいコーディングがよりよいSEO対策だと考えています。見出しや強調部分などマークアップに関するご指定がある場合はご入稿時にお知らせください。

    SEOを考慮した適切なマークアップのイメージ
  • ユーザーの興味をひくCSSアニメーションによる演出

    簡単なホバーアクションは無料でお付けします。無料とはいえ新しもの好きのスタッフはアニメーションのトレンドを意識することだって怠りません。もしご予算があってお望みでしたら、他とはひと味違う面白みのある効果、デザインを効果的に活かすアニメーション、JavaScriptを使ったインタラクティブなコンテンツ制作など、コーディングイノベーションはWebサイトに命を吹き込みます。それももちろんオリジナルテーマで!

    ユーザーの興味をひくCSSアニメーションによる演出のイメージ
  • 画像の軽量化

    いくらレスポンシブ対応していたりモバイルファーストであっても、使われている画像がWeb用に最適化されていなければ表示速度の低下を招き、ユーザーにストレスを与え、SEO対策の効果も薄れてしまいます。コーディングイノベーションは各画像の特性を見極めながらそれぞれJPEGとPNGに振り分けて書き出しを行い、丁寧な圧縮を心がけ、場合によってはWebPフォーマットを採用するなど常に画像の軽量化に注意を払いながらコーディングを進めます。

    画像の軽量化のイメージ

Movable TypeとWordPressの比較

  • Movable Type(MT)の特長

    日本で開発されているため主に国内で人気のあるCMSです。MTの最大のメリットは表示速度が速い点でしょう。これは更新時に静的なHTMLファイルを生成するため、ユーザーがサイトを閲覧するたびにデータベースを参照してHTMLを構成して…といったプロセスが存在しないからです。アクセスの集中にも強く、長期的に安定した運用が望めます。法人ライセンスは有料ですが、その代わりに開発元のサポートが受けられ、クラウド版を選択した場合はサーバーの管理やアップデート作業まで不要となり、非常にセキュアなCMSと言えます。学校法人をはじめ中規模~大規模なサイトに多く使われています。

    公式サイトで詳細を見る
  • WordPressの特長

    世界中のエンジニアが開発に参加しており、誰でも無料で使うことができます。WordPressのメリットは初期コストを抑えられる点と、プラグインが豊富に用意されているため望んだ機能を実装しやすいという点があります。また利用人口が多いので最新情報を見つけやすくカスタマイズ性に優れていると言えるでしょう。メーカーのサポートといったものはありませんが、デザインテーマも豊富なので個人ブログから企業のコーポレートサイトまで幅広く利用されている大人気のCMSです。ただしMTと比較した場合、サイトが攻撃されやすく、サーバースペックにより表示速度が低下する傾向があります。

    公式サイトで詳細を見る

Movable TypeとWordPressの特性

種類 WordPress MovableType.net Movable Type
(ソフトウェア版)
Movable Type
(クラウド版)
ページ生成方法 静的 × ×
動的
価格 無料 ¥2,750 / 月 ¥99,000 ¥5,500 / 月
バージョンアップ 頻繁に必要 不要 必要 不要
プラグイン 種類が豊富で無料が多い(約6000点)2021年1月時点 使用不可 種類が少なく、有料が多い(約100点)2021年1月時点
カスタムフィールド 一部有料 制限あり 制限なし
セキュリティ 利用者が多い為
攻撃の対象になりやすい
動的ファイルによる
脆弱性あり
静的ファイルで安全クラウド版はCMS本体と配信サーバを分離可能
ページの読み込み アクセス時にページが生成されるため、遅い 静的ページの場合は表示が早い
カスタム性 非常に高い 制限されている 公式リファレンスに定義されていない機能は
実装できない可能性がある
バージョン管理や負荷 最新に保つ必要がある 自動で最新バージョンになる データ量に比例して再構築にかかる時間が増える※クラウド版は自動で最新のバージョンになる
メーカーサポート なし あり
対応できるWeb制作会社 非常に多い 比較的少ない

Movable Typeの種類について

Movable Typeには3つの種類があります。
コーディングを着手する前にどのMovable Typeを利用するか決めておく必要があります。

サーバ配信について

クラウド版の場合、CMS機能とフロントページ(ユーザーがアクセスするページ)を別々に管理できる「サーバ配信」を行うかどうかをお知らせください。
サーバ配信を行う場合はファイルをどのように管理するか、明確なイメージがあればあらかじめお知らせください。

ページの生成方法

基本的にあらかじめHTMLを生成する静的ページ仕様となりますが、アクセス時にページを構成する動的ページでの構築をご希望される場合は必ず事前にお知らせください。ページの表示速度が速くセキュアな静的ページの生成がおすすめですが、ランキングなどリアルタイムで表示させるコンテンツを含む場合は動的ページを生成する必要があります。

Movable Typeは Six Apart Ltd. の商標または登録商標です。

価格PRICE

コーディングイノベーションでMovable TypeやWordPressでサイトを構築する場合の基本料金表です。
表示している機能は一例ですので、まずはご相談ください。ご要望に応じてお見積りさせていただきます。
既存サイトの改修でもお気軽にご相談ください。

*金額は全て税抜き表示です。別途消費税がかかります。

基本料金

  • CMSサイト構築基本料金

    ¥100,000

  • プロジェクト管理費用

    全体の10%

コーディング料金

  • トップページ

    ¥30,000~

  • 下層ページ(25ページまで)

    ¥20,000~

  • 下層ページ(26ページ目から)

    ¥15,000~

  • 下層ページ(51ページ目から)

    ¥10,000~

PCデザインでページ縦幅が5,000px以上になるものは
3,000pxごとに10,000円の追加となります。

流し込み、ページ複製

  • ページ単価

    ¥2,000~

既存ページとまったく同じレイアウトの新規ページに、
ご用意いただいた素材(テキストや画像)を適用する流し込みや、
サイト移設などでページを複製する場合などです。

プラグインで対応可能な場合は料金をいただきません。
※ページ個別の調整を行わない場合

アニメーション

  • 標準アニメーション

    ¥0

  • アニメーションのご指定

    ¥10,000~

ホバーアクションは標準実装します。
サイトの適性によりスクロールアクションを実装します。
(標準実装のアクションやデザインは弊社にお任せください)
リッチなアニメーションも実装可能ですのでご相談ください。

【WordPress】カスタムフィールド追加

  • 1ページ10個まで

    ¥0

CMSのカスタムフィールドを使用して更新のメンテナンス性を向上させます。
管理画面側の機能追加、テンプレート側のコーディングも合わせて対応します。
1ページ10個を越える場合は10個ごとに10,000円の追加となります。

【WordPress】カスタム投稿タイプ、カスタム分類機能の導入

  • 1サイト2個まで

    ¥0

通常の投稿と異なる管理をするための
「カスタム投稿タイプ」「カスタム分類」を導入します。
1サイト2個を越える場合は1個ごとに10,000円の追加となります。

【MT】カスタムフィールド追加

  • 1ページ10個ごと

    ¥10,000~

【MT】子サイトの設定

  • 1種類につき

    ¥20,000~

Movable Typeはサイトデータの容量に比例して再構築にかかる時間が増えてまいります。
この対策としてコンテンツを子サイトに振り分けることで
再構築にかかる時間を分散することができます。

お問い合わせフォーム

  • 1フォームにつき

    ¥30,000~

WordPressの場合は基本的にプラグイン Contact Form 7 を使います。
MW WP Form は開発終了に伴い使用しておりません。
MovableType(MT)では外部サービスのご利用をお薦めします。
外部サービスの例:MovableType.net フォーム、フォームメーラー
外部サービスのご契約や有料プランのお支払いは弊社では行いません。
SalesforceといったMAツールのコード埋め込みは無料でご対応いたします

オプション

  • スライドショー

    ¥5,000~

  • 画像のポップアップ、モーダル

    ¥5,000~

  • アコーディオン

    ¥5,000~

  • タブ切り替え

    ¥5,000~

  • 動画の埋め込み

    ¥10,000~

  • ランキング表示

    ¥20,000~

  • 関連記事表示機能

    ¥20,000~

  • サイト内検索

    ¥20,000~

  • オリジナルローディング

    ¥50,000~

  • 予約フォーム

    ¥50,000~

  • ネコの目対応

    ¥80,000~

動画の埋め込み:動画ファイルの埋め込みや、YouTubeなど外部サービスの動画をモーダルと組み合わせて表示させることも可能です。

ランキング表示:WordPressの場合は無料プラグイン WordPress Popular Posts を使います。MovableType(MT)では有料プラグイン MT-Ranking を使います。有料プラグインのお支払いはお客様のご負担となります。

関連記事表示機能:WordPressの場合は無料プラグイン WordPress Related Posts などを使います。MovableType(MT)では同じカテゴリの最新記事または特定記事を表示させます。

サイト内検索:WordPressの場合は基本的にシステム付属の機能を使います。MovableType(MT)では主にMovableType.net サイトサーチを使用します。外部サービスのご契約や有料プランのお支払いは弊社では行いません。

オリジナルローディング:独自のアニメーションやオリジナルイラスト作成など、ちょっと他とは違うサイト作りを応援します。

予約フォーム:WordPressではカレンダー形式の時間割り予約フォーム MTS Simple Booking にて対応いたします。その他、外部サービスの予約システム埋め込みなどご相談ください。

ネコの目対応:混雑・空き情報のネコの目システムと連動したCMSサイトを作成いたします。オリジナルマップにネコの目アイコンを表示することもできます。

追加費用

  • コーディングガイドラインのご指定

    全体の20%

  • Illustrator(Aiファイル)でのご入稿

    全体の20%

  • マニュアルその他ドキュメント作成

    ¥50,000~

100パーセント内製!

Made in Shonan

外部流出のリスクを軽減

Web制作会社による完全内製コーディングです。公開まで社外の者は情報にアクセスできません。
このため大切なお客様のデータを海外に流出させるリスクもほとんどありません

丁寧なマークアップ

マークアップは情報を精査する高い読解力が必要です。内製により日本語を丁寧に扱えます。
また海外の安い労働力に頼らないのでお客様の意思がスタッフへ素早くダイレクトに伝わります。

比べて分かる品質

ストレスの少ない湘南の海辺が私たちの制作拠点。経験と実績で培われた効率的な開発環境。
スタッフの高いポテンシャルがお客様からの評価とリピート率につながっています。

ページ数に対する標準納期は下記の通りとなっております。

営業日
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 〜10ページ
  • 11〜20ページ
  • 21〜30ページ
  • 31~50ページ
  • 51ページ

追加費用

  • 特急料金

    全体の20%

着手日からご納品までの期間が弊社の標準スケジュールより短い場合にいただきます。

1. お見積り

お問い合わせフォームかお電話にてご連絡ください。
その際にページ数や納期などもお知らせ願います。
またお問い合わせいただく前に一度、「ご依頼にあたり」の項目をご確認ください。
こちらの項目に入稿デザインやサイトリニューアル時の注意点が記載しています。
ヒアリングの内容を基にお見積りをいたしますのでご発注いただけるかどうかをご判断ください。

2. ご発注とデータ入稿

正式にご発注いただきましたらデザインファイルや素材データを入稿していただきます。
META情報やOGP・ファビコン画像などもご用意ください。デザインファイルからテキストを抜き出せない箇所があるようでしたらテキスト原稿もお送りください。ご発注前にデータを確認させていただく場合もございます。
当社指定の指示書をダウンロードする。

【入稿可能なファイル形式】
Photoshop
Figma
Adobe XD
Illustrator(20%割増となります。)

3. コーディング

コーディングを開始します。品質を第一に、スピード感をもって進行します。
コーディングの品質チェックも行ってまいります。
本番環境へのアップもご依頼の場合はサーバーパネル、FTPなどの情報も送りください。

4. 表示内容のご確認

コーディングが完了したページを弊社テスト環境にアップします。
テスト環境の情報を送りしますので、スマートフォン、PCでの表示確認と
CMS管理画面からのコンテンツの追加、変更方法も確認していただきます。

5. 納品とご入金

テスト環境にてサイトの表示、使用感をご確認いただけましたら、サイト公開となります。
納品後に請求書を発行させていただきますので、制作費をお支払いください。

よくある質問

  • LP(ランディングページ)1枚でもお願いできますか?

    当サービスではLPに対応しておりません。

  • 対応時間を教えてください。

    営業時間内(平日10:00~19:00)となります。

  • デザインからお願いすることは可能ですか?

    社内に経験豊富なデザイナーがおります。デザインからのご依頼も大歓迎です。

制作について

  • Illustratorで作成したデータの入稿は可能でしょうか?

    はい、可能です。ただし、Aiファイルでのご入稿はオプション料金となります。
    通常、全体の20%の追加料金を頂いております。

  • Javascriptによるタブ切り替えやアコーディオンなどの実装は可能ですか?

    はい、可能です。

ご注文について

  • 注文後のキャンセルはできますか?

    ご注文後のキャンセルにつきましてはキャンセル料(お見積り総額の50%)を頂いております。ご発注内容に合わせてスタッフのスケジュール確保を行っておりますので、ご理解、ご了承ください。

  • 注文後のスケジュール変更はできますか?

    可能な限りご対応しますが、ご希望に添えない場合もございます。

お見積りについて

  • 入稿データの確認後、お見積り期間はどれくらいかかりますか?

    基本的には、即日~翌営業日程度でお見積りをお伝えできます。
    内容により、最大2営業日頂く場合がございます。

  • 長いページでも料金は変わりませんか?

    ページの長さにより、変わります。1ページ3000pxで換算しております。
    例えば3400pxの場合、2ページ分の料金となります。
    タブの切り替えなど、内容が切り替わる場合、タブごとにページを算定いたします。

  • テキストと画像を差し替えるだけのページでも、1ページ分の費用がかかりますか。

    はい。単純なテキスト流し込みのみの場合は流し込み料金となります。

納品について

  • サーバーアップによる納品は可能ですか?

    はい、可能です。有料オプションになりますので、事前にサーバーの情報をお知らせください。

  • 納品後の修正はできますか?

    納品後の修正は別途お見積りの上、有料でご対応させて頂きます。
    弊社の過失による修正につきましては、納品後3日以内であれば無料で対応いたします。
    納品後3日を過ぎますと有料となりますので、ご了承ください。

修正について

  • 納品後も修正が入ることがあるかと思いますが、どの程度対応いただけますか?

    原則として確定したデータをお願いしておりますが、テキストデータの差し替えや同サイズの画像差し替え等、対応可能なものにつきましては、柔軟に対応させていただきます。ただし、修正の量が多い場合の作業につきましては追加料金が発生する場合がございます。(その際は作業前に必ずお知らせいたします

  • デザインデータの修正をお願いできますか?

    原則的にはお客様のほうで修正をお願いしておりますが、追加料金のうえ、弊社で対応することも可能です。ただし、フォントの有無、大幅な修正などにより、対応できない場合もございますので、ご了承ください。

対応ブラウザについて

  • 対応ブラウザを教えてください。

    PC
    ・Microsoft Edge最新版
    ・Chrome最新版
    ・Firefox最新版
    ・Safari(Mac)最新版
    スマートフォン
    ・Mobile Safari(最新バージョン)
    ・Android Browser(最新バージョン)
    ※スマートフォン標準搭載のブラウザ

既存サイトのレスポンシブ化について

  • どんなサイトでも対応できますか?

    サイトを診断させていただいた上でご回答させていただきます。通常は問題ありませんが、デザインの見直しをご提案させていただく場合もあります。

  • 料金はどのようになりますか?

    既存サイトのデザインやコード状態によって変わります。まずはご相談ください。

その他

  • PCのみデザインお渡しスマホのデザインはコーディングでお任せすることは可能でしょうか。

    デザインはスマホ用とPC用の両方を作成してお送りください。
    スマホ用のデザインがない場合は弊社にて作成可能ですが、別途お見積りが必要となります。
    ※目安としてPC表示縦幅3,000pxまでが1ページと考え、調整費用はおおよそ1ページあたり2万円程度からになります。

  • 動きのあるリッチなサイトにしたいのですが、対応可能でしょうか。

    はい、対応可能です。簡単なホバーアクションは無料にて、複雑な動きのあるものでもまずはご相談ください。