1. for MTDDC 2012 LT
pseudo-dynamic website
with Movable Type
2012.8.4
Daiji Hirata

2. about me 1
• Daiji Hirata, @hirata
• Senior Advisor, Six Apart
• 10+ years with Movable Type
Daiji Hirata, http://daijihirata.com/

3. 2
Daiji Hirata, http://daijihirata.com/

4. 3
Daiji Hirata, http://daijihirata.com/

5. recipe 4
• pseudo-dynamic content loading website
with *ONLY* static contents
Daiji Hirata, http://daijihirata.com/

6. 5
demo
Daiji Hirata, http://daijihirata.com/

7. ingredients 6
• movable type
• base webpage
• two json templates
• filter plugin
• some javascript codes
Daiji Hirata, http://daijihirata.com/

8. Starman!
the source 7
no contents in the HTML
Daiji Hirata, http://daijihirata.com/

9. 8
Daiji Hirata, http://daijihirata.com/

10. 9
Daiji Hirata, http://daijihirata.com/

11. 10
Daiji Hirata, http://daijihirata.com/

12. 11
Daiji Hirata, http://daijihirata.com/

13. javascript codes 12
Daiji Hirata, http://daijihirata.com/

14. the javascript code 13
Daiji Hirata, http://daijihirata.com/

15. the javascript code 14
Daiji Hirata, http://daijihirata.com/

16. the source 15
Daiji Hirata, http://daijihirata.com/

17. 16
demo again?
Daiji Hirata, http://daijihirata.com/

18. you might want... 17
• category and category archive list object
• monthly archive list object
Daiji Hirata, http://daijihirata.com/

19. pros/cons 18
• 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/

20. tips 19
• 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/

21. conclusion 20
• MT is useful publishing engine
for “pseudo” dynamic website
Daiji Hirata, http://daijihirata.com/

22. 21
Thank you!
Daiji Hirata, http://daijihirata.com/