1.EL式–MAP

1.1 actionコード:
Map map = new HashMap();
map.put(key1,value1);
map.put(key2,value2);
map.put(key3,value3);

1.2 JSP画面
<forEachitems=”${map}” var=”item”>
<c:outvalue=”${item.key}”/>
<c:outvalue=”${item.value}”/>
</forEach>

2.EL式–List
2.1 actionコード
List list = new ArrayList();
list.add(“study”);
list.add(“map skill”);
list.add(“welcome”);
list.add(“startnews24”);

書き方2
List<Map<String,Object>> employees = new ArrayList<Map<String,Object>>();
Map<String,Object> s1 = new HashMap<String,Object>();
s1.put(“name”,”yamada”);
s1.put(“age”,”35″);
employees.add(s1);
Map<String,Object> s2= new HashMap<String,Object>();
s2.put(“name”,”oohara”);
s2.put(“age”,”32″);
employees.add(s2);

2.2 サンプルコード
<c:forEach var =”employee” items =”$ {employees}” >
<c:out value=”$ {employee.name}” default=”wang”/> </td>
<c:out value=”$ {employee.age}” default=”wang”/>
</c:forEach>

＜以下，開発元発表文の内容をそのまま掲載しています＞
スマホで遊べる本格マルチハンティングRPG「ドラゴンプロジェクト」が登場！
ぷにコン搭載で誰でも気軽に爽快アクション！！
仲間と一緒に巨大なモンスターに立ち向かおう！

＜以下，開発元発表文の内容をそのまま掲載しています＞
全国の仲間と最大3人でパーティを組んで、
気軽に協力プレイが楽しめる海賊共闘RPG
「ONE PIECE サウザンドストーム」

かんたん操作でド派手な必殺技を繰り出し、
次々と現れる強敵たちを撃破しよう！
ルフィ、ゾロ、ナミ、サンジ･･･
「麦わらの一味」をはじめ、
トラファルガー・ロー、ミホークなど
アニメで活躍したキャラクターたちが続々参戦！

＜以下，開発元発表文の内容をそのまま掲載しています＞

「アニメ×RPG」をコンセプトに、クノイチの少女たちが綴る青春群像劇を、久石譲氏をはじめ豪華クリエイター陣が描くダンジョン探索型”大河”RPGです。

クノイチは四季折々の広大な3Dフィールドを縦横無尽に駆け巡り、「サムライ」を召喚して強敵に立ち向かいます。フィールド上に張り巡らされた様々な仕掛けや難敵達が待ち受けています。

バトルは王道のコマンド選択式のターン制バトルです。
弱点属性で攻撃した際に発動する「追撃」やサムライの「総攻撃」、「チャクラ」を消費して発動するド派手な必殺技「奥義」など、プレイヤーの選択次第で、緊迫した戦いを有利に進めることができます。

コード下記

var pastDay = 15;//何日数前までnewマークをつけるか指定
var now = (new Date()).getTime();//現在の時間
var pastTime = pastDay * 24 * 60 * 60 * 1000;//newマークをつける期間の時間

function initialize() {
var feed = new google.feeds.Feed(“http://xxx.com/?feed=rss2&cat=3”);
feed.setNumEntries(5);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById(“newssfeedtable”);
var html = “”;
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = “0” + m;}
var d = dd.getDate();
if (d < 10) {d = “0” + d;}
var date = yearNum + “年” + m + “月” + d + “日”;
html += “<li>” + date;

if(now >= dd.getTime() && now <= (dd.getTime() + pastTime)){
//newマークの追加
html += “<img src=’../img/icon-text-new.png’ alt=’新着’>”;
}
//console.log(“now:” + now + ” dd.getTime:” + dd.getTime() + ” pastTime:” + pastTime);

html += “<br><a href='” + entry.link + “‘ target=’_blank’>” + entry.title + “</a></li>”;

container.innerHTML = html;
}
}
});
}
google.setOnLoadCallback(initialize);

コード下記：
$(document).ready(function () {
$(“#Overview”).css(“background-image”,”url(./img/ChangFaStartnews24.png)”);
$(“#Overview div”).show();
$(“#tab li”).hover(function () {
$(“#tab li”).css(“background-image”,”url(./img/btnGray.png)”);
$(“#tab ul div”).hide();
$(this).css(“background-image”,”url(./img/ChangFaStartnews24.png)”);
$(this).children(‘div’).show();
});
})