質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

文字コード

文字コードとは、文字や記号をコンピュータ上で使用するために用いられるバイト表現を指します。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

Q&A

解決済

2回答

5799閲覧

Eclipseの文字コードが切り替わらない

ypk

総合スコア83

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

文字コード

文字コードとは、文字や記号をコンピュータ上で使用するために用いられるバイト表現を指します。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

0グッド

0クリップ

投稿2020/08/26 05:13

編集2020/08/26 08:52

こんにちは。
現在Eclipseでソースコードを書いています。

文字化けに苦しんでいるため、何か気になることなどございましたらご教授いただければ幸いです。どうぞよろしくお願いいたします。

現在下記のソースコードにて文字化けが発生しています

JSP

1<!DOCTYPE html> 2<meta charset="UTF-8"> 3<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> 4 5<!-- JS, Popper.js, and jQuery --> 6<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> 7<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> 8<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> 9 10<link rel="stylesheet" href="entire.css"> 11<link rel="shortcut icon" href="image.png"> 12<nav class="navbar navbar-icon-top fixed-top navbar-expand-lg navbar-dark bg-secondary"> 13 <img class="img-logo" src="image.png" > 14 <a class="navbar-brand nav-link" href="#">書籍管理システム</a> 15 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 16 <span class="navbar-togagler-icon"></span> 17 </button> 18 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 19 <ul class="navbar-nav mr-auto"> 20 <li class="nav-item"> 21 <a class="nav-link hover opa text-light" href="#"> 22 <i class="fa fa-envelope-o"> 23 <span class="badge badge-scarlet text-white">i</span> 24 </i> 25 書籍情報管理 26 </a> 27 </li> 28 <li class="nav-item"> 29 <a class="nav-link disabled" href="#"> 30 <i class="fa fa-envelope-o"> 31 <span class="badge badge-warnings"></span> 32 </i> 33 ユーザー情報管理 34 </a> 35 </li> 36 <li class="nav-item"> 37 <a class="nav-link disabled" href="#"> 38 <i class="fa fa-envelope-o"> 39 <span class="badge badge-warning"></span> 40 </i> 41 書籍情報一覧 42 </a> 43 </li> 44 <li class="nav-item"> 45 <a class="nav-link hover opa text-light" href="#"> 46 <i class="fa fa-envelope-o"> 47 <span class="badge badge-scarlet text-white">i</span> 48 </i> 49 ログアウト 50 </a> 51 </li> 52 </ul> 53 </div> 54</nav> 55<body> 56<div class="container"> 57<div class="row"> 58<div class="col-12"></div> 59<div class="col-12"></div> 60</div> 61<div class="row "> 62<div class="col-lg-4 col-sm-12"> 63<img class="img-book mx-auto d-block" src="thick-book_illust_3551.png" > 64</div> 65<div class="col-lg-8 col-sm-12"> 66<table class="table"> 67 <tbody > 68<tr class="row"> 69 <th class="col-3" >書籍名</th> 70 <td class="col-9">ああああああああああああああああああああああああああああああああああああああああああああああああああ</td> 71 </tr> 72<tr class="row"> 73 <th class="col-3" >出版社</th> 74 <td class="col-9">あああああああああああああああああああああああああ</td> 75 </tr> 76<tr class="row"> 77 <th class="col-3" >著者</th> 78 <td class="col-9">あああああああああああああああああああああああああ</td> 79 </tr> 80<tr class="row"> 81 <th class="col-3" >メインジャンル</th> 82 <td class="col-9">ああああああああああ</td> 83 </tr> 84<tr class="row"> 85 <th class="col-3" >サブジャンル</th> 86 <td class="col-9">ああああああああああああああ</td> 87 </tr> 88<tr class="row"> 89 <th class="col-3" >発行日</th> 90 <td class="col-9">YYYY/MM/DD</td> 91 </tr> 92<tr class="row"> 93 <th class="col-3" >価格</th> 94 <td class="col-9 text-right">¥999,999</td> 95 </tr> 96 <tr class="row"> 97 <th class="col-3" >冊数</th> 98 <td class="col-9 text-right">999</td> 99 </tr> 100 <tr class="row"> 101 <th class="col-3" >内容</th> 102 <td class="col-9">ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td> 103 </tr> 104 </tbody> 105</table> 106</div> 107</div> 108</div> 109<div class="container"> 110<div class="row"> 111<div class="col-12"> 112<button type="button" class="btn btn-outline-success migi">戻る</button> 113</div> 114</div> 115</div> 116</body>

文字化けの原因を探ろうと、以下のことを行いました。

・制御文字の確認
・Eclipseの文字コードの変更

制御文字の確認はこちらのサイトで行いました。
https://www.submit.ne.jp/tools/check

しかし文字化けは解消されなかったためEclipseのこちらの個所を確認し変更しようとしました。これがUTF-8になっていないために文字化けを引き起こしていると考えたからです。

イメージ説明

イメージ説明

イメージ説明

しかし、どういうわけか、何度設定してもOKボタン押下後にUTF-8が解除され、文字コードがwindows-31jに戻ってしまいます。
これはいったいなぜなのでしょうか。
お手数をおかけしますが、ご教示いただけますと幸いです。
どうぞよろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

以下の設定の値はどうなっていますか?
「設定 > 一般 > ワークスペース」の「テキスト・ファイル・エンコード」

イメージ説明

ここで設定しても、現在のファイルはwindows-31jで保存されたものになりますので、
UTF-8でファイルを開いて、文字化けを直して保存しなおす必要はあると思います。

投稿2020/08/26 05:31

root_jp

総合スコア4666

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ypk

2020/08/26 05:47

ご回答ありがとうございます。 設定については写真で示してくださった通りになっています。そのため、 >UTF-8でファイルを開いて、文字化けを直して保存しなおす必要はあると思います。 を実行してみようとしましたが文字化けが解消されません。お手数をおかけいたしますが。上記のやり方について、もう少し詳しく教えていただいてもよろしいでしょうか。 私の解釈で以下のことを行いました。(文字化けは解消されていません) ①Eclipseに実行時文字化けしてしまうJSPのソースコードをコピーしTerapadにペースト ②こちらのサイトを参考に文字コードをUTF-8に変換、保存 http://www.ofuton.info/web/terapad03.html ③一度ペーストしたTerapadを閉じて再度開く。ソースコードをコピーして再度Eclipseに貼り付け
root_jp

2020/08/26 06:08

https://qiita.com/wbspry/items/8084998d5e4e8108c6a4 にかかれている箇所は全て確認して、UTF-8になってたんですね? Eclipseは、さらにファイル毎に指定をする事もできます。 該当のファイルを右クリックして、「プロパティ」を見てください。 それもUTF-8になっているならば、まずは普通のテキストエディタで該当ファイルを開きましょう。 terapadでもいいです。 この時はWindows-31jで開かれて、文字化けも起こっていない状態だと思います。 そこでテキストを全選択してコピーします。 次にEclipseで該当のファイルを開きます。 設定が間違っていなければ、Windows-31jで保存されたファイルをUTF-8として開いている状態になります。 そこに、先程コピーした内容で全て上書きましょう。 それを保存をすれば、UTF-8として保存されると思います。
ypk

2020/08/26 08:41

ありがとうございます。 >それもUTF-8になっているならば、まずは普通のテキストエディタで該当ファイルを開きましょう。 UTF-8になっていたのでテキストエディタで該当ファイルを開いてみたところどういうわけか、UTF-8Nという文字コード指定で開かれました。 そして、Eclipseに上書きしてみたのですがやはり文字化けをしてしまいますね、、、、
root_jp

2020/08/26 08:50

UTF-8Nは「BOMなしUTF-8」なのでそれでいいです。 windows-31jに戻ってしまうとありましたが、テキストエディタで開いてUTF-8Nになっているなら、 戻されていませんね。 1つ確認なのですが、文字化けというのはEclipseのエディタ上で起きているのか、ブラウザ上で起きているのかどちらなんでしょうか?
ypk

2020/08/26 08:50

写真を追加しました、申し訳ございませんが、ご参考にしていただければ幸いです。自分ももう少し考えます、、、
ypk

2020/08/26 08:51

>1つ確認なのですが、文字化けというのはEclipseのエディタ上で起きているのか、ブラウザ上で起きているのかどちらなんでしょうか? ブラウザ上で文字化けは起きてしまいますね、、、、
root_jp

2020/08/26 08:59 編集

EclipseのエディタではUTF-8で開かれていて、文字化けしていないということでいいですね? レスポンスのContent-Typeヘッダーには何を指定して出力しているか分かりますか? 具体的にはサーバー側の処理で、response.setContentType("text/html; charset=UTF-8"); のようになっていますか? してなければ、してみてください。
ypk

2020/08/27 00:30

連絡が遅れてしまい申し訳ございません。 <!DOCTYPE html>の上に下記のソースコード <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> を追加し <meta charset="UTF-8"> を削除してみたところ無事に文字化けが解消されました。 どうやら私が、jspファイルであるにも関わらずhtmlで用いるような文字コード指定をしてしまっていたことが要因のようです。 長い間お付き合いくださりありがとうございました 今後ともよろしくお願いいたします。
Ippei333

2020/12/08 04:35

私も同じ状況にありましたcharsetという英字の誤入力でした。焦った焦った。
guest

0

プロジェクト自体の文字コード設定を継承しているかもしれませんので、
プロジェクト自体の文字コードを確認してください。

投稿2020/08/26 05:16

m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ypk

2020/08/26 05:32

ご回答ありがとうございます。 早速、こちらのサイトを参考にしてプロジェクトの文字コードをUTF-8に変更してみたのですが文字化けは解消されませんでした、、、、 https://qiita.com/wbspry/items/8084998d5e4e8108c6a4
m.ts10806

2020/08/26 05:43

あとは、プログラムファイルを作りなおしてみるとかですね。
m.ts10806

2020/08/26 05:44

もしくはプロジェクト自体を作りなおしてみる。
ypk

2020/08/26 05:55

なるほど、、、、一応、プログラムファイルは削除してみて作り直したりはしているのですが結果は変わらずですね、、、、プロジェクト自体の削除も最悪考えようかなと思います、、、、
m.ts10806

2020/08/26 05:57

プロジェクト自体の削除は移行が済んでからで良いと思います。 プロジェクトの設定って結構根強い影響と依存を持っていることがあるので、整合性取るのは一筋縄ではいかないときもあります。 案外、PCとかEclipse再起動したら反映されていたりするときもありますね。 なので、設定って結構慎重にやらないといけません。
ypk

2020/08/26 06:07

なるほど、、、そうなのですね、、、!ご丁寧にありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問