jspファイルのモック画面作成について

Question

jspファイルでモック画面を作成する際、効率の良い作成方法はありますでしょうか？

eclipse上でjspファイルに対して、地道にタグ打ちをしてモック画面を作成して
いますが、地味に時間が掛かります。
eclipseにより、タグの補完をしてくれるため、多少負担は軽減されておりますが・・・
もっと効率の良い方法があればお教え願います。
※効率が良ければeclipseでなくても構いません。

Answer 1

「Emmet」というコード編集サポートを目的にしたプラグインがありますよ。

#header>h1+ul#nav>li>a

と入力して展開すると、

<div id="header">
  <h1></h1>
  <ul id="nav">
    <li><a href=""></a></li>
  </ul>
</div>

と変換してくれます。
詳しい説明はこちらのサイトを参照してください。
→ HTML/CSSを爆速コーディング Emmet入門 第1回 Emmetを薦める理由

ちょっと古いかもしれませんが、
eclipseに入れるときにはコチラのサイトの手順でいけると思います。
→ eclipseにEmmetをインストールするときのメモ

Comments

[nob777]

早速Emmetをeclipseに入れて試してみました。
かなり効率が上がりそうです！
省略記法を覚えなければいけないのが難ですが、それを大きく上回る効果を得られると思います。
また、元々人気のあるツールのようで、tips紹介サイトが多いというのも助かります。

教えていただきありがとうございました。

[kaputaros]

クラスとかの指定の仕方とか、
CSSに似てたりするので、
だいたいの文法が分かれば行けますよ。

頑張って下さい！