見積もりで気を付けること
「ざっくりでいいから見積もってみて」と言われると、いわゆるPG工程の範囲内でやることを洗い出して「これだけのボリュームだから3日ぐらいかなぁ」と計算していたけど、そろそろPG工程以外のことも考えましょうということ。
Mayaa で span + m:with + m:if を使ったメッセージ切り替え
条件によって表示するメッセージを切り替えるときに。
HTML
<span m:id="message"> PCからアクセス </span>
<m:with m:id="message"> <m:if test="${ '条件を記述' }" > <m:write value="PCからアクセス" /> </m:if> <m:if test="${ '条件を記述' }" > <m:write value="携帯からアクセス" /> </m:if> </m:with>
Mayaa で文字列置換
例えば簡単な例として、jpgファイルの拡張子を削る場合、.mayaa にこんな風に書く。
<m:write m:id="filename" value="${ filename.replace('.jpg', '') }" />
A4サイズ画像のピクセル
- width: 2480
- height:3425
Mayaa で m:attribute でフォームを作成する
こういう書き方もできるんだと発見したのだが、ちゃんとドキュメントに書いてあって、でもせっかくなのでメモしておく。
サンプルとしてラジオボタンで実装してみた。HTML から。
<label><input m:id="radio" type="radio" name="selected" />これを選択する</label>
続いて Mayaa。
<m:echo m:id="radio"> <m:attribute name="value" value="${ SELECTED_VALUE }"/> <m:if test="${ NOW_SELECTED == SELECTED_VALUE }"> <m:attribute name="checked" value="checked" /> </m:if> </m:echo>
echo の要素に attribute で属性を設定したり、if を使ってチェック済みにしたり、と。
Mayaa で確認ダイアログを使う
「○○を削除」リンクをクリックしたときにJavaScriptで「本当に削除してもよろしいですか?」と再度確認させる、ってのをやってみたのでメモ。
function confirmDelete() { if(window.confirm('本当に削除してもよろしいですか?')) { return true; } return false; }
HTML
: : <script src="./path/to/js/confirm.js"></script> : : <a m:id="deleteLink" href="">○○を削除</a> : :
<m:echo m:id="deleteLink"> <m:attribute name="href" value="delete/${ id }" /> <m:attribute name="onclick" value="return confirmDelete()" /> </m:echo>
Mayaaで以下の処理を行う
- onclick属性の追加 → confirmDelete関数の呼び出し
- confirmDelete関数が false を返した場合は遷移しない
- href属性の値を設定
Mayaa で List を使う
これも何てこと無いんだろうけど便利でうれしかったのでメモ。
Javaファイル
public List<String> testlist = new ArrayList<String>(); testlist.add("1st"); testlist.add("2nd"); testlist.add("3rd");
HTML
<div m:id="testlist">testlist</div>
<m:with m:id="testlist"> <m:for init="${ var i = 0 }" test="${ i < testlist.size() }" after="${ i++ }"> <m:write value="${ testlist.get(i) }" /> </m:for> </m:with>