Download - Movable Type 5 セミナー
![Page 1: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/1.jpg)
シックス・アパート株式会社金子 順
製品紹介
![Page 2: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/2.jpg)
目次
• Movable Type 5 とは?
• 開発の背景
• 変化に適応するWeb制作と運営
• Movable Type 5 の新機能
• プラットフォームとしてのMovable Type
![Page 3: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/3.jpg)
8周年2001年10月8日 サンフランシスコ当時24歳になったばかりのエンジニアBen(ベン)が、ウェブデザイナー Mena(ミナ)のために開発
![Page 4: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/4.jpg)
50+Books
![Page 5: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/5.jpg)
• ウェブサイト全体を管理• 高度なテンプレート編集• プラグイン拡張• 豊富なソリューション
ブログから進化したWeb Publishing Platform
サーバにインストールするソフトウェア
![Page 6: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/6.jpg)
Movable Type 5 対応書籍
![Page 7: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/7.jpg)
2009/12/10 Movable Typeエンジニアの夕べ
http://www.dakiny.com/archives/movable-type/movabele_type_5_study_societyvol1/
2009/11/30 MT5勉強会
http://www.skyarc.co.jp/engineerblog/entry/movable_type_mt5_mt_yuube.html
http://www.movabletype.jp/blog/mtddc_osaka_report.html
2009/12/12 Movable Type Developers & Designers Conference Osaka
![Page 8: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/8.jpg)
Movable Type 5開発の背景とブログの成功事例
![Page 9: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/9.jpg)
2005年当初は期間限定の予定ユーザーの大きな反響で四年目に。トラックバック企画には毎回数十件の「撮ってみたよ」
Gallery写真(316)
![Page 10: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/10.jpg)
GR Digital2005/10/21
GR Digital Ⅱ2007/10/30
GR Digital Ⅲ2009/8/5
製品のライフサイクルを超えた関係性
![Page 11: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/11.jpg)
企業ホームページ ニュースリリース
製品情報ページGRブログ
製品情報と連携しつつ独立した存在
![Page 12: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/12.jpg)
Four Modes of Seeking Information and How to Design for Them ( 2006, Donna Spencer ) http://www.boxesandarrows.com/view/four_modes_of_seeking_information_and_how_to_design_for_them
情報を探す4つのモードKnown Item探す内容を理解している(機種毎の性能表)
Re-finding見たことのある情報(買う前にもう一度確認)
Exploratory 探しながら理解を深める(自分の用途にあったカメラは?)
Don’t know what you need to know何を探すか把握していない(なんとなくデジカメが欲しい)
![Page 13: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/13.jpg)
“ウェブページ”型の探索
Known Item探す内容を理解している(機種毎の性能表)
Re-finding見たことのある情報(買う前にもう一度確認)
![Page 14: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/14.jpg)
“ソーシャル”型の探索
Exploratory 探しながら理解を深める(自分の用途にあったカメラは?)
Don’t know what you need to know何を探すか把握していない(なんとなくデジカメが欲しい)
![Page 15: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/15.jpg)
重要性を増すソーシャル探索
キーワード検索コンテンツ広告
ソーシャルメディア
リアルタイム探索
![Page 16: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/16.jpg)
個人的
•社員奮闘記•インタビュー
ライター別 記事一覧
『GXRインプレッション、 僕の中でのGXRの位置づけ』こんにちは ● ●です! ・・・・
![Page 17: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/17.jpg)
具体的GR DIGITAL Ⅲ 機能拡張ファームウェア第一段!
今日は12月1日にweb公開されましたGR DIGITAL III用機能拡張ファームウェア第1段(ver2.00)について紹介したいと思います。
GRD3の機能拡張ファームで、日付別表示ができるようにりました。これは便利で面白い!
ユーザーからのフィードバック
![Page 18: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/18.jpg)
イベント発生的
12月のトラックバック企画のテーマは「光」
第11回 GR BLOG メインイメージ募集中!
深まる秋をGXRで撮るRICOH Lens 24-72 mm
![Page 19: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/19.jpg)
リアル&タイムリーな情報発信
![Page 20: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/20.jpg)
ブログは情報発信のプラットフォーム
• ユーザーとのリアルタイムな関係性の構築• フィードバックから、 Webサイトや製品を改善
• 効果を認識したユーザーからの、 さらなるフィードバック
進化するCGMツールを使いこなすためには変化への適応力が重要
![Page 21: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/21.jpg)
変化に適応するWeb制作と運営BLOG | CMS 導入の目的
![Page 22: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/22.jpg)
ウェブサイトのライフサイクル
コンテンツ更新
システム構築
Webサイト制作
コンテンツ更新
サイトリニューアル
コンテンツ更新
サイトリニューアル
![Page 23: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/23.jpg)
定期的な更新の無いサイト
1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12
運用費 制作費サイト公開
キャンペーンリニューアル
キャンペーン
![Page 24: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/24.jpg)
集客の費用対効果は一定のまま
1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12
サイト公開キャンペーン
リニューアルキャンペーン
アクセス数 運用費 制作費
![Page 25: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/25.jpg)
Pace Layering変化に適応する情報設計フレームワーク
How Buildings Learn: What Happens After They're Built" by Stewart Brandhttp://www.usability.com.au/resources/evolving-web.cfm
Steward Brand の定義
Web での情報発信 に置き換えてみる
Stuff コンテンツ
Space Plan テーマ
Services サービス
Skin 外装
Structure 構造
Site サイト
変化しやすい
変化しにくい
![Page 26: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/26.jpg)
フレームワークの実装としてのBlog | CMS
コンテンツテーマサービス外装構造サイト
情報設計 ソフトウェア実装
![Page 27: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/27.jpg)
例 : MT5 で、Movable Cafe (架空)のウェブサイトを制作する場合
![Page 28: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/28.jpg)
1. おすすめを見る 2.ドリンクを選ぶ
3. フードを選ぶ
4. 注文する30秒で注文完了
![Page 29: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/29.jpg)
入り口
本日のおすすめ
ドリンク フード 注文
要素の分類
![Page 30: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/30.jpg)
MT5でのウェブサイト管理
![Page 31: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/31.jpg)
本日のおすすめ ドリンク フード 注文
ブログ投稿者
ウェブページ管理者
ウェブサイト管理者
問い合わせ担当者
担当者への権限委譲
![Page 32: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/32.jpg)
現場の担当者が安心して更新するための権限の管理
ユーザー ブログ
ロール
![Page 33: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/33.jpg)
担当者は、コンテンツの作成に集中
権限のあるブログを表示
1クリック投稿
![Page 34: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/34.jpg)
ブログでスピーディーに更新
![Page 35: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/35.jpg)
いつ、誰が、どのような変更をしたか
•ブログ記事•ウェブページ•テンプレート
リアルタイムに更新されるシステムの履歴を管理問題があれば、すぐに復元可能
![Page 36: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/36.jpg)
大規模なサイトも、分かりやすく安全に管理
システム
ウェブサイト
ブログ
ユーザーダッシュボード
サインイン
![Page 37: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/37.jpg)
ウェブサイトとブログの連携
![Page 38: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/38.jpg)
ウェブサイト内のコンテンツをポータルサイトでまとめて表示
Search Websitehttp://www.sixapart.com/
http://www.movabletype.com/
Search
<mt:MultiBlog include_blogs="children">
![Page 39: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/39.jpg)
include_blogs モディファイア
• MTAssets• MTAuthors
• MTAuthorCommentResponses• MTAuthorComments
• MTBlogs• MTBlogPingCount• MTBlogCategoryCount• MTBlogCommentCount• MTBlogEntryCount• MTBlogPageCount
• MTCategories• MTComments• MTEntries
• MTEntryAssets• MTFolders• MTPages• MTTags
複数のブログを対象にできます。ブログ ID を列記 (カンマ区切り) して、対象のブログを指定します。all を指定すると、Movable Typeのすべてのブログを対象にします。childrenおよびsiblings を指定すると、そのブログが属するウェブサイト内のブログを対象にします。children はウェブサイトのコンテキストでウェブサイト内のブログを対象にし、siblings は、ブログのコンテキストで同一ウェブサイト内のブログを対象にします。
![Page 40: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/40.jpg)
ウェブサイト内のすべてのブログの記事を表示
<mt:Entries include_blogs="children"> <$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
ウェブサイトで、子供ブログの記事を表示
ブログで、同じウェブサイト内のブログの記事を表示<mt:Entries include_blogs="siblings"> <$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
![Page 41: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/41.jpg)
ウェブサイトのコンテンツも含める
<mt:Pages include_blogs="children" include_with_website= "1" ></mt:Pages>
詳しくはhttp://www.movabletype.jp/documentation/mt5/design/multiblog/
![Page 42: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/42.jpg)
ウェブサイトの再構築トリガーの設定を忘れずに!
![Page 43: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/43.jpg)
ウェブサイトとウェブページ関連の設定も追加されています
![Page 44: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/44.jpg)
ドリンク フード
メニュー
更新速度をアップする情報設計
![Page 45: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/45.jpg)
Small ¥320
Medium ¥370
Large ¥420
エスプレッソに泡立てたミルクをたっぷりと
カプチーノCappuccino
アイス ホット
![Page 46: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/46.jpg)
“ドリンク”用のカスタムフィールド
“ドリンク”フォルダ
![Page 47: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/47.jpg)
ブルーベリー マフィンBlueberry Muffin
値段 ¥350
カロリー 300 kcal
原料 小麦粉 砂糖 牛乳 卵 ブルーベリー
ブルーベーリーの酸味とふかふか生地のベストマッチ
![Page 48: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/48.jpg)
“フード”用のカスタムフィールド
“フード”フォルダ
![Page 49: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/49.jpg)
名前, 説明文
アイス/ホット, 価格 S/M/L
商品画像
価格表をテンプレート出力
名前, 説明文
原材料, カロリー, 価格
商品画像
写真を中心にしたデザイン
メニュー
ドリンクフード
コンテンツの枠組み= サイトのテーマ
![Page 50: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/50.jpg)
テーマのエクスポート
![Page 51: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/51.jpg)
別のブログに適用 ZIP形式でダウンロード
ネットで配布他のMTにインストール
![Page 52: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/52.jpg)
コンテンツ
制作者や運営者の知識・経験の蓄積
MT ユーザーテンプレート
テーマ
![Page 53: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/53.jpg)
ウェブサイトのベスト・プラクティスを共有
テーマ
MT
コンテンツ
ユーザーテンプレート
![Page 54: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/54.jpg)
1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12
フレームワーク導入によるコスト削減
1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12
運用費 制作費サイト公開
キャンペーンリニューアル
キャンペーン
![Page 55: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/55.jpg)
更新頻度とリピート率のアップ
1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12
サイト公開キャンペーン
リニューアルキャンペーン
![Page 56: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/56.jpg)
テーマについてもう少し詳しく
![Page 57: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/57.jpg)
テーマのエクスポート
![Page 58: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/58.jpg)
アップロード
$MT_HOME/themes/MyThemeclassic_websiteclassic_blogpico
![Page 59: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/59.jpg)
テーマ一覧に自動で表示
![Page 60: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/60.jpg)
独自のテーマを作成する
![Page 61: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/61.jpg)
既存のテーマをカスタマイズするのが楽
![Page 62: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/62.jpg)
テンプレート記述の注意点
• URLは、必ず相対パスで記述• 他のブログのテンプレートを include しない• カテゴリー、フォルダ、カスタムフィールドをテンプレートで指定する場合は、エクスポート時に忘れずにテーマに含める
![Page 63: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/63.jpg)
例 : 画像を表示
<img src="<$mt:BlogURL$>images/logo.png" />
![Page 64: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/64.jpg)
例 : サイト内リンク
<a href="<$mt:BlogURL$>
about.html" />ウェブサイトについて</a>
![Page 65: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/65.jpg)
例 ファイルのInclude
<$mt:BlogSitePath cat="file/data.html" setvar="data_include"$>
<$mt:Include file="$data_include"$>
ブログパスを出力 パスに追記
変数にセット
BlogSitePath/file/data.htmlをインクルード
![Page 66: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/66.jpg)
親サイトのテンプレートをインクルード
<mt:SetVarBlock name="website_id"><mt:BlogParentWebsite><mt:WebsiteID></mt:BlogParentWebsite></mt:SetVarBlock>
<mt:Include module="Test" blog_id="$website_id">
また、階層的にテンプレートを複数Include する時は、できるだけインクルード先のIDを指定することを推奨
![Page 67: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/67.jpg)
テーマに画像を含める
![Page 68: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/68.jpg)
ファイルをアップしたディレクトリを指定
![Page 69: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/69.jpg)
指定したディレクトリのサブフォルダとファイルがテーマに含まれる
![Page 70: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/70.jpg)
ファイルの配置例
‣ ブログのサイトルート‣ theme‣ css• theme.css‣ js‣ fancybox‣ images• logo.png
![Page 71: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/71.jpg)
標準の対応ファイル種類
jpg, jpeg, gif, pngjs, cssswf, flvico
![Page 72: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/72.jpg)
ThemeStaticFileExtensions 環境変数
• mt-config.cgi に追記• ThemeStaticFileExtensions jpg jpeg gif png js css ico flv swf html htm csv
• ただし、テーマをエクスポートするMTと、利用するMTの両方に指定が必要
• 将来的に、テーマを適用する際に、標準で利用可能なファイル種類を増やすかも
![Page 73: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/73.jpg)
テーマの構造
![Page 74: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/74.jpg)
theme.yaml--- author_link: http://www.movabletype.jp/author_name: Melody Nelsonclass: blogdescription: フォトブログ用のテーマです。elements: blog_static_files: component: ̅ data: - theme importer: blog_static_files default_categories: component: ̅ data: surfing: label: Surfing importer: default_categories
![Page 75: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/75.jpg)
サムネイルを追加する
![Page 76: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/76.jpg)
画像をテーマフォルダに配置
thumb.png 400px x 300px
thumb-small.png 120px x 90px
thumb-medium.png 240px x 180px
![Page 77: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/77.jpg)
theme.yaml に追記--- author_link: http://www.movabletype.jp/author_name: Melody Nelsonclass: blogdescription: フォトブログ用のテーマです。thumbnail_file: thumb.pngthumbnail_file_medium: thumb-medium.pngthumbnail_file_small: thumb-small.pngelements: blog_static_files: component: ̅ data: - theme importer: blog_static_files default_categories: component: ̅ data: surfing: label: Surfing importer: default_categories
![Page 78: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/78.jpg)
サムネイルが表示される
![Page 79: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/79.jpg)
テーマにスタイルを含める
![Page 80: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/80.jpg)
スタイル用のファイルを“static” 内に配置
テーマディレクトリ - static - style_library - スタイルファイルを配置
![Page 81: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/81.jpg)
テーマ適用時にstaticフォルダ内のファイルがサポートディレクトリ(<$MTSupportDirectoryURL$>)
に自動でコピーされます
<$mt:SupportDirectoryURL$>/theme_static/<$MTBlogThemeID$>/配置したファイル
![Page 82: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/82.jpg)
theme.yaml に追記
base_css: style_library/base.css stylecatcher_libraries: photolog: url: '{{support}}theme_static/photolog/style_library/pico.html' label: Photolog Styles description_label: Photolog styles from Pico order: 1
![Page 83: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/83.jpg)
その他のテーマの拡張
•ウェブページの作成•ブログの設定•管理画面のカスタマイズ•プラグインでの拡張
http://www.movabletype.jp/documentation/developer/theme/
![Page 84: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/84.jpg)
Web制作の分業体制
![Page 85: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/85.jpg)
Web チームを成功に導く9つの柱
Concrete Design具体的なデザイン
Abstract Design抽象的なデザイン
Site Strategyサイト戦略
Content Productionコンテンツ制作
Content Strategyコンテンツ戦略
TechnologyImplementation技術の実装
TechnologyStrategy技術戦略
Project Management プロジェクト管理
User Research ユーザー調査
Web での情報発信と ペース レイヤリング
コンテンツ
テーマ
サービス
外装
構造
サイト
http://www.adaptivepath.com/ideas/essays/archives/000242.php
![Page 86: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/86.jpg)
Movable Typeによる分業体制の技術支援
Concrete Design具体的なデザイン
Abstract Design抽象的なデザイン
Site Strategyサイト戦略
Content Productionコンテンツ制作
Content Strategyコンテンツ戦略
TechnologyImplementation技術の実装
TechnologyStrategy技術戦略
広告 | PRサイト運営
ソフトウェア開発
Web制作
![Page 87: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/87.jpg)
広告 | PRサイト運営
ソフトウェア開発
Web制作
Movable Type
ソリューション パートナー
Webデザイナー
プラグイン開発者
コンテンツの企画運営
大企業|代理店
![Page 88: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/88.jpg)
Professional Solution
Enterprise
Movable TypeMovable TypeOpen Source Movable Type
Dual License Sub License
オープンソース( GPLライセンス )
商用版 パートナーソリューション
![Page 89: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/89.jpg)
シンプルになった、ライセンス・価格
標準価格
基本ライセンス(1サーバー・5ユーザー)
63,000円
サーバーライセンス(1サーバー・無制限ユーザー)
126,000円
サポート(1年) 10,500円
複数のMovable Typeをインストールして利用する場合は、サーバーハードウェアが1台の場合でも複数の基本ライセンスまたはサーバーライセンスが必要になります。 他社へのブログ・CMSサービスの提供やホスティング事業での利用は認められていません。ホスティングライセンスについては弊社営業にお問い合わせください。 サーバーライセンスは個人会員向けのコミュニティなどにご利用いただけますが、法人会員、複数企業で利用する場合はMovable Type Enterpriseをご利用ください。
MT4 ,MT5 のどちらかを利用可能
![Page 90: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/90.jpg)
Movable Typeユーザー向け特価
MT4ユーザー MT3ユーザー
基本ライセンス(1サーバー・5ユーザー)
21,000円63,000円
42,000円63,000円
サーバーライセンス(1サーバー・無制限ユーザー)
52,500円126,000円
73,500円126,000円
既存ユーザー向け優待価格は、Movable Type 5の発表日(2009年7月8日)から2010年6月30日までのキャンペーン価格となります。
![Page 91: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/91.jpg)
開発フレームワークとしてのMovable Type
Registry
Callback MTML 管理画面
Plugin Theme
Professional PackCommunity PackEnterprise Pack
独自ソリューションオリジナルテーマ拡張プラグイン
![Page 92: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/92.jpg)
コミュニティー・ソリューション
読者を参加者に
• コミュニティ掲示板• コミュニティブログ• ユーザープロフィール• 記事お気に入り• 注目ユーザー (友達)
![Page 93: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/93.jpg)
Alfasado Power CMS for MThttp://alfasado.net/contents/power_cms/
![Page 95: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/95.jpg)
アイデアマンズ株式会社
http://www.sixapart.jp/movabletype/keitai-pack/
![Page 96: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/96.jpg)
オープンな開発体制とコミュニティ
![Page 97: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/97.jpg)
Movable Type
オープンソースコミュニティ
ユーザーコミュニティ
ソフトウェア開発
オープンソース(実装)
技術標準(仕様)
標準化団体
CPANmodules
Perl
Plugin
技術標準
![Page 98: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/98.jpg)
Perl とはPerl(パール、Practical Extraction and Report Language)は、ラリー・ウォールによって作られたインタプリタ方式のプログラミング言語およびその処理系である。Perl言語は、記述の美しさよりも実用性をモットーにしており、Cや sed、AWK、シェルスクリプトなど他のプログラミング言語のすぐれた機能を取り入れている。Webページの掲示板やチャットなどのCGIやシステム管理、テキスト処理などのプログラムを書くのに広く用いられている。代表的なアプリケーションはMovable Typeなど。
http://ja.wikipedia.org/wiki/Perl
![Page 99: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/99.jpg)
CPANとはCPAN(読みシーパン(クパン) Comprehensive Perl Archive Network)はPerlのライブラリ・モジュールソフトウェアやその他のPerlで書かれたソフトウェアを集めた巨大なアーカイブで、世界中のサーバにその内容がミラー(コピー)されている。再利用性・汎用性の高いモジュールが登録されており、Perl プログラマができるだけ車輪の再発明をせずに済むための支援環境となっている。登録モジュールの検索システムも提供されているため、Perl プログラマは望む機能を持ったモジュールを容易に入手することができる。
http://ja.wikipedia.org/wiki/CPAN
![Page 100: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/100.jpg)
オープンな開発コード管理
![Page 101: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/101.jpg)
オープンなプロジェクト管理
![Page 102: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/102.jpg)
オープンな仕組みを活用したソフトウェア開発
![Page 103: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/103.jpg)
成長の原動力ユーザー
パートナー
MTコミュニティ
![Page 104: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/104.jpg)
MTを好きな人が出会える機会増やす
• テーマ• プラグイン• フォーラムでの発言• 勉強会
• ソリューション• 地方での制作受託• 新しいビジネス• セミナー
ProNetMTQ
コミュニティ パートナー
![Page 105: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/105.jpg)
世界規模のコミュニティ
ProNetMTQ
MT.orgMT.jp
![Page 106: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/106.jpg)
参加する人が自ら『成長』し世界を広げるためのプラットフォーム
![Page 107: Movable Type 5 セミナー](https://reader033.vdocument.in/reader033/viewer/2022061111/54551263af79592b448b4705/html5/thumbnails/107.jpg)
ぜひお試しください!
movabletype.jp