{
    "componentChunkName": "component---src-templates-blog-post-js",
    "path": "/2014/08/08/automated_front-end_with_headstart/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Bulblub"}},"markdownRemark":{"id":"5e5d8a12-8559-586a-b460-0676a5fac3b5","excerpt":"日本語での紹介記事がなかったので書いてみます。 ここ数日のソーシャルニュースではWeb Starter Kitが話題ですね。Headstartも似たようなもので、フロントエンド側の WEB 制作における最新のベストプラクティスを詰め込んだ、すぐにはじめる為のツールキットです。Landscaping With Front…","html":"<p>日本語での紹介記事がなかったので書いてみます。 ここ数日のソーシャルニュースでは<a href=\"https://developers.google.com/web/starter-kit/\">Web Starter Kit</a>が話題ですね。<a href=\"http://www.headstart.io/index.html\">Headstart</a>も似たようなもので、フロントエンド側の WEB 制作における最新のベストプラクティスを詰め込んだ、すぐにはじめる為のツールキットです。<a href=\"https://github.com/codylindley/frontend-tools\">Landscaping With Front-end Tools </a>で Web Starter Kit の隣にあって気になったのが出会いで、久々にコーディングのみの仕事を頂いたので最近のコーディング環境に乗っかってみようと思い導入 <img src=\"/wp_uploads/2014/08/Headstart.png\" alt=\"Headstart\"></p>\n<h2>Web Starter Kit と Headstart どっちにするか</h2>\n<p>Headstart にした理由は以下の感じ</p>\n<ul>\n<li>テンプレートエンジンが組み込まれていた</li>\n<li>ドキュメントがそこそこ充実してた(フォルダ構造の意味とか、ライブラリの取り込み方とか)</li>\n<li>ベータ版ではなかった</li>\n</ul>\n<h2>Headstart を使って驚いたこと</h2>\n<ul>\n<li>Sass は知っていたけど必要ないと思ってた、AutoPrefix やその他 Sass ライブラリ超便利</li>\n<li>BrowserSync ってただの Livereload だと思ってたけど、複数マシンの複数ブラウザ操作を同期してくれて外部ディスプレイ活用しまくり、超便利</li>\n<li>Sass3.3 と<a href=\"http://bem.info/\">BEM</a>と<a href=\"http://handlebarsjs.com/\">Handlebars</a>が相性いい</li>\n</ul>\n<h3>一番驚いたのはこれらのセットアップが一瞬で終わりすぐ開発がはじめられること</h3>\n<p>ほんと Sass のライブラリとか gulp とかって、付随するライブラリ選びから始めようとするとどれを選んでいいのか、そもそも何が必要なのか分からなくて大変。その点、Headstart は「一番よさげな組み合わせを用意しておいたよ」的な感じがいい。</p>\n<h2>不満点</h2>\n<ul>\n<li>HTML と CSS はよいとして、JS 周りは微妙か。Coffee で書きたい</li>\n<li>Jquery 系以外のライブラリ使いたい(自分で用意すればいいのか)</li>\n</ul>\n<h2>まとめ</h2>\n<p>最近のフロントエンド開発の自動化の波に乗りたくても乗れてない人がとりあえずはじめてみるのよいとおもいました。以上おすすめでした。</p>","frontmatter":{"title":"Headstart.ioですぐにはじめるモダンなフロントエンド開発","date":"August 08, 2014","description":null}},"previous":{"fields":{"slug":"/2014/07/24/webhook-cms_become_public/"},"frontmatter":{"title":"モダンなワークフローのWebhook CMSが遂に一般公開された"}},"next":{"fields":{"slug":"/2014/12/16/howto_use_xbox360_gamepad_on_yosemite/"},"frontmatter":{"title":"YosemiteでXbox360のゲームパッドを使う方法"}}},"pageContext":{"id":"5e5d8a12-8559-586a-b460-0676a5fac3b5","previousPostId":"0bb722d1-8f95-5046-aed2-db3a70f7887f","nextPostId":"7f5f53bd-4f7f-5897-915f-f7f974a36d29"}},
    "staticQueryHashes": ["2841359383"]}