for MTDDC 2012 LT

pseudo-dynamic websitewith Movable Type

2012.8.4Daiji Hirata

about me• Daiji Hirata, @hirata• Senior Advisor, Six Apart• 10+ years with Movable Type

Daiji Hirata, http://daijihirata.com/

2

Daiji Hirata, http://daijihirata.com/

3

4

Daiji Hirata, http://daijihirata.com/

recipe• pseudo-dynamic content loading website

with *ONLY* static contents

Daiji Hirata, http://daijihirata.com/

5

demo

Daiji Hirata, http://daijihirata.com/

6

ingredients• movable type• base webpage• two json templates• filter plugin

• some javascript codes

Daiji Hirata, http://daijihirata.com/

7

the source

Daiji Hirata, http://daijihirata.com/

8

no contents in the HTML

Starman!

Daiji Hirata, http://daijihirata.com/

9

Daiji Hirata, http://daijihirata.com/

10

Daiji Hirata, http://daijihirata.com/

11

Daiji Hirata, http://daijihirata.com/

12

javascript codes

Daiji Hirata, http://daijihirata.com/

13

the javascript code

Daiji Hirata, http://daijihirata.com/

14

the javascript code

Daiji Hirata, http://daijihirata.com/

15

the source

Daiji Hirata, http://daijihirata.com/

16

demo again?

Daiji Hirata, http://daijihirata.com/

17

you might want...• category and category archive list object• monthly archive list object

Daiji Hirata, http://daijihirata.com/

18

pros/cons• pros:– keeping templates simple– only static template (Azure Blob Storage!)– widely available MT 2.x - 5.x

• cons:– not true dynamic/realtime (rebuilding...)– skills of javascirpt

Daiji Hirata, http://daijihirata.com/

19

tips• don’t forget “AddType”:

AddType application/json json

• might be needed HTTP header for cross domain content delivery: Access-Control-Allow-Origin: *

Daiji Hirata, http://daijihirata.com/

20

conclusion• MT is useful publishing engine

for “pseudo” dynamic website

Daiji Hirata, http://daijihirata.com/

21

Thank you!

Daiji Hirata, http://daijihirata.com/

22