SlideShare a Scribd company logo
1 of 39
MovableTypeはCMSです。
XMLファイルを作成して
紙媒体のデータとして使う。
MovableType(以下MT)はブログツールとして登場しまし
たが、現在ではCMSとして使われるようになっています。
WEBサイト > ブログ > ウェブページ/インデックスページ
/アーカイブページという構造でサイトを構築できます。
MTはデータ/コンテンツをデータベースに格納して、それ
を読み出しテンプレートにあてはめてWEBサイトのページ
を生成しています。
WEBページを生成する = HTMLファイルを書き出す
MTでWEBサイトを作成している場合は、テンプレートに
沿ってHTMLファイル(テキストファイル)を生成してい
ます。
例えば不動産屋さんのサイト
不動産屋さんの物件情報サイトの様な
タイプはMovableTypeの得意とする
ところではないでしょうか。
物件名、イメージ写真、物件概要、紹
介文などが掲載されたサイトでは、カ
スタムフィールドを使うことで情報の
追加・修正も簡単にできるサイトとし
て構築することが出来ます。
写真の変更、テキストの変更が生じた
場合もスピーディーに対応できます。
MovableTypeのエントリー管理画面
情報はインターネットだけに公開すれば
充分なのでしょうか?
より多くの人に情報を届けたい。
インターネット以外でも情報を提供したい。
厳選した情報だけを届けたい。
紙媒体やデジタルサイネージなど...
WEBサイトに公開された情報はインターネットに
アクセス出来ないと見ることが出来ない。
「手元に情報が残るようにしたい。」
このような場合は、紙媒体が有効な情報提供方法の
ひとつになります。
メディアが違っても、届ける情報は同じ
WEB以外で情報提供をするために、新たにデータの作
成をするのか?
情報を提供するメディアが違っても、また、表現方法
が違っても提供する情報自体は同じ。
それなら、MTに蓄積されている情報を利用した方が効
率がよく、メンテナンス性も良くなる。
MovableTypeは
データベースからデータを読み出して、
テンプレートに沿ってテキストファイルを生成する
テキストファイルを生成するということはXMLファイルを
生成することも出来る。
紙媒体のデータを作成するときに使わ
れるソフトウェアにAdobe InDesign
があります。
そして、Adobe InDesignはあらかじ
め作成したテンプレートにXMLファイ
ルを読み込むことでデータの作成が自
動的に出来ます。
1. InDesignで紙媒体用のテンプレートを作成します。
2. MovableTypeでXMLファイルを生成するためのブログ記事
アーカイブのテンプレートを作成し、XMLファイルを生成す
る。
3. 生成されたXMLファイル、使用する画像データなどをFTPソ
フトでサーバーからダウンロードする。
4. ダウンロードしたXMLファイルをInDesignに読み込ませる。
MovableTypeのデータを使って
InDesignで印刷用のデータを作成する
1. InDesignで紙媒体用のテンプレートを作成します。
2. MovableTypeでXMLファイルを生成するためのブロ
グ記事アーカイブのテンプレートを作成し、XMLファ
イルを生成する。
<?xml version="1.0" encoding="utf-8" ?>
<Root>
<list>
<title><$mt:EntryTitle$></title>
<mainimg<mt:If tag="EntryDataMainimage"><mt:EntryDataMainimageAsset>
href="file:///<mt:AssetFileName>"</mt:EntryDataMainimageAsset></mt:If>></
mainimg>
<catch><$mt:EntryBody remove_html="1"$></catch>
<subimg1<mt:If tag="EntryDataSubimage1"><mt:EntryDataSubimage1Asset>
href="file:///<$mt:AssetFileName$>"</mt:EntryDataSubimage1Asset></mt:If>></
subimg1>
<subimg2<mt:If tag="EntryDataSubimage2"><mt:EntryDataSubimage2Asset>
href="file:///<$mt:AssetFileName$>"</mt:EntryDataSubimage2Asset></mt:If>></
subimg2>
<subimg3<mt:If tag="EntryDataSubimage3"><mt:EntryDataSubimage3Asset>
href="file:///<$mt:AssetFileName$>"</mt:EntryDataSubimage3Asset></mt:If>></
subimg3>
<more><$mt:EntryMore remove_html="1"$></more>
</list>
</Root>
MTでXMLファイルを書き出すテンプレート
赤文字はXMLファイルを書き出
すテンプレート内のMTタグ
3. XMLファイル、画像データなどをサーバーから
ダウンロードする。
XMLファイル、InDesignファイル、画像データなど
がひとつのフォルダにおさまるようにすると画像の
パスの設定などがわかりやすい。
4. ダウンロードしたXMLファイルをInDesignのメニュー
の「ファイル > XMLを読み込み...」からInDesignで作
成したテンプレートファイルに読み込ませる。
自動的にテキスト、
画像などが読み込まれ
配置される
InDesignのデータが出来上がります。
画像はリサイズせずに
オリジナルのサイズのまま
アップロードしてあります。
画像をアップロードする時は様々なメディアに
対応できるようにするため、リサイズせずに
オリジナルサイズでアップロードします。
印刷物に必要な画像の解像度は300∼350dpi
ち
な
み
に
オリジナルサイズ
必要に応じてAssetThumbnailでリサイズして書き出します。
下記はカスタムフィールドに設定された画像を呼び出して
HTMLで書き出す際のテンプレートのサンプルです。
<div id="subimage1"><mt:If tag="EntryDataSubimage1">
<mt:EntryDataSubimage1Asset><img src="<$mt:AssetThumbnailURL width="150"$>">
</mt:EntryDataSubimage1Asset></mt:If></div>
<div id="subimage2"><mt:If tag="EntryDataSubimage2">
<mt:EntryDataSubimage2Asset><img src="<$mt:AssetThumbnailURL width="150"$>">
</mt:EntryDataSubimage2Asset></mt:If></div>
<div id="subimage3"><mt:If tag="EntryDataSubimage3">
<mt:EntryDataSubimage3Asset><img src="<$mt:AssetThumbnailURL width="150"$>">
</mt:EntryDataSubimage3Asset></mt:If></div>
width="150"でリサイズされた
画像が生成されます。
ベースネーム「EntryDataSubimage1」に
Assetを追加して
「mt:AssetThumbnailURL」を使えるよう
にします。赤文字は画像をリサイズして
書き出すテンプレート内のMTタグ
一度作成したデータの変更をしてみます。
赤枠の中のタイトルと画像を編集・変更してみます。
ブログ記事の編集 画面でタイトルを書き換えます。
MovableTypeでのデータ編集 1/2
架空物件1 から かくうぶっけん1 に
書き換えます。
ブログ記事の編集 画面でカスタムフィールドの画像を差し替えます。
MovableTypeでのデータ編集 2/2
変更したい画像を選択する。
1
2
3
最後に 更新 をクリックして再構築する。
WEBサイトが更新されてタイトルとメイン画像が変更されました。
MTの再構築後、サーバーからXMLファイルを
ダウンロードして、はじめに読み込ませたXML
ファイルと差し替えます。
差し替えたXMLファイルをInDesignのテンプレートに読み込ませます。
編集後のタイトルと画像に差し代わります。
自動的にテキスト、
画像などが読み込まれ
更新される
タイトルと画像が更新されたInDesign
ファイルが出来上がります。
MTのデータを修正するだけで、WEBや紙媒体、その他の
データも修正できてしまう。データの一元管理が出来る。
InDesignにXMLファイルを読み込ませる際の注意点
InDesignの構造パネルに表示され
たタグの構造がXMLファイルの構
造と同じであることは当然です
が、さらに上から並んでいる順番
も同じでないと、InDesignではう
まくXMLファイルを読み込んでく
れませんでした。
ここの順番
さらに...
MovableTypeはメンバー登録機能を使って登録メ
ンバーを管理することが出来ます。
メンバー管理画面にもカスタムフィールドで項目
を増やせるので、様々な情報を管理することが出
来ます。
このメンバー機能で社員のデータを管理すること
で、いろいろなことに使えると思います。
ユーザー情報の編集 画面(一部)
カスタムフィールドで
増やした項目
例えば名刺など
名刺用のテンプレートをInDesignで作成します。
MovableTypeにはアーカイブマッピングを ユーザー に設定した
アーカイブテンプレートを名刺用のXMLを書き出すテンプレート
として作成します。
<?xml version="1.0" encoding="utf-8" ?>
<Root>
<list>
<comment>一言:<$mt:AuthorDataComment$></comment>
<author>名前:<$mt:AuthorName$></author>
<address>住所:<$mt:AuthorDataAddress$></address>
<member>所属:<$mt:AuthorDataMember$></member>
<authorpic href="file:///<mt:AuthorUserpicAsset>
<$mt:AssetFileName$></mt:AuthorUserpicAsset>"></authorpic>
</list>
</Root>
10面付けなら<comment>から</authorpic>
までを10回繰り返します。
XMLを書き出すMTのテンプレート
書き出されたXMLファイルと画像など必要なファイ
ルをダウンロードして、InDesignのテンプレートに
XMLファイルを読み込ませます。
10面付けのInDesignファイルが出来ます。
こ
れ
で
名
刺
ひ
と
つ
分
1. MovableTypeのユーザー管理画面で変更したいと
ころを編集し保存します。
2. 次にユーザー情報を書き出しているXMLファイル用
のテンプレートを再構築します。ユーザー管理画面
で保存しただけではXMLファイルは更新されませ
ん。
3. XMLファイルをダウンロードして、元のXMLファ
イルと差し替えてInDesignのテンプレートに読み
込みます。
名刺の内容を変更したい時は...
1. MovableTypeのユーザー管理画面で変更したいと
ころを編集し保存します。
カスタムフィールドでつくった
一言コメントを変更
プロフィール画像を変更
2. 次にユーザー情報を書き出しているXMLファイル
のテンプレートを再構築します。
ユーザー情報の保存をしただけでは
XMLファイルの再構築はされません。
3. XMLファイル・画像をダウンロードして、先の
XMLファイルと差し替えて、InDesignテンプレート
に読み込ませます。
MovableTypeで修正した「一言、住所、画像」が変更
されます。 10面を一括で変更できます。
MovableTypeで情報を管理することで様々な
メディアや形態に対応することが出来ます。
CMSからCMSへ
Content Management Systemから
Company Management Systemへ
なんてね *(^o^)/*
完

More Related Content

Featured

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Featured (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

MovableTypeはCMSです。