1. ユーザー部門を満足させる
Webプラットフォームアーキテクチャ
2015年2月12日
株式会社ミックスネットワーク
Web基盤ソリューション推進室
福慶 荘介

2. 会社紹介、自己紹介
株式会社ミックスネットワーク
国産CMS専業パッケージメーカー
「SITE PUBLIS」の提供
2012,2013年度シェア№1
自己紹介
Web基盤ソリューション推進室 室長
Facebook:
https://www.facebook.com/fukukei

3. アジェンダ
ユーザー部門が今、望むこと
ユーザー部門が今、特に望むデバイス対応
ユーザー部門を満足させるアーキテクチャ

4. ユーザー部門が今、望むこと
こんなことを
望んでいます
多様化していく
デバイス
へ対応したい
高機能なWeb
サービスを
提供したい
複数サイトを
横断した
マーケティング
施策専門知識が無い
人でもコンテンツ
更新がしたい
インフラで
難しいことを
考えたくない

5. Webの先にいるコンシューマを
調査してみると、、、
http://www.micsnet.co.jp/topics/Report_20141202.html
ユーザ部門が今、特に望むデバイス対応

6. ユーザ部門が今、特に望むデバイス対応
スマートフォン所有率57.1%
15〜59歳に高い普及
タブレット所有率22.2%
20〜59歳に若干高めの普及
フィーチャーフォン所有率未だ46.1%

7. ユーザ部門が今、特に望むデバイス対応
私的利用が主だが業務利用も
自宅、移動先、移動場所を選ばない
決済や予約でも当たり前に利用

8. ユーザ部門が今、特に望むデバイス対応
マウスによる緻密な操作性
高速通信による
ストレスフリーな閲覧環境
指による範囲を制限された
アバウトな操作性
狭い画面とPCに劣る
通信速度
指による範囲を制限された
アバウトな操作性
PCに劣る通信速度だが
PCに近しい広い画面

9. PCサイト→スマートデバイス対応では
今後さらに加速するスマートデバイス時代に対応できず
Webエクスペリエンスの向上が望めない。。。
ユーザ部門が今、特に望むデバイス対応

10. PC専用
レイアウト
タブレット専用レ
イアウト
スマホ専用
レイアウト
ガラケー専用
レイアウト
コンテンツA
コンテンツB コンテンツC
コンテンツD コンテンツE コンテンツF
コンテンツG
ユーザ部門が今、特に望むデバイス対応

11. ユーザ部門を満足させてあげたい、、、
ユーザ部門を満足させるアーキテクチャ

12. ユーザ部門を満足させるアーキテクチャ
CMSの機能でマルチデバイス対応
プレゼンテーションとロジックの分離
複数サイトの統合管理
NonコーディングCMS
セキュアかつスケーラブルなインフラ

13. CMSの機能でマルチデバイス対応
共通パーツ
スマートフォン用パーツ
タブレット用パーツ
ガラケー用パーツ

14. CMSの機能でマルチデバイス対応
継続的なデバイス対応を行うために
新機種が発売されたら、
機種情報をインポート

15. ポータルサイト
コンテンツ管理 権限・フロー デバイス管理
Webシステム
会員情報管理 製品情報管理 販促決済処理 在庫管理 レコメンド
プレゼンテーションとロジックの分離
会員情報管理 製品情報管理 販促
従来型のWebシステムアーキテクチャ

16. コンテンツ管理 権限・フロー デバイス管理
ポータルサイト
Webプレゼンテーション層（Webサイト運用基盤）
会員情報管理 製品情報管理 販促
決済処理 在庫管理 レコメンド
ビジネスロジックサービス群
連
携
連
携
連
携
プレゼンテーションとロジックの分離
これからのWebシステムアーキテクチャ

17. Aサイト Bサイト Cサイト Dサイト
デバイス別テンプレート デバイス別に制作 外部サービスで変換
HTMLで構築 JAVAで開発 VBで開発 外部委託
複数サイトの統合管理
Webサイトの現状

18. 顧客接点を組織的設計
CI・ブランディングの統一
マーケティングデータの集約
コスト集約・削減効果
セキュリティレベルの均一化
複数サイトの統合管理
Webサイトを統合管理することで

19. NonコーディングCMS
簡単にブロックの入
れ替え
サイト共通パーツの配置
WYISWYG編集
ブロックの配置
画像の配置
エディット画面
エディター

20. SITE PUBLIS
公開サーバ
(仮想サーバ)
SITE PUBLIS
編集サーバ
(仮想サーバ)
iSCSI
NAS/FTP
Evault backup
(仮想サーバ)
Private Network
Management Network
Public Network
商品情報
スレーブDB
(ベアメタル)
SoftLayer
Private Network
Management Network
FireWall LB
基幹システム
商品情報
マスタDB
VPN
システム管理者
サイト管理者・更新者
xml
VPN暗号化通信
（IPsec,SSL,PPTP)
セキュアかつスケーラブルなインフラ
Multi Device Access

21. 製品情報等
メンテナンス
データ
コンテンツ
DTP
VAN
連携
プラグイン
その他WEB
コンテンツ
MD部門等
WEB管理部門
WEB記事作成・更新・サイト公開
DAM
ERP
商品
マスタ
基幹システム
(商品管理
在庫管理 等)
REST
API
向
け
配
信
マ
ル
チ
デ
バ
イ
ス
事例）メーカー製品サイトのアーキテクチャ

22. おわりに
ご清聴ありがとうございました。
より詳細な情報は、
「SITE PUBLIS」ブースにお立ち寄りください。
http://www.sitepublis.net/