Народилася невелика ідея познайомити і розповісти про таку чудову інструменті як Middleman. який може бути корисний особливо верстальщикам, які б хотіли відкрити для себе нові інструменти, frontend розробникам і просто близько веб розробникам, яким цікаві нові інструменти і на слуху такі слова як SCSS, CoffeeScript, Compass і т.д.
По порядку.
Навіщо потрібен Middleman і що це за інструмент.
Якщо не вдаватися глибоко в технічні подробиці, то це Ruby бібліотека, яка ставиться з gem пакета і включає в себе веб-сервер і генератор статичних сторінок (html + css + js) з різного роду структурованих шаблонів ERB, HAML, Slim, покривати це все стилями таких технологій як SCSS, SASS, LESS і писати JS код на мові CoffeeScript, використовувати всередині сховища даних (yaml, json всередині, але ніщо не заважає використовувати звичні бази даних, наприклад SQLite), додавати динаміку у вигляді helper'ов звичних у великих MVC фреймворках і взагалі всіляко автоматизувати з допомогу великої кількості Ruby інструментів.
Як почати.
Звичайно потрібен інтерпретатор мови Ruby, для Linux, MacOS платформ ставиться все це якщо не за замовчуванням, то повно інструкцій як встановити, і навіть на цьому сайті наприклад. для Windows rubyinstaller.org/downloads/ інсталятори поки, що поточної 2.0, можливо варто там же відразу завантажити і поставити DevKit під свою версію операційки і Ruby.
Ставимо Middleman в консолі набираємо
Тепер в одній зі своїх папок створюємо новий (порожній) проект:
project_name - зрозуміло назву вашого проекту символами латинцами.
У цій папці з'явиться ваш проект, перейдемо в нього і побачимо поточні файли
І можна стартувати шаблонне додаток
За замовчуванням шаблони в Middleman використовуються ERB, але для тих хто не знайомий, то можу порекомендувати шаблони чистіше, наприклад Slim - slim-lang.com
Щоб почати їх використовувати, досить в файлі Gemfile додати рядок gem 'slim' в консолі доставити нові залежності
Згенерувати результат, якщо вам потрібні статичні html сторінки можна простою командою в консолі
після чого структуру сайту можна знайти в папці build
