1:HL["/_next/static/css/e0b87381b78a72d0.css",{"as":"style"}]
0:["00Nw3V7p6jjR7VBCI9FoH",[[["",{"children":["blog",{"children":[["slug","2013/08/10/octopress-to-middleman","c"],{"children":["__PAGE__?{\"slug\":[\"2013\",\"08\",\"10\",\"octopress-to-middleman\"]}",{}]}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/e0b87381b78a72d0.css","precedence":"next"}]],"$L3"]]]]
4:I{"id":4896,"chunks":["896:static/chunks/896-da17be67249e7703.js","797:static/chunks/app/blog/[...slug]/page-a20797c105738917.js"],"name":"","async":false}
5:I{"id":3466,"chunks":["272:static/chunks/webpack-a5603073f1184a0b.js","253:static/chunks/bce60fc1-3138fc63e84359d9.js","961:static/chunks/961-177df6473dc74d43.js"],"name":"default","async":false}
6:I{"id":372,"chunks":["272:static/chunks/webpack-a5603073f1184a0b.js","253:static/chunks/bce60fc1-3138fc63e84359d9.js","961:static/chunks/961-177df6473dc74d43.js"],"name":"default","async":false}
2:[["$","html",null,{"lang":"ja","children":["$","body",null,{"children":[["$","header",null,{"children":["$","h1",null,{"id":"site-title","children":["$","$L4",null,{"href":"/","children":"apatheia.info"}]}]}],["$","main",null,{"children":["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"template":["$","$L6",null,{}],"templateStyles":"$undefined","notFound":["$","div",null,{"children":[["$","h2",null,{"children":"Not Found"}],["$","p",null,{"children":"Could not find requested resource"}],["$","p",null,{"children":["View ",["$","$L4",null,{"href":"/","children":"all posts"}]]}]]}],"notFoundStyles":[],"childProp":{"current":["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children","blog","children"],"error":"$undefined","errorStyles":"$undefined","loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"template":["$","$L6",null,{}],"templateStyles":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","childProp":{"current":["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children","blog","children",["slug","2013/08/10/octopress-to-middleman","c"],"children"],"error":"$undefined","errorStyles":"$undefined","loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"template":["$","$L6",null,{}],"templateStyles":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","childProp":{"current":["$L7",null],"segment":"__PAGE__?{\"slug\":[\"2013\",\"08\",\"10\",\"octopress-to-middleman\"]}"},"styles":[]}],"segment":["slug","2013/08/10/octopress-to-middleman","c"]},"styles":[]}],"segment":"blog"},"styles":[]}]}],["$","footer",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":"Link:"}],["$","li",null,{"children":["$","a",null,{"href":"https://twitter.com/f440","children":"Twitter"}]}],["$","li",null,{"children":["$","a",null,{"href":"https://github.com/f440","children":"Github"}]}],["$","li",null,{"children":["$","a",null,{"href":"https://pinbaord.in/u:f440","children":"Pinbaord"}]}]]}]}]]}]}],null]
3:[["$","meta","0",{"charSet":"utf-8"}],["$","title","1",{"children":"ブログエンジンを Octopress から Middleman に変えた - aptheia.info"}],["$","meta","2",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","link","3",{"rel":"alternate","type":"application/rss+xml","href":"/atom.xml"}]]
8:T79f,<p>このサイトは今まで <a href="http://octopress.org/">Octopress</a> を使って生成していたんだけど、<a href="http://middlemanapp.com/">Middleman</a> に変えてみた。</p>
<p>元々 Octopress の設定ファイルの書き方とかがモヤモヤするものがあって(Rakefile に設定項目埋め込んであるところとか) Jekyll にしようかなと思ったんだけど、なんとなく Middleman にしてみた。その後の感想など。</p>
<p>(もう2ヶ月くらい前の話なので、移行当時の記憶はおぼろげ)</p>
<ul>
<li>ビルド時間が短くなった
<ul>
<li>素の jekyll はビルド早いんだけど、Octopress は結構遅いんで気になっていた。middleman は Octopress よりかは早い</li>
</ul>
</li>
<li>ブログの内容はほぼそのまま使い回せた
<ul>
<li>メタデータ部分を s/categories/tags/ で置換したくらいだったと思う</li>
</ul>
</li>
<li>公開されているテンプレートが少ない
<ul>
<li>自分でちまちま書いてる</li>
</ul>
</li>
<li>middleman-livereload が便利
<ul>
<li><a href="https://github.com/johnbintz/rack-livereload">rack-livereload</a> を使っている。ブラウザに拡張を入れなくても、Web Socket でリロードしてくれる。</li>
</ul>
</li>
<li><a href="https://github.com/rtomayko/tilt">tilt</a> を使っているので、テンプレートエンジンは自由に選択できる
<ul>
<li>楽しくなって、<a href="http://slim-lang.com/">Slim</a> を使って <a href="https://github.com/shower/shower">shower</a> を <a href="https://github.com/f440/middleman-miwer">移植してみたりした</a>。</li>
</ul>
</li>
</ul>
<p>おおむね満足です。</p>
<h2>参考</h2>
<ul>
<li><a href="http://octopress.org/">Octopress</a></li>
<li><a href="http://middlemanapp.com/">Middleman</a></li>
<li><a href="https://github.com/rtomayko/tilt">tilt</a></li>
</ul>
7:["$","article",null,{"children":[["$","h1",null,{"children":"ブログエンジンを Octopress から Middleman に変えた"}],["$","p",null,{"id":"article-info","children":["2013.08.10"," ",[["$","span","octopress",{"children":[["$","$L4",null,{"href":"/blog/categories/octopress","children":"octopress"}]," "]}],["$","span","middleman",{"children":[["$","$L4",null,{"href":"/blog/categories/middleman","children":"middleman"}]," "]}]]]}],["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$8"}}]]}]