MiddlemanでWordPressサイトを作る！？

普段のWordPress案件でどうしてもMiddlemanが使いたかったので、どんな感じで使ってるか・・を書いてみました。

Transcript

1. How to use Middleman when I create WordPress WEB site. Coder, Saicompany @takumi_hamamura .JEEMFNBOͰ8PSE1SFTTαΠτΛ࡞Δʂ Tokyo Middleman Meetup #2 1
2. 2 0. Takumi Hamamura # From Shizuoka, 25 years old. # World Traveler # Saicompany (Ebisu st.) # Coder (for 2 years) # HTML5/SASS/jQuery/WordPress/Git http://www.saicompany.jp/
3. 3 http://slim-lang.com/index.html 1. How do I start Middleman? Slim is removed from a standard html template. (<, >, closing tags, etc...).
4. 4 Mr. yterajima taught me Middleman, and I feel “Twitter” is awesome! 1. How do I start Middleman?
5. 5 2. My Workflow (before Middleman) Plan Markup & Embed WordPress Debug Release Design
6. 6 2. My Workflow (before Middleman) Plan Markup & Embed WordPress Debug Release Design It takes long time to debug and if there are so many bug, it should be costs more time to debug.
7. 7 2. My Workflow (after Middleman) Plan Embed WordPress Debug Release Design Markup Debug (browers, js…)
8. 8 2. My Workflow (after Middleman) Plan Embed WordPress Debug Release Design Markup Debug (browers, js…) Middleman makes markup fast and coding & debug circle is more speedy.
9. 9 3. Extension ɾmiddleman-livereload ɾslim ɾcompass ɾmiddleman-deploy
10. 10 iOS simulator chrome emulator 4. Livereload It’s easy to create responsive Website, and smartphone.
11. 11 “PuttonDesign” which is google chrome extension makes your code perfect as design PSD!!(*only css and sass.) puton design http://rrlrlrll.org/update_putondesign/ 4. Livereload
12. 12 Happy coding with Middleman! Coder, Saicompany @takumi_hamamura