[Middleman 3] Middleman: らくらく Slim 入門

Middleman を使って環境構築なしにすぐに入門する。
bundler 使ってるけれど。。。

[markdown]

## インストール

楽をするために、先人のプロジェクトテンプレートを利用します。
お好みで。

### shimoju/middleman-bootstrap-sass-slim

テンプレート化。

> * [shimoju/middleman-bootstrap-sass-slim](https://github.com/shimoju/middleman-bootstrap-sass-slim)

“`
% git clone https://github.com/shimoju/middleman-bootstrap-sass-slim.git ~/.middleman/bootstrap-sass-slim
% middleman init test_middleman_bss –template=bootstrap-sass-slim
% cd test_middleman_bss
% bundle
% bundle exec middleman server
“`

### yterajima/my_middleman

git clone で。

> * [yterajima/my_middleman · GitHub](https://github.com/yterajima/my_middleman)
> * [それmiddlemanでできるよ？ -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- | e2esound.com業務日誌](http://www.e2esound.com/wp/2013/01/29/middleman/)

“`
% mkdir test_middleman_slim
% cd test_middleman_slim
% git init
% git pull git://github.com/yterajima/my_middleman.git
% bundle install –path vendor/bundler
% bundle exec middleman server
“`

## Sublime Text Syntax highlighter

### Ruby Slim

`cmd+shift+p` のコマンドパレットから、Ruby Slime をインストールします。

> * [slim-template/ruby-slim.tmbundle](https://github.com/slim-template/ruby-slim.tmbundle)

## 情報

### 公式サイト

> * [Slim – A Fast, Lightweight Template Engine for Ruby](http://slim-lang.com/)

### 日本語

何も考えずに検索すると、関係の無い slim 案件が多数引っかかるので、下記を参考にする方が良いと思います。

> * [yterajima/slim](https://github.com/yterajima/slim/tree/README_ja)
> * [速習テンプレートSlim(HTML作成編) – Qiita](http://qiita.com/yterajima/items/53fd0387279510ff082a)
> * [マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌](http://www.e2esound.com/wp/2013/07/22/21_tips_to_use_slim_for_markup_engineer/#sec18)

## このHTMLはSlimでどう書くのか？

### 変換する

form まわりで悩んだのですが、検索するより変換する方が速かった。

> * [HTML2slim](http://html2slim.herokuapp.com/)

### Hamlと比較する

わかりやすい。

> * [HamlとSlimをMiddleman上で比較する – Tech-Sketch](http://tech-sketch.jp/2013/07/haml-slim-middleman.html)

## あわせて Haml 入門

記事を分割しました。

> * [Haml 入門 | deadwood](https://www.d-wood.com/blog/2014/11/25_7229.html)
[/markdown]