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

•

2 likes•2,025 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

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson

How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe

Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro

Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

CloudStudio User manual (basic edition):comworks

Artificial intelligence in cctv survelliance.pptxhariprasad279825

The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech

DevEX - reference for building teams, processes, and platformsSergiu Bodiu

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays

Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz

Search Engine Optimization SEO PDF for 2024.pdfRankYa

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar

Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed

SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

Recently uploaded (20)

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Are Multi-Cloud and Serverless Good or Bad?

How AI, OpenAI, and ChatGPT impact business and software.

Unraveling Multimodality with Large Language Models.pdf

Vertex AI Gemini Prompt Engineering Tips

Designing IA for AI - Information Architecture Conference 2024

CloudStudio User manual (basic edition):

Artificial intelligence in cctv survelliance.pptx

The Ultimate Guide to Choosing WordPress Pros and Cons

DevEX - reference for building teams, processes, and platforms

Developer Data Modeling Mistakes: From Postgres to NoSQL

DSPy a system for AI to Write Prompts and Do Fine Tuning

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost

Search Engine Optimization SEO PDF for 2024.pdf

Connect Wave/ connectwave Pitch Deck Presentation

Unleash Your Potential - Namagunga Girls Coding Club

Scanning the Internet for External Cloud Exposures via SSL Certs

SIP trunking in Janus @ Kamailio World 2024

Nell’iperspazio con Rocket: il Framework Web di Rust!

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