MT5で実現するマルチデバイス、クロスプラットフォーム

•

2 likes•2,026 views

Six Apart KK

Six Apart Day 2012で講演したシックス・アパートMovable Type 事業担当の金子の資料です

Technology Design

:
2009

twitter: goodpic
blog: www.goodpic.com

Home Page 1
10
Page 2

Best-Sellers (22)

IMAGE IMAGE IMAGE

Web

2011/7 Apple

iPhone, iPad, iPod Touch

2
http://www.apple.com/pr/library/2011/07/07Apples-App-Store-Downloads-Top-15-Billion.html

2011/5 Google

Android

1
http://googleblog.blogspot.com/2011/05/android-momentum-mobile-and-more-at.html

iPnone 2011 Q2 2000
(IDC 2011 8 )
http://mediatel.co.uk/newsline/2011/08/09/iphone-tops-smart-phone-sales/

1

2.5
2011 ?
http://www.digitimes.com/news/a20110814PD200.html

iPad 2011 Q2 800
(WWD Keynote 2011 6 )

1

1
http://www.businessinsider.com/apple-ipad-sales-2011-6

Wine-Link : iPhone/Android
:
MT5 :
http://www.sixapart.jp/business/wine_link.html

Movable Type 5

• 5
•

•
for Movable Type MT

12 6

The Open Graph Protocol
<html xmlns:og="http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://
www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://
ia.media-imdb.com/images/rock.jpg" />
...
Web
</head>
...

<meta property="og:title" content="
<$mt:EntryTitle encode_html="1"$>">
<meta property="og:url" content="
<$mt:EntryPermalink$>">
<meta property="og:description" content="
<$mt:EntryBody words="100"$>">

OGP MT
http://www.movabletype.jp/blog/mtddc2011_special_06.html

http://zenback.jp/
https://github.com/goodpic/mt-plugin-Zenback

MTML

URL
A

MT
1
2
3
4
5

<mtml>
6

B

1

<mt:IfUserAgent>
2
3
4
5
6

•

•

<?php $result = mysql_query(); ?>

Home Page 1 Page 2 <html> 5
Best-Sellers (22)
CSS
mt:Entries
3
IMAGE IMAGE IMAGE mt:SetVar
mt:If, mt:Loop
mt:IfUserAgent

Internet Explorer 9
5.13

Safari / Firefox
5.1x

Chrome

http://communities.movabletype.jp/
http://bugs.movabletype.org/

Similar to MT5で実現するマルチデバイス、クロスプラットフォーム

HTML5の振り返りとHTML5のこれからMicrosoft

Going MobileStephen G

Movable type seminar 20120411Six Apart

European SharePoint Conference: Mobile Applications for SharePoint using HTML5Christian Heindel

Html5 performancefanqstefan

iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für TabletsStefan Kolb

iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für TabletsIndiginox

Mobile applications for SharePoint using HTML5Christian Heindel

Cutting edge of web technologyTsutomu Ogasawara

JWC 2015 - Mobile apps development for Joomla!Extly Extensions - JoomGap

de:code エスキュービズム勉強会0620エンジニア勉強会エスキュービズム

Html5Ben MacNeill

Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...affilinet

Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Paul Brown

BayJax: Expanding Yahoo! Axis across 3 screensCaridy Patino

Seminar Android - Pengenalan PhoneGapNur Hidayat

Movable Type 5 セミナーSix Apart KK

Developing for MobilityScotty Logan

WidgetsMarcos Caceres

eCommerce Performance: What is it costing you, and what can you do about it? ...Internet World

Similar to MT5で実現するマルチデバイス、クロスプラットフォーム (20)

HTML5の振り返りとHTML5のこれから

Going Mobile

Movable type seminar 20120411

European SharePoint Conference: Mobile Applications for SharePoint using HTML5

Html5 performance

iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets

iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets

Mobile applications for SharePoint using HTML5

Cutting edge of web technology

JWC 2015 - Mobile apps development for Joomla!

de:code エスキュービズム勉強会0620

Html5

Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...

BayJax: Expanding Yahoo! Axis across 3 screens

Seminar Android - Pengenalan PhoneGap

Movable Type 5 セミナー

Developing for Mobility

Widgets

eCommerce Performance: What is it costing you, and what can you do about it? ...

Recently uploaded

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Scaling API-first – The story of a global engineering organizationRadu Cotescu

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh

Understanding the Laravel MVC ArchitecturePixlogix Infotech

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

Google AI Hackathon: LLM based Evaluator for RAGSujit Pal

How to convert PDF to text with Nanonetsnaman860154

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Recently uploaded (20)

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

GenCyber Cyber Security Day Presentation

Data Cloud, More than a CDP by Matt Robison

Injustice - Developers Among Us (SciFiDevCon 2024)

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Unblocking The Main Thread Solving ANRs and Frozen Frames

08448380779 Call Girls In Civil Lines Women Seeking Men

Maximizing Board Effectiveness 2024 Webinar.pptx

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

Presentation on how to chat with PDF using ChatGPT code interpreter

Scaling API-first – The story of a global engineering organization

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi

Understanding the Laravel MVC Architecture

SQL Database Design For Developers at php[tek] 2024

Google AI Hackathon: LLM based Evaluator for RAG

How to convert PDF to text with Nanonets

Boost PC performance: How more available memory can improve productivity

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

MT5で実現するマルチデバイス、クロスプラットフォーム

1. MT5

2. : 2009 twitter: goodpic blog: www.goodpic.com

3. 10 2001

4. 800 http://www.sixapart.jp/business/

5. CMS Web 10

6. Home Page 1 10 Page 2 Best-Sellers (22) IMAGE IMAGE IMAGE Web

7. 2011 2012

9. ( Movable Type 5.2 ) MT

10.

11. 2011/7 Apple iPhone, iPad, iPod Touch 2 http://www.apple.com/pr/library/2011/07/07Apples-App-Store-Downloads-Top-15-Billion.html 2011/5 Google Android 1 http://googleblog.blogspot.com/2011/05/android-momentum-mobile-and-more-at.html

12. iPnone 2011 Q2 2000 (IDC 2011 8 ) http://mediatel.co.uk/newsline/2011/08/09/iphone-tops-smart-phone-sales/ 1 2.5 2011 ? http://www.digitimes.com/news/a20110814PD200.html

13. iPad 2011 Q2 800 (WWD Keynote 2011 6 ) 1 1 http://www.businessinsider.com/apple-ipad-sales-2011-6

14. Wine-Link : iPhone/Android : MT5 : http://www.sixapart.jp/business/wine_link.html

15. for Movable Type 5.1x • • / • 11 16

16. Dynamic MTML UI

17. MT

18.

19. PC Web

20.

21.

22.

23. http://www.powercms.jp/

24. Movable Type 5 + +

25. Movable Type 5 • 5 • • for Movable Type MT 12 6

26. ( Movable Type 5.2 )

27. CMS

28. Web URL

29. The Open Graph Protocol <html xmlns:og="http://ogp.me/ns#"> <head> <title>The Rock (1996)</title> <meta property="og:title" content="The Rock" /> <meta property="og:type" content="movie" /> <meta property="og:url" content="http:// www.imdb.com/title/tt0117500/" /> <meta property="og:image" content="http:// ia.media-imdb.com/images/rock.jpg" /> ... Web </head> ...

30. <meta property="og:title" content=" <$mt:EntryTitle encode_html="1"$>"> <meta property="og:url" content=" <$mt:EntryPermalink$>"> <meta property="og:description" content=" <$mt:EntryBody words="100"$>"> OGP MT http://www.movabletype.jp/blog/mtddc2011_special_06.html

31. http://zenback.jp/ https://github.com/goodpic/mt-plugin-Zenback

32. Movable Type

33. 5.2 2012

34. MTML URL A MT 1 2 3 4 5 <mtml> 6 B 1 <mt:IfUserAgent> 2 3 4 5 6 • •

35. + A 1 2 3 4 5 6

36. <?php $result = mysql_query(); ?> Home Page 1 Page 2 <html> 5 Best-Sellers (22) CSS mt:Entries 3 IMAGE IMAGE IMAGE mt:SetVar mt:If, mt:Loop mt:IfUserAgent

37. MT

38. Internet Explorer 9 5.13 Safari / Firefox 5.1x Chrome

39. Movable Type 5.13

40. MT5.2

41. Movable Type Web

42. http://communities.movabletype.jp/ http://bugs.movabletype.org/

43. Q&A