20140827 Movable Type Seminar
-
Upload
six-apartltd -
Category
Technology
-
view
389 -
download
3
description
Transcript of 20140827 Movable Type Seminar
![Page 1: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/1.jpg)
2014 年 8 月 27 日シックス・アパート株式会社
長内 毅志
Movable Type と官公庁・観光サイト
![Page 2: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/2.jpg)
本資料の内容について
•自治体などの観光サイトを CMS で構築する、と仮定
•提案方針の一例を考えてみる
![Page 3: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/3.jpg)
アジェンダ
•官公庁サイトに求められるもの
•観光サイトの提案例
•Movable Type を利用した提案例
•Movable Type 最新版
![Page 4: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/4.jpg)
官公庁サイトに求められるもの
![Page 5: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/5.jpg)
官公庁サイトで特に求められる要件
![Page 6: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/6.jpg)
2000 年の記事から
• http://itpro.nikkeibp.co.jp/members/NIT/ITARTICLE/20000301/1/
![Page 7: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/7.jpg)
2012 年の記事から
• http://business.nikkeibp.co.jp/article/topics/20120705/234172/
![Page 8: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/8.jpg)
官公庁のサイトは狙われやすい
•政治的な愉快犯
•大企業、官公庁のサイトをハッキ
ングすると目立つ
![Page 9: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/9.jpg)
参考:セキュリティ検査
• http://www.ipa.go.jp/files/000032929.pdf
![Page 10: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/10.jpg)
セキュリティ検査報告書サンプル
• http://www.symantec.com/content/ja/jp/enterprise/
other_resources/webapp_or_report_sample.pdf
![Page 11: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/11.jpg)
官公庁サイトによく見られる要件
•公開サーバーへの動的システム禁止
•オープンソース禁止
•利用ポートの制限
•セキュリティ検査の定期的な実施
![Page 12: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/12.jpg)
官公庁サイトに必要なシステム (CMS)
•公開サーバーに動的システムを使わな
くても運用できるもの
•セキュリティ検査に耐えうるサイト構
築が可能なもの
![Page 13: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/13.jpg)
CMS を利用した場合の構築パターン
•CMS サーバーと公開サーバーを分離
![Page 14: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/14.jpg)
サーバー構成サンプル
CMSサーバー
公開サーバー
インターネット (WAN)
![Page 15: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/15.jpg)
官公庁の CMS 導入のポイント
•さまざまなサーバー要件、セキュリティ要件に対応できるシステム構成
•動的生成、静的生成の使い分け
![Page 16: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/16.jpg)
観光サイトの提案例
![Page 17: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/17.jpg)
観光=情緒商品である
![Page 18: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/18.jpg)
機能的価値と情緒的価値
機能的価値
情緒的価値
ブランド価値
泳げる ,車で行ける海の家がある
心が癒やされる悩みが吹き飛ぶ
○○ 海岸でなければ
例:○○海岸に対する観光客の評価
![Page 19: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/19.jpg)
情緒的価値の表現
•鮮やかな写真
•シズル感
![Page 20: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/20.jpg)
ビジュアル的なサイト構成の問題点
•ビジュアルがかたよる
•情報の更新性にかける
![Page 21: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/21.jpg)
観光業界の担当者の言葉
•観光客は「海」そのものよりも
「海を見て感動した気持ち」
「海で遊んだ楽しい思い出」
をより重視する
![Page 22: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/22.jpg)
•海の機能的価値
–海がある
–泳げる
–車で行ける
![Page 23: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/23.jpg)
•海の情緒的価値
–浜辺で遊ぶ楽しさ
–美しい景色
–きれいな夕焼け
![Page 24: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/24.jpg)
海というビジュアルではなく、「海」に携わる人々の言葉
•言葉、気持ち、体験を伝える
![Page 25: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/25.jpg)
実際の構築案
•ブログメディア
•ビジュアルではなく、携わる人々の
「言葉」で表現
•海岸の人々 ( 海の家、ライフガード、
イベント関係者、 etc…)
![Page 26: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/26.jpg)
![Page 27: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/27.jpg)
具体案
•「海岸」に集う人々の言葉が紡ぐ
「情緒的価値」
–ライフガードの言葉 => 「楽しく泳ぐ」
–海の店の言葉 => 「仲間とのおしゃべ
り」
–観光客の言葉 => 「最高の思い出」
![Page 28: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/28.jpg)
言葉の集積が、海の「情緒価値」を浮き彫りにする
ライフガードの
毎日の記録
海の家のメニュー情報 イベントレポート
フォトレポート
![Page 29: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/29.jpg)
観光サイトの構造実装
•ブログメディア
•「言葉」をすぐに伝える仕組み
•複数人による投稿
–ウェブ担当者がボトルネックになら
ず、更新制を強化
![Page 30: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/30.jpg)
![Page 31: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/31.jpg)
MT による観光サイト
•マルチブログにより、「観光拠点」の
情報を発信
•人による情報更新
•徐々に発信者を増加
![Page 32: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/32.jpg)
•セキュリティ要件に耐えうる構築
•「情緒的価値」を提供するサイト
•更新制、即時性を大事に
![Page 33: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/33.jpg)
Movable Type を利用した構築提案
•公開サイトと CMS サーバーを分離す
ることで、堅牢なサイト構造を実現
•多人数による情報の投稿と更新
•人々の声を重ねることで「情緒的価
値」の訴求を行う
![Page 34: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/34.jpg)
Movable Type 最新情報
![Page 35: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/35.jpg)
最新バージョン
Movable Type 6.0.3
![Page 36: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/36.jpg)
5 つの新機能
•Data API
•Chart API
•非公開日指定
•Google Analytics との連携
•メッセージセンター
![Page 37: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/37.jpg)
Data API
•JSON形式でデータを取得•PHP 、 JavaScript など言語を問わず拡張
![Page 39: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/39.jpg)
Google Analytics の連携
• Google Analytics と連携してアクセスデータをダッシュボード上に表示
![Page 40: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/40.jpg)
レスポンシブウェブデザインテーマ
•Rainier–ブログ向けテーマ
•Eiger–企業サイト向けテーマ
![Page 41: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/41.jpg)
Apex
•追加テーマ「 Apex 」http://plugins.movabletype.jp/
movable_type/apex.html
![Page 42: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/42.jpg)
Rainier と Eiger 、 Apex のライセンス
•MIT ライセンス ( オープンソース )–自由にカスタマイズ、再頒布可能
–ビジネス利用も可能、オープンソース頒布も
![Page 43: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/43.jpg)
パフォーマンス改善
![Page 44: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/44.jpg)
Movable Type クラウド版
•クラウド環境で MT を提供
•サーバー保守、メンテナンスはシックス・アパートが担当
•月額 5000円~
![Page 45: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/45.jpg)
サーバー配信機能
•外部サーバーへ html送信
•ステージング構成が簡単
![Page 46: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/46.jpg)
バックアップ機能
•1 日に 1度データをバックアップ
•いつでも復旧可能
![Page 47: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/47.jpg)
MT on AWS
•AWS marketplace で提供
•T1micro は無料 (AWS 使用料別 )
![Page 48: 20140827 Movable Type Seminar](https://reader036.fdocuments.in/reader036/viewer/2022062406/558ead791a28ab92708b4719/html5/thumbnails/48.jpg)