# V2_Blog_Field

    {% set blogField = module('V2_Blog_Field', null, {
      bid: null,
    }) %}

    <!-- 値が１つのフィールド -->
    {% if blogField.fields.hoge.value %}
    <p>{{ blogField.fields.hoge.value }}</p>
    {% endif %}

    <!-- チェックボックスなどの複数の値を持つフィールド -->
    {% if blogField.fields.hoge.array %}
      {% for item in blogField.fields.hoge.array %}
        {{ item }}
        {% if not loop.last %}
        &nbsp;|&nbsp;
        {% endif %}
      {% endfor %}
    {% endif %}

    <!-- メディア画像 -->
    {% if blogField.fields.hoge.value %}
      {% set image = blogField.fields.hoge.value %}
      <img
        src="{{ image.path|resizeImg(640) }}"
        width="640"
        height="{{ image.ratio|getHeightFromRatio(640) }}"
        alt="{{ image.alt }}"
      />
      {% if image.caption %}
      <caption>{{ image.caption }}</caption>
      {% endif %}
    {% endif %}

    <!-- カスタムフィールドグループ -->
    {% if blogField.fields.hogeGroup %}
      <ul>
        {% for item in blogField.fields.hogeGroup %}
          <li>
            {% if item.hogeImage %}
              <img
                src="{{ item.hogeImage.path|resizeImg(640) }}"
                width="640"
                height="{{ item.hogeImage.ratio|getHeightFromRatio(640) }}"
                alt="{{ item.hogeImage.alt }}"
              />
            {% endif %}
            {% if item.hogeText %}
              <p>{{ item.hogeText }}</p>
            {% endif %}
          </li>
        {% endfor %}
      </ul>
    {% endif %}