はじめに

• Middleman とは／Middleman のインストール
• Middleman による Web サイトの雛形の作成
• Middleman サーバを立ち上げて Web サイトを開発する
• デプロイ用に Web サイトをビルドする

レイアウト

• レイアウト機能でページレイアウトを統一する
• ディレクトリ単位でデフォルトレイアウトを設定する
• レイアウト機能を無効にする

パーシャル

• パーシャルでページを分割して管理する
• パーシャルにパラメータを設定する

ヘルパーメソッド

• ヘルパーメソッドを使って HTML を作成する
• カスタムヘルパを作成する

応用

• LiveReload 機能を使って Web ブラウザを自動でリロードする
• Middleman で Sassy CSS (SCSS) を使用する
• Resource オブジェクト (1) ページ情報を取得する
• Resource オブジェクト (2) ページの親子関係を取得する
• Resource オブジェクト (3) ページのツリー構造を取得する
• パンくずリストを表示する
• 現在のページがディレクトリインデックスであるか調べる
• 同じ階層にある index.html ページの Resource オブジェクトを取得する
• ローカル環境での開発中だけアフィリエイト広告を非表示にする