Download to read offline
Uploaded byRyunosuke SATO
How to relaunch "sapporojs.org" ~Introduction to middleman~
How to relaunch "sapporojs.org" ~Introduction to middleman~
- 1. 佐藤 竜之介(Ryunosuke SATO) Sapporo.js Sapporo.js-2013.07.27 http://www.flickr.com/photos/poria/161511765 Howto relaunch “sapporojs.org” ~ Introduction to Middleman ~
- 2. 提供 Sapporo.js Community for peoplewho like JavaScript.
- 3.
- 4. @tricknotes I am asoftware developer who love JavaScript and Ruby. http://tricknotes.hateblo.jp/
- 5.
- 6.
- 7. /* * advertising * aboutEmber.js * * !!Important!! *
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. 佐藤 竜之介(Ryunosuke SATO) Sapporo.js Sapporo.js-2013.07.27 http://www.flickr.com/photos/poria/161511765 Howto relaunch “sapporojs.org” ~ Introduction to Middleman ~
- 14.
- 15. 今日の話 * Middleman の紹介 *sapporojs.org での Middleman 運用について
- 16.
- 17. * 会社のホームページ * 自分のブログ *イベントの告知サイト こんなサイトを簡単につくりたいひと:
- 18. Hot * 会社のホームページ * 自分のブログ *イベントの告知サイト こんなサイトを簡単につくりたいひと: * 現在 Jekyll でサイト運用をしている
- 19.
- 21.
- 22. * GitHub pages デプロイが楽 *コンテンツ管理が楽
- 23.
- 24. * 独自記法つらい... * hamlとか scss とか使いたい... (自分でビルドすればいいんだけど...) * ファイル分けるのめんどい...
- 25.
- 26.
- 27.
- 29. Middleman is a staticsite generator using all the shortcuts and tools in modern web development.
- 30. features: * Asset Pipeline *Local Data * Blogging etc ...
- 31. * Rails でお馴染み *CoffeeScript や SCSS を簡単に使える * haml や slim も使える * minify や concat ができる Asset Pipeline
- 32.
- 33.
- 34.
- 35. Local Data * dataを yaml (or json) で管理できる * マスタデータ、カテゴリ一覧など * データを一箇所で管理できる
- 36.
- 37. Blogging * ブログ機能 * 日付付きURL *続きを読む * 次のページ * タグ付け
- 38.
- 39.
- 40. $ bundle execmiddleman server $ bundle exec middleman build 開発用のサーバを起動 html 生成
- 41.
- 42.
- 43.
- 44.
- 45. * asset のファイル分割が簡単 *haml、SCSS が使える * コンテンツの管理が楽
- 46.
- 47.
- 48. デプロイがちょっと面倒... $ cd build $git commt -a -m “Update” $ git push origin gh-pages
- 49. 自動で build して deployすればよいのでは!
- 50.
- 51. 1. push master 2. hook 3.build 4. push gh-pages
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58. * Ember.js 関連のJSをgem で管理 * handlebars サポート * テンプレートジェネレータ Features:
- 59.
- 61.
- 62.
- 63. ✓ Middleman は静的サイトジェネレータ ✓Web 制作に使うと、楽に開発できる ✓ GitHub pages での運用も簡単 sapporojs.org の運用方法のご紹介でした
- 64.