SlideShare uma empresa Scribd logo
1 de 71
Movable Typeの可能性を広げるアドオン
DynamicMTMLについて
1
自己紹介
2
•株式会社テラ マークアップエンジニア
•MTのテンプレート設計・導入サポート
•MTの管理画面カスタマイズ
•Webアプリ開発
(MT+DynamicMTML)
鈴木健太郎(riatw)
NEW
3
•はじめて触ったのはMT4.1
•仕事で使い始めたのがきっかけ
•5年間で50案件以上に導入
MT歴 5年(4.1-)
4
MTを好きになった理由
5
プログラムが書けなくても
システムが作れること
6
プログラムが苦手な自分には
とっても魅力的でした
7
そんな自分がさらにMTを
好きになったきっかけ
8
それが
9
DynamicMTML
10
セッションの目的
11
•会社やフリーランスで実装をしている方
•プログラムは苦手だけどMTなら分かる方
•Webアプリ・Webサービスのような
動的コンテンツに興味のある方
このような方々に
12
DynamicMTMLの
面白さ・便利さを
知ってもらうこと!
13
•DynamicMTMLを使う理由
•DynamicMTMLとは何か
•DynamicMTMLを使うメリット
•まとめ
アジェンダ
14
DynamicMTMLを使う理由
15
それは多様化した要望に
答えるため
16
•お問い合わせ・資料請求フォーム
•サイト更新システム(CMS)
これまでのシステム
17
•顧客管理システム(CRM)
•ユーザ参加型のシステム(SNS)
•他サービスのAPIと連動したシステム
これからのシステム
18
「難しいシステムはシステム会社が…」
19
ではなく
20
まとめて制作会社に
求められるようになってきた
21
簡単なシステムであれば
制作会社が作れた方が便利
22
提案→制作→システム
23
クライアントの思いが
そのまま形に
24
制作会社とクライアントの
距離がより一層近くなる
25
DynamicMTMLは
そんなときに便利なツール
26
•アルファサード社が開発したプロダクト
•現在はシックス・アパート社に譲渡
•MTのアドオン(追加機能)
DynamicMTMLとは
27
機能紹介
28
•柔軟にブログ記事を出力できる
•タイトル・カテゴリID・投稿日などから
条件を指定できる
•この機能を使うことで、ブログ記事や
ウェブページを様々な用途で使える
ブログ記事の詳細検索
29
POINT
サンプル
//タイトルに MT が含まれている記事を表示する場合
//targetにはMTの標準のフィールドが指定できる
<mt:searchentries target="title" query="MT"
lastn="10">
<li><a href="<$mt:entrypermalink$>"><$mt:entrytitle
escape="html"$></a></li>
</mt:searchentries>
30
•端末の種類・キャリアごとに分岐できる
•閲覧環境に応じて、表示内容を切り替える
ことができる
•同一URLで出し分けができるので、マルチ
デバイス対応するときに便利
ユーザエージェントによる分岐
31
POINT
サンプル
<mt:IfUserAgent wants= SmartPhone >
<$mt:include module="スマートフォン向けの内容"$>
<mt:else>
<$mt:include module="PC向けの内容"$>
</mt:IfUserAgent>
32
•ユーザのログイン状況によって表示を
変えることができる
•会員限定の情報発信やマイページを
作るときに便利
ログイン状況による分岐
33
POINT
サンプル
<p>○○の価格</p>
<mt:IfLogin>
//ログインしている場合
<p>19,800円がなんと、<span>16,800円!</span></p>
<mt:else>
<p>19,800円</p>
</mt:If>
34
•MT管理外のファイルに直接MTタグを
書くことができる
•MTで既に再構築したファイルを表示時に
もう一度再構築することもできる
•部分的にCMSを導入したい場合や
更新頻度の高いコンテンツで便利
静的ファイルの動的ビルド
35
POINT
サンプル
<html>
<body>
<!-- 以下の内容は表示時に再構築される -->
<mt:date> <!-- 現在の日付を表示 -->
</body>
</html>
36
•MTのデータベースにPHPからアクセスす
ることができる
•管理画面以外からでもブログ記事の追加・
編集などを行うことができる
PHP API
37
POINT
DynamicMTMLを
使うメリット
38
ユーザをサイトに
参加させられること
39
一方的に情報を発信する
Webサイトから
40
ユーザが参加できる
Webサイトへ
41
DynamicMTMLなら
簡単に 実現できる!
42
•イベント集客サイト
•レシピ投稿サイト
•伝票管理システム
•在庫管理システム
•見積作成システム
こんなサイトが作れます
43
数多くのWebサービスや
Webシステムがありますが
44
ベースになっている仕組みは
シンプルなんです
45
データ → データベース
46
データ ← データベース
47
つまり
48
DynamicMTMLを使えば
49
データをデータベースに
入れる方法だけを考るだけで
50
簡単なWebサービスは
つくれる
51
(かなり色々端を折りましたが…)
52
基本的な仕組みができれば
後はアイディア次第
53
見た目は
いつも通り作るだけ
54
一度仕組みを作ってしまえば
次回からは使いまわせる
55
仕組みはプラグイン化して
再利用
56
作れば作るほど品質は上がり
コストは下がる
57
58
•ログイン・ログアウトの機能
•ユーザ登録・管理の機能
•ユーザがブログ記事を投稿する機能
プラグインの例
その他のメリット
59
•テンプレートは従来通り、MTタグだけで
書ける(PHPは1行も書かなくてok)
•MTタグのノウハウがそのまま活かされる
•見た目部分がMTタグだけなので運営で
後々の見た目調整がやりやすい
見た目をMTタグだけで書ける
60
POINT
•MTタグが分かるデザイナとPHPが書ける
エンジニアで協業がしやすい
•テンプレートとPHPファイルが完全に
分離していて保守性が高い
•お互いの編集ファイルが重複しないので
バージョン管理で競合しづらい
協業がしやすい
61
POINT
DynamicMTMLの参考情報
62
•配布元
https://github.com/movabletype/DynamicMTML
•マニュアル
https://github.com/movabletype/DynamicMTML/blob/master/
README.ja.md
•解説サイト(かたつむりくんのWWW)
http://www.tinybeans.net/blog/movable-type/dynamicmtml/
公式マニュアルと解説サイト
63
•Movable Type v5.04以降
•PHPによるダイナミックパブリッシングが
動作する環境
•mod_rewriteが有効で.htaccessによる
設定が可能な環境
動作環境
64
•.htaccessのOptionをコメントアウト
•.htaccessのphp_valueをコメントアウト
•各フォルダのパーミッションを確認
サーバエラーの対処法①
65
•さくらインターネットで Movable Type
のダイナミックパブリッシングによる500
エラーを確実に解消する方法(小粋空間)
http://www.koikikukan.com/archives/2010/08/08-235555.php
•公式マニュアル
http://www.movabletype.jp/documentation/
supporting_dynamic_publishing.html
サーバエラーの対処法②
66
まとめ
67
•DynamicMTMLは変化したニーズに
MTで答えるためのツール
•従来の知識を生かしたままよりリッチな
サイトを簡単に作ることができる
•工夫すればWebサービスやWebアプリも
自由に作ることができる
68
DynamicMTMLを使えば
新しい仕事が生まれるかも?
69
何より楽しいツールなので
ぜひ一度お試しください!
70
@riatw on Twitter
http://riatw.me/
Thank you so much!
71

Mais conteúdo relacionado

Destaque

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
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
 

Destaque (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
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...
 

「Movable Typeの可能性を広げるアドオン「DynamicMTML」について」