こんにちは。
現在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に戻ってしまいます。
これはいったいなぜなのでしょうか。
お手数をおかけしますが、ご教示いただけますと幸いです。
どうぞよろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/26 05:47
2020/08/26 06:08
2020/08/26 08:41
2020/08/26 08:50
2020/08/26 08:50
2020/08/26 08:51
2020/08/26 08:59 編集
2020/08/27 00:30
2020/12/08 04:35