CGIで日本語表示させる方法と文字化けの原因

2023/07/07 09:54

このQ&Aのポイント

PerlのCGIで日本語を表示する方法を理解していない場合に、文字化けが起きることがあります。
CGIのフォームからデータを送る際にUTF-8でエンコードされているか確認しましょう。
ブラウザでテキストエンコーディングを修復する必要がないようにするには、適切なContent-Typeと文字エンコーディングを指定する必要があります。

CGIでUTF-8指定しても printで文字化け

お世話になります。 PerlのCGIに日本語を表示させる方法を理解していないみたいです。 <body> <form ACTION="obd.cgi" METHOD="GET" TARGET="_parent" NAME="kensaku"> <input type="checkbox" name="shinsei_jikan" id="ryoukai1" /> チェック1　 <input type="checkbox" name="soushin" id="ryoukai2" /> チェック2 <a href="ueber_OBD.shtml"> <input type="image" src="../../images/button/OBD_durch_CASPA.jpg" width="380" height="206" name="button1"> </a> </form> </body> という簡単なフォームから、テキストエディタで作製したCGI #!/usr/bin/perl use strict; use CGI; my $cgi = CGI->new; my $checkbox1 = $cgi->param('shinsei_jikan'); my $checkbox2 = $cgi->param('soushin'); # チェックボックスの状態を確認 if ($checkbox1 && $checkbox2) { # 両方にチェックが入っている場合の処理 print $cgi->redirect('show.html'); } else { # チェックが入っていない場合のエラーメッセージを表示 print $cgi->header('text/html'); print <<HTML; <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>エラー</title> </head> <body> <p> </p> <table width="80%" border="0" align="center" cellpadding="5"> <tr> <td>2つの確認事項にチェックを入れて送信して下さい。</td> </tr> </table> <p> </p> </body> </html> HTML } にデータを送ると、チェックボックス2つにチェックを入れなかった場合に表示されるようにした日本語文が文字化けしてしまいます。 CGIはUTF-8で保存してあるのでソースでも <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> というタグを入れてあるのですが、なぜでしょう？ブラウザで「表示」メニューから「テキストエンコーディングを修復」(Mac版Firefoxの場合)を選べば正しい日本語になるのですが、一般の利用者さんにこれをやって下さいと言うのはナンセンスなのでこんなことをしなくても誰にでも正常に表示されるようにしたいのですが、どうしたら良いでしょう？ご教示いただきたく、どうかよろしくお願い致します。

R4-D4
お礼率100% (81/81)

CGI
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

iyonohanamuko
ベストアンサー率54% (6740/12373)

2023/07/07 10:04 回答No.1

Perlスクリプトの先頭に、文字エンコーディングを指定する行を追加してみてはいかがでしょうか？ use utf8; use open ':std', ':encoding(UTF-8)'; あとは、 print $cgi->header('text/html; charset=UTF-8'); ↓↓↓↓↓ print $cgi->header(-type => 'text/html', -charset => 'UTF-8'); <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> これは<meta>タグでのエンコーディング宣言を送信する前に、Content-Typeヘッダを使用してエンコーディング情報を自動的にUTF-8に変更し、送信することかと存じます。

質問者