先生と生徒の会話形式で理解しよう

生徒

「JSPで画面に表示する文章を改行したり、スペースを空けたりしたいんですが、うまく反映されません。何か方法はありますか？」

先生

「いい質問ですね。実はJSPでは、普通に改行やスペースを入れても、HTMLとしては無視されてしまうんです。」

生徒

「えっ！？じゃあどうすればちゃんと表示できるんですか？」

先生

「JSPとHTMLの表示ルールを知れば簡単ですよ！一緒に見ていきましょう。」

1. JSPでは改行やスペースがそのまま表示されない理由

JSP（JavaServer Pages）で出力した文字列は、最終的にHTMLとしてブラウザに送られて表示されます。そのため、JSPファイル内でEnterキーによる改行や、スペースを何個も入力しても、ブラウザ上では見た目に反映されないことがあります。

これはJSPの問題ではなく、HTMLの表示ルールによるものです。 HTMLでは、ソースコード中の改行や連続したスペースは「見た目を整えるための情報」として扱われ、画面表示の際には自動的に1つの空白にまとめられてしまいます。そのため、初心者の方が「ちゃんと改行したはずなのに表示されない」と感じやすいポイントでもあります。

たとえば、JSPで次のように改行して書いても、そのままではブラウザ上で改行されません。


こんにちは
ようこそJSPへ

この場合、画面上では「こんにちはようこそJSPへ」のように 1行で表示されてしまいます。そのため、JSPで改行やスペースを見た目として反映させたい場合は、 HTMLのタグや特殊文字を使って明示的に指示する必要があります。これが、JSPとHTMLを一緒に理解することが大切だと言われる理由です。

2. 改行を表示させるには` `タグを使う

2. 改行を表示させるには タグを使う

JSPで画面上に改行を表示したい場合は、 HTMLの改行タグである   を使うのが基本です。 JSPは最終的にHTMLとして表示されるため、ブラウザが理解できる形で「ここで改行してください」と明示的に指示する必要があります。

  は「ここで行を折り返す」という意味を持つタグで、文章の途中に入れるだけで、その位置で改行が入ります。プログラミング未経験の方でも、「Enterキーの代わりに   を書く」と覚えるとイメージしやすいでしょう。

たとえば、JSPで次のように出力すると、「こんにちは！」と「ようこそJSPへ。」が別の行に表示されます。


<% out.println("こんにちは！<br>ようこそJSPへ。"); %>

この例では、文字列の中に直接   を書いています。 JSPでは、このようにHTMLタグを文字列として出力することで、表示結果を細かくコントロールできます。文章を読みやすく整えたいときは、改行したい位置に   を入れる習慣をつけておくと安心です。

3. スペースを表示するには` `を使おう

3. スペースを表示するには を使おう

HTMLでは、スペースをいくつ入力しても連続して1つにまとめられてしまいます。そのため、複数のスペースを表示したい場合には、HTMLの特殊文字である （ノンブレークスペース）を使います。

たとえば以下のように を複数回使うことで、希望するだけのスペースを表示できます。


<% out.println("Java   JSP"); %>

このコードでは、JavaとJSPの間に3つ分のスペースが表示されます。

4. Javaコード内で動的に改行を挿入したい場合

JSPファイル内で、Javaコードから動的に改行を挿入したいときもありますよね。その場合は、文字列に を連結することで対応できます。


String message = "こんにちは！<br>" + "ようこそJSPへ。";
out.println(message);

このように をJavaの文字列に追加することで、JSPで動的に改行された出力が可能になります。

5. 複数行の文章を出力する方法（テキストエリアのような見せ方）

改行を含む長文をそのまま表示したい場合、<pre>タグを使う方法も有効です。<pre>タグはソース内の改行やスペースをそのまま表示するため、テキストエディタのような表示が可能です。


<pre>
これはJSPの出力例です。
改行も   スペースも
そのまま表示されます。
</pre>

このタグを使えば、HTML側で特別な処理をせずにそのまま表示できます。

6. JSPとHTMLの連携で注意すべきポイント

JSPとHTMLの連携では、以下のようなポイントに注意することで、見た目のトラブルを防げます。

改行には を明示的に使用する
複数のスペースを使うときは を使う
テキストの整形には<pre>タグが便利
Javaコードで出力する際にもHTMLタグを含める

JSPではJavaコードとHTMLの両方の特性を理解することで、柔軟な出力が可能になります。

7. JSTLやEL式と組み合わせた改行処理のポイント

JSPではJSTL（JavaServer Pages Standard Tag Library）やEL式（Expression Language）を使ってデータを出力することもあります。こうした方法で表示する文字列にも、改行を反映させたい場面があります。

たとえばJSTLで改行を出力したいとき、改行コード（\n）を に置換してから表示する方法があります。


<c:out value="${fn:replace(comment, '\n', '<br>')}" escapeXml="false" />

このようにfn:replace関数で改行を に置き換え、escapeXml="false"を指定すればHTMLタグも有効になります。

まとめ

今回の記事では、JSPで改行やスペースを正しく表示する方法を、HTMLの仕様やタグの活用方法とあわせて詳しく学びました。初心者が最初につまずきやすいポイントは、ソースコード上で改行やスペースを入れてもブラウザがそのまま表示してくれないという点です。これはJSPそのものの問題ではなく、HTMLの仕様によるものでした。そのため、HTMLタグを意識して使うことで、見た目を自由にコントロールできるようになります。

特に、改行には タグを挿入するのが基本で、複数のスペースを空けたい場合には を利用するのが効果的でした。また、長文を整形して表示したい場合には<pre>タグを使うと、ソースコード内の改行やスペースをそのまま出力できるという便利さも確認しました。さらに、Javaコード内で動的に改行を追加したい場合には、文字列に を組み合わせて出力する方法も有効です。

実務でよく使うのは、ユーザー入力のコメントやメッセージを整形して表示する場面です。その際にJSTLやEL式を組み合わせ、fn:replaceで改行コードを に置き換える方法を覚えておくと、システム開発の現場でも役立ちます。さらに、Webアプリケーションのフロントエンドでは、見やすさやユーザー体験を向上させるためにスペースや改行の制御が重要になるので、JSPとHTMLを正しく連携させる力が欠かせません。

以下に改めて、基本的な改行とスペースの扱いを整理したサンプルコードを示します。

サンプルプログラム：改行とスペースの出力


<% 
    String message = "こんにちは！<br>ようこそJSPへ。";
    out.println(message); 
%>

<% out.println("Java&nbsp;&nbsp;&nbsp;JSP"); %>

上記の例では、1行目で を利用して改行を表現し、2行目では を3つ連続して使うことで複数のスペースを実現しています。こうした工夫により、静的なHTMLだけでなく動的なJSPの出力においても柔軟に表示をコントロールできます。

プログラミング初心者のうちは、ついコード上の改行やスペースがそのまま反映されると考えてしまいますが、今回の学習で「HTMLの仕様を理解することがJSPの正しい使い方につながる」ということを確認できました。今後は、改行やスペースの制御を正しく使い分けて、見やすいWeb画面を実装できるようになるでしょう。

先生と生徒の振り返り会話

生徒

「先生、JSPで改行やスペースが表示されない理由がようやく分かりました！最初はバグかと思っていました。」

先生

「そうですね。JSPは最終的にHTMLとしてブラウザに解釈されるので、HTMLのルールを理解することが重要なんです。」

生徒

「なるほど！じゃあ改行は必ず を使って、スペースは で制御すればいいんですね。」

先生

「その通りです。さらに長文をそのまま整形したいときは<pre>タグを使うと便利ですよ。」

生徒

「JSTLやEL式でも改行を処理できるのは意外でした。実務でも使えるテクニックですね。」

先生