Shift_JISからUTF-8へのコーディング変換方法

このQ&Aのポイント
  • Dreamweaverで作成したShift_JISコードのHTMLファイルをUTF-8に変換する方法について解説します。
  • Shift_JISでコーディングされたHTMLファイルをUTF-8に変換して移設する際、レイアウトが崩れる問題が発生します。解決する方法として、コードを手動で修正するか、一からUTF-8で作り直すかの選択があります。
  • ブラウザで再度Shift-JISを選択すると表示は正常になりますが、移設先のCMSではUTF-8で作成する必要があります。コードの変換方法についてまとめました。
回答を見る
  • ベストアンサー

Shift_JISでコーディングされたものをUTF-8にして移設したい

Dreamweaverで昔作ったShift_JISコードのHTMLファイルが幾つかあり、それらをHTMLも組み込めるCMS的なシステムに移そうとしたところ、コードをUTF-8で作る必要があったため、 <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> に変更してみましたが、レイアウトが崩れまくってしまいます。 ブラウザで再度Shift-JISを選択しなおすとちゃんと表示されるのですが‥。 これを解決する方法はあるのでしょうか。。それとも一からUTF-8として作り直した方がよいのでしょうか‥。 宜しくお願いします。

  • HTML
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
  • shimix
  • ベストアンサー率54% (865/1590)
回答No.1

#この項、補足要求にします >ブラウザで再度Shift-JISを選択しなおすとちゃんと表示されるのですが‥。 このときには文字化けしているんですよね(HTMLソースの文字コード自体はUTF-8に変換しているんですよね)。まさかmetaタグだけ入れて文字コードがSJISのままとかはありませんね?

ipaqueet
質問者

補足

そのまさかです‥。 metaタグをUTF-8にし、文字コードも恐らくUTF-8にしないといけないのかも‥と思いつつ、検索してもそれらしきものが見当たらなかったので、まずは質問してみようと思いました。 ちなみにShift_JISを選択すると文字化けもせずにきちんと表示されます。 基本的なところができてないのでしょうか‥。よろしければその変換方法などもご教授頂けませんでしょうか‥。

その他の回答 (1)

  • shimix
  • ベストアンサー率54% (865/1590)
回答No.2

たくさんあると何かフリーの変換ソフトでも探さないといけませんが、とりあえずUTF-8で保存できるエディタ(ということは、ほぼすべてのエディタ)でいいんじゃないでしょうか? 気をつけるのは「メモ帳」のUTF-8はBOMが先頭に付いてしまうのでダメなのと、エディタでも「UTF-8(BOMなし)」か「UTF-8N」で保存するくらいでしょうか・・。 私はsakuraエディタを愛用してますが、ソースを開いて「名前を付けて保存」で文字コードをUTF-8にして「BOMを付けない」を選択すればOKです。   http://sakura_editor.at.infoseek.co.jp/

ipaqueet
質問者

お礼

早速のご回答誠にありがとうございます。 テラパッドでUTF-8に変換していましたが、仰るソフトを使ってみました。 結果を申せば残念ながらうまく表示できませんでした。。Shift_JIS をUTF-8に変換したのと同じ結果です。。 しかし今回はShift_JISを選択しても何も表示されないので、恐らくUTF-8には変換できているのだと思います。 難しいのでしょうか‥。がんばってみたいと思います。ありがとうございました!

ipaqueet
質問者

補足

お礼のあとふと思ったのですが、読み込むCSSがShift_JISのままでした‥。これから変換してみようと思います。 ありがとうございました!

関連するQ&A

  • Dreamweaverで「shift_jis」→「utf-8」

    DreamweaverMX2004を使用しています。 以前に文字コードをshift_jisで作ったhtmlを全てutf-8に変更したいと思っています。 これを行う場合、Dreamweaverのコードビュー画面で <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> ↓ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> と直接手で書き換えるだけで、文字コードはDreamweaverが自動的に保存しなおしてくれるのでしょうか? (もしくはメニューの「ページプロパティ」でエンコーディングを変更できるようですが、どちらの方法にしても) また、これをDreamweaverではなく、テキストエディタ(TeraPad等)で行う場合、どのような方法になりますでしょうか。 また、UTF-8でhtmlを作成する際、shift_jisとは別の点で何か注意しなければならないことはありますか? よろしくお願い致します。

  • shift_jisとutf-8

    お世話になります。 先日より文字コードのことで、頭を悩ましています。 サイト制作の時に、フルCSSを目指し、他の人が作っていたCSSを利用してDreamweaverで制作を始めました。 その際、文字コードがutf-8になっていたのですが、ブラウザによっては文字化けしていおり、宣言の部分をshift_jisに変更しました。 この部分です。<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> ちなみにDreamwerverではデフォルトの文字コードはshift_jisなので、わざわざ変更しない限り、制作したページはすべてshift_jisで書かれているようです。 また、使わせてもらったCSSのページには一行目に@charset "utf-8";が入っていたのですが、よくわからないのでこの行をはずしてみたところ、CSSの設定が反映されない部分が出てきました。(これが原因かわかりませんが、この一行を入れると直ったみたいで・・) そこで質問なのですが、HTMLの方ではshift_jis、CSSファイルではutf-8という設定でも別にかまわないのでしょうか?(統一しなくてもいいのか?) また、一行目の@charset "utf-8";を省くと問題がありますか? 統一した方がいい場合は、制作したものをすべてutf-8に(またはshift_jisに)するにはどうしたらいいのでしょうか? 別に統一する必要がなければ今回はこのままにして、次回からきちんとしたものを作って行きたいのですが・・ どうぞよろしくお願い致します。

  • charset=UTF-8なのにShift-JISになっちゃいます!

    <META http-equiv=content-type content="text/html; charset=UTF-8"> と記述して、ブラウザ(IE6)で確認したのですが真っ白な画面になり、ブラウザのエンコードを確認した ところShift-JISになっていました。自動選択にしてもShift-JISになってしまいます。 UTF-8でどうしてもウェブを作りたいのですがエンコードがShift-JISにならない方法を教えていただけないでしょうか? 使っているエディタは秀丸です。

    • ベストアンサー
    • PHP
  • Shift-jisで記述したHTMLをutf-8で保存するにはどうした

    Shift-jisで記述したHTMLをutf-8で保存するにはどうしたらいいですか? 使ってるソフトはez-htmlとFFFTPです。 InternetExprolerでは表示できますが、 他のブラウザでは文字化けしてしまい困っています。 <head>タグの中に、 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> と入力はしてあります。 でも、中身はShift-jisのままでダメだそうで。 ネットで解決策をいろいろ探しましたが、 何が何だかさっぱり分かりませんでした。 こうすればいいというアドバイスをお願いします。

    • ベストアンサー
    • HTML
  • HTMLがSHIFT-JISにならない

    いつもお世話になります<(_ _)> 携帯電話用サイトを作っているのですが、HTMLファイルの最初に <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> と設定しても、PCでアクセスした時にUTF-8で表示され文字化けされてしまいます。 HTML自体の文字コードはSHIFT-JISで保存されております。 手元に携帯電話がないので、まだ携帯表示は確認していませんが、スマートフォン(Android)で見ても文字化けしています。 なぜcharsetでSHIFT_JISを指定し、ファイルもSHIFT_JISで保存しているのにも関わらず、UTF-8になってしまうのでしょうか・・・? 同じような現象をご存じのかた、是非ともお力添え下さい。 宜しくお願い致します<(_ _)>

    • ベストアンサー
    • HTML
  • shift-jisからutf8に変換

    解決に至らなかったので再度お尋ねします。 CGIのコードを見てくださいますか。 http://hotpegasus.bov.jp/mail.txt (必要な部分だけ表示しておりますので、そのままアップしても機能はしません) 改修した箇所は以下のです。 <meta http-equiv="Content-Type" content="text/html;charset=shift_jis"> &jcode'h2z_sjis(*contenido) &jcode'convert(*subject,'sjis'); &jcode'convert(*infor,'sjis'); &jcode'convert(*contenido,'jis'); &jcode'convert(*res_msg,'jis'); print "Content-type: text/html;charset=shift_jis\n\n"; ↓ sjis関連をutf8に書き換え、jcodeの頭文字をJに書き換え <meta http-equiv="Content-Type" content="text/html;charset=utf8"> &Jcode'h2z_utf8(*contenido) &Jcode'convert(*subject,'utf8'); &Jcode'convert(*infor,'utf8'); &Jcode'convert(*contenido,'utf8'); &Jcode'convert(*res_msg,'utf8'); print "Content-type: text/html;charset=shift_utf8\n\n"; require 'jcode.pl'をuse Jcode;に書き換え ※jcode::" となっている箇所はありません 結果 メールフォームはエラーや文字化けは出なくて成功しましたが、メール受信の際、ThunderbirdPortableメーラーでは全て文字化け(文字エンコーディングは「日本語ISO-2022jp」となっています)、ウェブメールのgmailでは内容は文字化けになっていませんが、タイトルが文字化けになっています。 どこが悪かったのでしょうか? 宜しくお願いします。

    • 締切済み
    • CGI
  • charset=Shift_JIS

    4つのhtmlを作成し metaタグを以下のように記述しました。 <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script language="javascript1.2" src="js/openex.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> 2つのファイルが、IEにおいてエンコード(UTF-8)を選択しないと見れません。 オーサリングソフトは、ホームページビルダーV9です。 最初に作成したときは、気づかなかったのですが、設定において ”文字エンコードをmetaタグで指定する”の設定項目を自動にしておりました。 すると 2つのファイルが自動で charsetが、UTF-8になってたようです。 その後設定をSHIFT_JISにし、charset=UTF-8となったところは charset=SHIFT_JIS"には、後で書き換えました。 ページを作成する際、テンプレートを作成して 4つのファイルを作成したはずなんですが、 なぜ こうなってしまったのかが わかりません。 charset=SHIFT_JIS"を指定してるのに なぜUTF-8を選択しないと見れないのでしょう? かなり 困っています。何度もファイルを書き換えましたが、解決しません。わかる方 なにとぞご教示ください。

  • Shift_JISが選ばれてしまう

    韓国語のサイトを作成したのですが 文字コードを「euc-kr」にして作成しました。 しかし、実際にページを開くと「Shift_JIS」 が選ばれてしまい、文字化けが起きてしまいます。 <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> 上記のような記述なのですが 何か問題がありますでしょうか。 また、その他考えられる原因がありましたら 知恵をお借りできれば幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 文字コード変更による、文字化け・レイアウト崩れ

    文字コードをShift-jisからEUC-JPに変更したいのですが、 HTML・CSSに処理を施したら文字・レイアウトが大幅に崩れてしまいました。 以下のように変更したのですがやり方に間違いはないでしょうか? [HTML] <meta http-equiv="Content-Type" content="text/html; charset=Shift-jis"> ↓↓ <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> [CSS] @charset "shift_jis"; ↓↓ @charset "euc-jp"; また、ブラウザの表示⇒エンコードで(Shift_jis)を選択すると今までどおり正常に表示されます。(HTMLとCSSにはeuc-jpの記述にも関わらずです) これは文字コード変更したと思い込んでしまっているのでしょうか? 解決策お願いします。 あまり知識がありませんので、分かり易く教えていただけるとありがたいです。 ちなみにエディタはHTML Project2を使用しています。

  • 「x-sjis」「Shift_JIS」同じ意味?

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=x-sjis"> の「x-sjis」は「Shift_JIS」と同じ意味ですか? 「x-sjis」はIEのブラウザ右クリック→エンコードのどれに該当するのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう