Under the Bridge

TOPページ > 212MT4.1実験室 > MT4分科会第2回勉強会に参加しました

じぶん的に留意点というか、追加した仕様は以下のとおり。

• エントリに画像があるとは限らない。
• エントリひとつに画像が複数枚あり、その中から代表画像を先頭1枚のみ取り出す。
• データ取得の部分とループの部分は分離する。ソースの可読性・メンテナンス性重視

コード

<MTIgnore> ********** ノーマル並びのタイトル+画像 ********** </MTIgnore>
<MTSetVarTemplate name="Normal">
   <h3><span class="<MTGetVar name="Gakunen[$x]">"><MTGetVar name="EntryTitle[$x]"></span></h3>
   <p><a href="<MTGetVar name="EntryLink[$x]">"><img src="<MTGetVar name="ImageLink[$x]">" width="208" height="208" /></a></p>
</MTSetVarTemplate>


<MTIgnore> ********** リバース並びの画像+タイトル ********** </MTIgnore>
<MTSetVarTemplate name="Reverse">
   <p><a href="<MTGetVar name="EntryLink[$x]">"><img src="<MTGetVar name="ImageLink[$x]">" width="208" height="208" /></a></p>
   <h3><span class="<MTGetVar name="Gakunen[$x]">"><MTGetVar name="EntryTitle[$x]"></span></h3>
</MTSetVarTemplate>


<MTIgnore> ********** 配列でデータ取得 ********** </MTIgnore>
<MTSetvar name="counter" value="0">
<MTEntries days="70">
   <MTEntryAssets type="image">
      <MTAssetsFooter>
         <MTSetVar name="counter" op="++">
         <MTSetVarBlock name="EntryLink[$counter]"><$MTEntryPermalink$></MTSetVarBlock>
         <MTSetVarBlock name="EntryTitle[$counter]"><MTEntryTitle></MTSetVarBlock>
         <MTSetVarBlock name="ImageLink[$counter]"><$MTAssetURL$></MTSetVarBlock>
         <MTSetVarBlock name="Gakunen[$counter]"><MTEntryAuthor></MTSetVarBlock>
      </MTAssetsFooter>
   </MTEntryAssets>
</MTEntries>


<MTIgnore> ********** Forループ、メイン処理 ********** </MTIgnore>
<MTFor var="x" from="1" to="$counter">

   <MTIgnore> ********** ループ初回の処理 ********** </MTIgnore>
   <MTIf name="__first__">
      <table class="thumbnail" summary="最近（さいきん）の写真">
   </MTIf>

   <MTIgnore> ********** 左端セルの処理 ********** </MTIgnore>
   <MTIf name="__counter__" value="3" op="%" eq="1">
      <tr>
      <td>
      <MTGetvar name="Normal">
      </td>
   </MTIf>

   <MTIgnore> ********** 真ん中セルの処理 ********** </MTIgnore>
   <MTIf name="__counter__" value="3" op="%" eq="2">
      <td>
      <MTGetvar name="Reverse">
      </td>
   </MTIf>

   <MTIgnore> ********** 右端セルの処理 ********** </MTIgnore>
   <MTIf name="__counter__" value="3" op="%" eq="0">
      <td>
      <MTGetvar name="Normal">
      </td>
      </tr>
   </MTIf>

   <MTIgnore> ********** ループ最終回の処理 ********** </MTIgnore>
   <MTIf name="__last__">
      <MTSetVar name="Yojou" value="$__last__">
      <MTSetVar name="Yojou" value="3" op="%">
      <MTSetVar name="Amari" value="3">
      <MTSetVar name="Amari" value="$Yojou" op="-">
      <MTIf name="Amari" gt="0">
         <td colspan="<MTGetVar name="Amari">"<p>&nbsp;</p></td>
      </MTIf>
      </table>
   </MTIf>

</MTFor>

原理

原理というか、誰が考えても大筋は同じようなコードになるかと思います。

私は、MTEntriesループ中で画像アイテムを探す、見つかったらその場でゴニョゴニョ...とはせず、取得したデータを全部配列へぶち込んでいます。

counter変数を、画像アイテムが見つかったときのみインクリメントして、配列の要素としていますが、これはプログラムの場合はすごくよく使うテクニックです。

counter変数の値は、イコール画像のあるエントリ数となりますので、MTForでループまわして、カウンタ値が幾らだったらどういう処理をする、というコードを書いてます。

何度も同じようなコードを書くことになりそうな「エントリタイトルの表示」「画像の表示」には、MTSetVarTemplateを用いて関数ちっくに何度も利用できるような構造です。

ループ最終回の処理がちょっとしょっぱいコードになっていますが、MTなんでコレでいいとします。本当はAns=3-(N % 3) というごく簡単な計算がしたいだけなんですが。

出力結果

コメント(2)