メインコンテンツにスキップ
  • Middleman ホームページ
  • サポート
  • コミュニティ
  • ドキュメント

基礎

  • インストール
  • v4 へのアップグレード
  • 新しいサイトの作成
  • ディレクトリ構造
  • 開発サイクル
  • ビルド & デプロイ
  • Frontmatter
  • テンプレート言語
  • ヘルパーメソッド
  • レイアウト
  • パーシャル
  • リダイレクト
  • ブログ機能

高度な機能

  • 設定
  • プロジェクトテンプレート
  • 動的ページ
  • データファイル
  • 多言語化 (i18n)
  • アセットパイプライン
  • 外部パイプライン
  • Rack ミドルウェア
  • サイトマップ
  • きれいな URL (ディレクトリインデックス)
  • キャッシュ機能の改善
  • ファイルサイズ最適化
  • カスタム拡張
  • テンプレートエンジンオプション

テンプレート

Middleman は HTML の開発を簡単にするためにたくさんのテンプレート言語への アクセスを提供します。テンプレート言語はページ内で変数やループを使えるように するシンプルなものから, ページを HTML に変換するまったく異なったフォーマットを 提供するものにまで及びます。 Middleman は ERB, Haml, Sass, SCSS や CoffeeScript のサポートを搭載しています。Tilt が有効な gem であればその他にも多くのエンジンが 有効化できます (リスト参照)。

テンプレートの基礎

デフォルトのテンプレート言語は ERB です。ERB は変数の追加, メソッド呼び出し, ループの使用や if 文を除き, そのままの HTML です。 このガイドの次のセクションでは使用例として ERB を使います。

Middleman で使うテンプレートはそのファイル名にテンプレート言語の拡張子を 含みます。ERB で書かれたシンプルな index ページはファイル名の index.html と ERB の拡張子を含む index.html.erb という名前に なります。

まず, このファイルには単純な HTML が書かれています:

<h1>ようこそ</h1>

思いつきでループを追加することができます:

<h1>ようこそ</h1>
<ul>
  <% 5.times do |num| %>
    <li>カウント <%= num %></li>
  <% end %>
</ul>

© 2011–2022 Thomas Reynolds

コントリビュータ の助けを借りて コアチーム によって メンテナンスされています。

  • Twitter
  • GitHub