JSPの在り方、javascriptの書き方等

Question

現在進行中のプロジェクトでは、
各画面のjspに直接javascriptにて処理を記述しています。
理由としては以下の様なことが挙げられます。
・javascriptの記述の中でtaglibで記述したメソッドを使用したい
・EL式も使いたい
(セッション情報取得用)
・jstlも使いたい(エラー出るけど利用可能)
(c:foreachが便利なので。。。)
・javaで定義している定数も使いたい
(<%= %>で連動させたい)

しかし、どの画面の処理も似たような処理ばかりで、
出来れば共通化したいところなのですが、
外部jsファイルには記述出来ません。

共通的な処理を記述したjavascriptのみの外部jspファイルというのはアリなのでしょうか？

Answer 1

共通的な処理を記述したjavascriptのみの外部jspファイルというのはアリなのでしょうか？

そうしても動きますよ。しかし私としては「ナシ」ですね。

・javascriptの記述の中でtaglibで記述したメソッドを使用したい
・EL式も使いたい
(セッション情報取得用)
・jstlも使いたい(エラー出るけど利用可能)
(c:foreachが便利なので。。。)
・javaで定義している定数も使いたい
(<%= %>で連動させたい)

これら自体はすべて行ってかまいませんが、それはすべてデータです。処理の中に埋め込むべきではありません。まず、処理とデータを分離しましょう。

それらの値だけを記述する外部JavaScriptをJSPで出力するようにし、それとは別に処理を通常のJavaScriptファイルで静的に定義すべきです。静的であるならばキャッシュ可能でそのファイルを何度も呼ばなくて済む様になります。

きれいに分離することにより、ネットワークトラフィックを減らせ、システムの高速化にもなりますし、何よりデータと処理をきれいに分離することによりメンテナンス性が向上します。

Comments

[cha-ra]

定義ファイルを動的に作成する、というのは思いつきませんでした。
とても参考になります！

＞それらの値だけを記述する外部JavaScriptをJSPで出力するようにし
これはJSPからJavaScriptファイルを生成する、ということなのでしょうか？
それともJava側で作成するのでしょうか？

＞それとは別に処理を通常のJavaScriptファイルで静的に定義すべきです
今回 c:foreach でループしている箇所はオブジェクトを利用しているのですが、
データ出力してしまう場合、連想配列にするかjavascriptで再度クラス定義しないといけない様な気がするのですが、もっと良い方法などあるのでしょうか？

[miu_ras]

>＞それらの値だけを記述する外部JavaScriptをJSPで出力するようにし
>これはJSPからJavaScriptファイルを生成する、ということなのでしょうか？
>それともJava側で作成するのでしょうか？

私はあなたの「Java側で作成」という言葉ががどうもよく分かりませんので、なんとも言えませんが…。

あなたは私の「JSPで出力する」という言葉の意味が分からないということなのでしょうか？
それは「JavaScriptの内容を出力するJSPファイル」を作成しておいて、
そのJSPへのURLをHTMLのSCRIPT要素のSRC属性に指定して呼び出すという意味です。

>＞それとは別に処理を通常のJavaScriptファイルで静的に定義すべきです
>今回 c:foreach でループしている箇所はオブジェクトを利用しているのですが、
>データ出力してしまう場合、連想配列にするかjavascriptで再度クラス定義しないといけない様な気がするのですが、もっと良い方法などあるのでしょうか？

データの形式や処理内容が一切提示されていないので、一般論でしか答えられませんが、私が「データ」と言っているのは「値」「変数」のことです。通常ならJSON形式で配列もしくはオブジェクト(連想配列)形式で変数を定義するでしょう。

あなたの言う「クラス定義」とはJavaScriptの言葉で言うコンストラクタ定義のことだとは思います。このようなケースでコンストラクタを使う状況が想定できませんが、必然性があるのなら使えばいいと思います。

[cha-ra]

サーバ側で定数をjsファイルとして出力し、それを参照するものと勘違いしておりました。

定数を出力し、値を保持するためのファイルと、
振る舞いのみのファイルと分けると良いということですね。

Answer 2

外部jsは、多画面で使える共通処理（ファンクション）
外部JSPってのは、多画面で使えるコンテンツ

というのが一般認識かと思います。
これを強引に共通jsをJSPにやってしまうと、
それを知らないプログラマが誤認識を起こします。
なので、JSPでJavaScriptの共通化はすべきではないと思います。

Comments

[cha-ra]

後から参加する人に対して、誤解させない為にも使うべきではないということですね。

Answer 3

Javaで以下のような数値の配列があったとして

int n[] = {1, 2, 3, 4};

それをJavaScriptに処理させるために出力するときに

console.log(1);
console.log(2);
console.log(3);
console.log(4);

というようなコードをc:foreachで出力するのではなく、

あらかじめ以下の内容を共通の処理として静的なファイルで用意しておいて

for (var i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

それとは別のファイルに以下の内容だけをc:foreachなどで動的に出力するといい、ということです。

var arr = [1, 2, 3, 4];

Answer 4

アリですしApache Tilesなどの利用方法を見ても常用されています。
（JavaScriptだけでなくCSSファイルなども）
Tilesなどのライブラリを利用することでログイン前、ログイン後でincludeさせるjspを分けることもできますし複数のJSPファイルに分割して条件分岐でincludeさせることもできます。

Comments

[cha-ra]

Tilesは使用したことが無かったので選択肢として浮かびませんでした、ありがとうございます。
もっといろいろなライブラリ利用の方法も検索してみます！