« 引用する | Main | 汎用性の高いテンプレ&スタイル »

コメント文字化けMAC&IE

(まえがき)
この記事は「Macのコメントフォームに文字入力すると文字化けする」というケースの改善策です。閲覧側のMacユーザーのブラウザの設定にかかわらず、一律に文字化けしないようにサイト管理者が対応する、という状況の改善策になっています。
 もともとフォントの文字化けは「MacのIE」ブラウザ設定に依存しているようですので、いちいちCSSを追加したくないばあいの改善策は「Macの文字化け:見る側から」をご参照ください。2004.01.19追記

とりあえずの「コメント文字化けMAC&IE」報告です。
まず、この記事にコメントしてくださった皆様に感謝します。この記事は複数のココログユーザーの善意によって形となりました。もちろん、誤字等の文責はフルカワにあります。

 Mac&IEを使っている場合、コメント欄に文字を入力すると、文字化けするという現象が報告されています。文字化けしても、書き込んでしまえば普通に表示されるようなのですが、入力中に誤字を判読できないのはつらいですね。そこで現時点では、完全なものではないのですが以下のような方法で文字化けを「ある程度」防ぐことが出来ます。

 やり方の基本は、またしても「自作スタイルシートの適用」です。過去記事をご参照ください。→

 要は、コメント入力欄のフォントを指定することで、文字化けを防ごうというものです。自作スタイルシートの下記の太線のような感じに要素を書き加えるか、書き換えるかしてみましょう。

textarea[id="comment-text"] {
width: 80%;
}
#comment-text {
font-family: "ヒラギノ明朝 Pro W6", Osaka, "MS Pゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; }

textarea[id="text"] {
width: 80%;
}

#text {
font-family: "ヒラギノ明朝 Pro W6", Osaka, "MS Pゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; }


 MacOSで読めるフォントを含めることで、文字化けを防ぐことができます。もしこれでもなお文字化けるような事例がありましたら、コメントなりいただけると幸いです。

(注2:以下の記事は当初のリライト記事の文末部にありました)
 MacOSで読めるフォントを含めることで、文字化けを防ぐことができます…「初回入力時」には。そうなんです、現時点でのフルカワは、「投稿確認時の入力フォーム」「エラー時の入力フォーム」の文字化けを修正することが出来ませんでした。上記と同じようなやり方を試してはみたのですが。これらのフォームを規定する、

id="text"

 を修正するやり方では、今のところ文字化けを修正できていないようです。
 引き続き、Macユーザーの皆様のコメントに頼ることになると思いますが、「文字化けがなくなった!」という報告があらわれることを期待してます…。

追記:
 記事をリライトし終わって、cssファイルを確認中に「おそろしいこと」に気づきました…Macユーザーの皆様、今も「確認時フォーム」「エラー時フォーム」で文字化けしますよね??そうであってほしい!(いやそうであるのはまずいんですが)。コメントお待ちしてます…。

(注・以下の記述は当初のものです。コメントも当初以来のものとなってます。)

 ちょっと変則的なポストです。

 「詞織」を見てくださってるMac&IEユーザーのみなさま、よろしければこの記事にコメントをつけていただけないでしょうか?
MacのIEだと、コメントフォームに文字を入力するときに文字化けするという話を聞くのですが、フルカワはWinユーザーなので確認できないのですね。
 「詞織」ではいちおう対応済みなのですが、フルカワ本人が確認できないので、皆様からコメントを頂戴したいと思います。コメントをつけてみて「入力時には文字化けする」「そもそもどこでも文字化けしないぞ」と教えていただけると幸いです。情報が集まりましたら、改めて記事としてリライトしたいと思っています。

|

TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/2005/7457

Listed below are links to weblogs that reference コメント文字化けMAC&IE:

» コメントするときに文字化けするのはなぜだ? [北陸セッション hokuriku-session blog]
マックのIEの設定が悪いんかな?文字設定が日本語自動になってるはずなのに。後で調べてみなくては。 Tatsuya Nakagawa E-mail:GBF01757@nifty.com [Read More]

Tracked on 2003.12.23 at 12:29 AM

» Macで文字化け [KOROPPYの本棚]
ココログを見てくださった方から「コメントしようと思ったんだけど、文字化けしちゃって」というお話がありました。 なんでだろう、コロッピーは大丈夫だったんだけど..... [Read More]

Tracked on 2003.12.28 at 04:49 PM

» Mac 用 IE と UTF-8 [新井 隆浩 WEB トピックス]
Mac 用の IE (Internet Explorer) で charset=UTF-8 のページを表示した場合に、フォームのテキスト入力で文字化けをしてしま... [Read More]

Tracked on 2004.01.19 at 12:01 AM

» 文字化け解消 [EIZO's BLOG]
マックなので今までコメントを付けるのに、わざわざネスケを立ち上げてから書き込みをしていました。めんどうだなと思っていたので検索してみたら、先日からがんばって取り... [Read More]

Tracked on 2004.02.10 at 12:08 AM

» Mac-IEでコメントを書く時の文字化け解消法 [a sweet room :: Blog]
ココログも使っているので、たまに公式サイトの新着一覧から飛んでみたりするんですけど、コメントつけたいな〜と思っても文字化けして諦めることが多々ありました...... [Read More]

Tracked on 2004.02.18 at 10:08 PM

» 誰でも見やすいサイト作成のために! [狂★介ブログ]
みなさん、こんにちは! 今回は「サイト作成」という点に焦点を当てて、色々と考えてみたいと思います。 自分のHPを見てくれる方の中には、視覚障害者・色弱者の方がい... [Read More]

Tracked on 2004.03.09 at 11:40 AM

» Macの文字化け。 [深い雪]
そんな話どっかで聞いてたけど 誰も言ってないので、ほっといたら・・言われた とい [Read More]

Tracked on 2004.05.20 at 05:27 PM

» ココログ、コメント時の文字化け [デルログ]
前々から、コメントが文字化けするというクレームは受けていたのですが、どうやらMa [Read More]

Tracked on 2004.07.11 at 11:50 PM

» スキン編集♪【Mac&IE文字化け】 [海と空と独り言]
先日Macユーザーの方がコメントしようとしたところ文字化けして しまうとのこと。なんでだろうぉ~とほぼ聞き流していた状態。 (HISAさん、ゴメンナサイ!)... [Read More]

Tracked on 2004.08.03 at 11:39 PM

» mac+IEで文字化け.[2] [P-net. - Diary -]
ということで,表示確認してもらいました. ( kamiko さん,ありがとうござ... [Read More]

Tracked on 2004.09.10 at 02:13 AM

» コメント文字化けMAC&IE [ヨセヤマ ドット ジェイピー]
mixiのマイミクシィーの方から、MAC環境のIEからの書き込みで文字化けすると... [Read More]

Tracked on 2004.10.08 at 02:25 PM

» コメント入力時に文字化け [Anzu from Los Angeles]
そろそろブログのカスタマイズも終了・・と思っていたら、なんとコメントを入力した後... [Read More]

Tracked on 2004.10.15 at 04:28 PM

» IEの文字化け [yoblog]
MacのIEで、コメントエリアが文字化けしちゃうのを直しましたよ。 (参照:詩織... [Read More]

Tracked on 2005.02.19 at 12:40 AM

» 文字化け対策 [THE HIDdEn WEBLOG]
“このブログに Mac OS 9 の Internet Explorer からコ... [Read More]

Tracked on 2005.09.14 at 11:30 PM

» MacのInternetExplorerでご意見やご質問を書く欄の文字化けが発生していた問題を修正しました [吉田印刷所/特売プレス 更新情報blog]
MacのInternet Explorer(IE)でご感想やご質問を書く欄にて表示上の文字化けが発生していた問題を修正いたしました。 今までご不便をおかけしまして大変申し訳ございませんでした。 »補足 なお、原因はMacのInternet Explorerが当社ブログを表示する際に使用している文字コードのUnicode(UTF-8)の標準フォントに和文フォントが適切に設定されないために発...... [Read More]

Tracked on 2005.11.05 at 05:11 PM

» コメント欄の文字化けを改善 [はっさくノート]
 コメント欄に書き込みが出来ないと、友人Nからの苦言を受けて、さっそく調べ回してみた。  『詩織』さんの「コメント文字化けMAC&IE」をやっとこさ見つけ出し、穴の開くほど見つめ、眉間のしわが元に戻ら... [Read More]

Tracked on 2006.01.06 at 03:28 PM

» soft-core ass natural big tits [soft-core ass natural big tits]
soft-core ass natural big tits [Read More]

Tracked on 2007.04.20 at 07:48 AM

» Tramadol hcl. [Tramadol.]
Tramadol. Ultram tramadol. Tramadol com. [Read More]

Tracked on 2007.05.14 at 10:28 AM

» Buy phentermine. [Buy phentermine.]
Buy phentermine. [Read More]

Tracked on 2007.05.29 at 03:39 AM

» Fioricet. [Fioricet.]
Fioricet. [Read More]

Tracked on 2007.06.15 at 03:03 AM

» Buy valium c.o.d.. [Buy valium online.]
Buy valium c.o.d.. [Read More]

Tracked on 2007.07.09 at 09:35 PM

» Buy valium online. [Buy valium with mastercard.]
Buy valium with mastercard. Buy xanax valium online florida. Buy valium. Valium online discount valium buy valium. Beamto buy link online valium pharmacy forum. Buy valium online. Buy valium without prescription. [Read More]

Tracked on 2007.07.10 at 05:20 AM

» Levitra. [Levitra.]
Viagra cialis levitra buy cheap cialis buy ciali. Levitra. Buy levitra online. [Read More]

Tracked on 2007.08.04 at 07:10 AM

Comments

コメント本文のところが化けています。
[id="comment-text"]を省いてもいいんじゃないかと思ったりしてます。

Posted by: MAX | 2003.12.05 at 12:30 PM

Mac OSX10.2.8 IE5.2
で描き込みます。
って入力してるソバからコメント本文が化けてますね。

Posted by: KEIMA | 2003.12.05 at 12:42 PM

Mac OS X 10.2.8 IE5.2.3ですが、
同じく入力中に文字化けしますね。

Posted by: ぞうさん | 2003.12.05 at 08:27 PM

Maxさん&KEIMAさん、コメントありがとうございます。
ご意見を参考に、もう一度修正を入れてみました。引き続きMac&IEユーザーさまのコメント報告をお待ちしてますー。

Posted by: フルカワマサユキ | 2003.12.05 at 08:34 PM

おっと、ぞうさんもありがとうございます!(コメントしてもらった直後に修正しちゃったかな)

Posted by: フルカワマサユキ | 2003.12.05 at 08:35 PM

再び書き込みます。
今度は化けていません。

Posted by: KEIMA | 2003.12.05 at 09:27 PM

おおっ!
キャッシュファイル捨ててからやってみたら、文字化け直ってます。やった〜。(^-^)
わたしのとこも直してみます。

今、確認ボタン押してみたら、そっちの方のtextareaは文字化けしてますね。(^_^;
まあいっか。

Posted by: ぞうさん | 2003.12.05 at 09:56 PM

こんばんは!
ぞうさんのところから、飛んできました。
こちらでは、文字化けしません。
どこでも、そうなるといいんですが、どこでも文字化けしないようになるのでしょうか?
今後ともよろしくお願いいたします。

あ、ですが、確認画面では、思い切り文字化けしてました・・・。
見当変換です。

Posted by: kazami | 2003.12.05 at 10:01 PM

KEIMAさん&ぞうさん&Kazamiさん、コメントありがとうございます。
 情報を受けて更に修正を加えてみました。これで確認画面のtextareaも文字化けしない…はず。

Posted by: フルカワマサユキ | 2003.12.05 at 10:15 PM

どれどれ。
テストです。
こちらもリンクさせていただきます。
よろしくお願いいたします。

あ!ダメでした。文字化けしています。

Posted by: kazami | 2003.12.05 at 10:21 PM

Kazamiさん、ありがとうございます。
 再度再度修正を加えてみました(なんだかすごいスパイラル…)。

Posted by: フルカワマサユキ | 2003.12.05 at 10:37 PM

当方、macOS9.2.2+IE5.1です。
最初のフォームの方では化けませんが
確認ボタンを押した後のフォームの中が
文字化けしております。
あと、メアドや名前を入れ忘れたときの画面も同様です。

Posted by: ShakaWa | 2003.12.06 at 03:38 AM

shakawaさん、ありがとうございます。
 入力忘れ時の画面を失念してましたので確認しました。確認画面と入力忘れ時の画面の修正を同じようにほどこしてみました。

Posted by: フルカワマサユキ | 2003.12.06 at 03:55 AM

初めまして。本当はmacユーザーの者です。(笑)

スタイルシートいじれば色々できるんですねぇ。
勉強になるなぁ…と、感心して見させてもらいました。
でも、さっぱしわからんちんです。(汗)
まー、今はどっちみち勉強するまでの時間がないんです。

とりあえず「参考リンク」として
リンクさせてもらいましたので、宜しくお願いします!

Posted by: makumaku | 2003.12.06 at 02:06 PM

こちらMacOS10.3.1+IE5.2.3で来てみました。裏技?でお世話になっているのでご恩返しというか……。
で、やっぱり文字化けしますね、コメント本文入力欄。

Posted by: ぼて猫 | 2003.12.06 at 04:51 PM

はじめまして。
ぞうさんのところにもコメントさせていただいたのですが、
スタイルシートに

textarea {
font-family: "ヒラギノ明朝 Pro W6", "Osaka", "MS Pゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
}

の一文を加えてみてはどうでしょうか。
これでMac IEの文字化けが回避できると思うのですが。

Posted by: 飛白 | 2003.12.06 at 07:59 PM

makumakuさん、ぼて猫さん、飛白さん、コメントありがとうございます。

>ぼて猫さんのところで文字化けするのは、最初の「コメント本文」入力フィールドでしょうか?それとも確認時とかエラー時のフィールドでしょうか?教えていただけるとさいわいです(前者なら今までの試行が全部くつがえるので…)

>飛白さんに具体的な記述を書いていただきましたので、現状でのフルカワの記述も書いておきます。
フルカワはcssに

textarea[id="comment-text"] {
width: 80%;
}

#comment-text {
font-family: "ヒラギノ明朝 Pro W6", "Osaka", "MS Pゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
}

textarea[id="text"] {
width: 80%;
}

#text {
font-family: "ヒラギノ明朝 Pro W6", "Osaka", "MS Pゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";

 としています。

 飛白さんの記述で全てのフィールドで文字化けが起こらない場合、最初にMAXさんがコメントされたように、単にtextareaの[id="comment-text"]をはずした方がいいのかもしれませんね。

Posted by: フルカワマサユキ | 2003.12.06 at 08:09 PM

すみません。先程は、はじめのコメント本文入力欄、エラー時、確認時と、三ヶ所とも化けた状態でした。
今は、はじめの入力欄は文字化け無しで入力できてます。エラー時と確認時は化けているようです。

Posted by: ぼて猫 | 2003.12.06 at 08:36 PM

ぼて猫さん、レスありがとうございます。
 だんだんしぼられてきたようですね。…でもフルカワの技術力では、初手のコメントフォームしか修正できないようです^^;
 とりあえず最初の文字化けだけを直すという目的で、記事のリライトをはじめたいと思ってます。

Posted by: フルカワマサユキ | 2003.12.06 at 08:55 PM

OS X 10.31 IEでコメント中。
問題なし。

名前、メアドは、ヒラゴシ表示
コメント本文は、ヒラ明表示。

http://kplus.air-nifty.com/index/
ここの管理者、PS−Xさんの紹介です。

Posted by: ME | 2003.12.07 at 09:57 PM

MEさん、コメントありがとうございます。
フォーム要素でフォントが異なっているのですね。統一するように修正をかけてみたいと思います。

Posted by: フルカワマサユキ | 2003.12.08 at 03:10 AM

現時点での報告です。
フルカワは既存のスタイルシートにある
textarea[id="comment-text"]
を自作スタイルシートで上書きするため、同じ書式で複数のtextareaスタイルを指定してます。
なので、このやり方の場合すべてのフォーム内の書式を同じにするためには
textarea[id="comment-text"]
#comment-text
textarea[id="text"]
#text
textarea[id="author"]
#author
textarea[id="email"]
#email
textarea[id="url"]
#url

 …の、すべてのスタイルを書く必要があると思われます。
 めんどいよ!(誰へのツッコミなのやら)

Posted by: フルカワマサユキ | 2003.12.11 at 09:12 PM

既に一段落した観がありますが、
僕もこのCSS使ってみたいのでポストさせてください。
OS9.4 IE5.0

「コメントを書く」OK
「確認」OK
です〜

Posted by: なお、 | 2003.12.17 at 05:32 PM

なお、さん、コメントありがとうございます。
全てのケースでの文字化け防止を求めるならば、やはり「邪道」といわれますがサブタイトル欄への記入が一番確実かつ簡単なようですね。

Posted by: フルカワマサユキ | 2003.12.18 at 02:29 AM

前出(12月7日)のMEです。
現在の環境
OS X 10.2.8 & IE 5.2.3(エンコード:UTF-8)
前回の環境では、確かに確認画面で文字化けがしてたのを、ほかのサイトで確認しています。

IEの初期設定のエンコードの部分を
日本語(自動判別)から、UTF-8にしてコメントを書いてます。
MTにしてもTypePad系のココログもUNIXがベースとなっているため、使うユーザー、見るユーザーもブラウザのエンコードを変える必要があると名前は忘れましたが何かの本に書いてありました。

今、確認画面で書いていますが、どうやら直っているようです。

Posted by: ME | 2003.12.19 at 08:33 AM

MEさん、コメントありがとうございます。
ユーザーがブラウザのエンコードを「自動判別」以外に(そしてUTF-8以外に)している場合、コメント欄の文字化け以前にこのサイト全体が読めないと思うのです。なので、フォーム欄の文字化けとエンコード指定にどの程度関連性があるかは、よくわからないですね。

記事はとりあえずリライト完了して、スタイルシートに付け加えればすぐ使えるような内容になっていますので、お試しいただければ幸いです。

Posted by: フルカワマサユキ | 2003.12.19 at 09:04 AM

いろいろ参考にさせていただきました。
おかげさまで自分のブログでもMacOSでの文字化けを回避することができました。

>サブタイトル欄への記入が一番確実かつ簡単なようですね。

そうですね、僕の場合には「簡単」というのがなによりで、その敷居の低さがとても参考になりました。

どうもありがとうございました!
今後もちょくちょく訪問させていただきます~

Posted by: なお、 | 2003.12.20 at 01:52 AM

なお、さん、コメントありがとうございます。そのお言葉で癒されます^^;

Posted by: フルカワマサユキ | 2003.12.20 at 02:25 AM

はじめまして。MAC文字化けということで参考にさせていただいています。まだ解消されてはいませんがあきらめずにがんばりたいです。
MACOS:8.5.1
IE:5.1

Posted by: プックル | 2004.03.21 at 10:46 PM

初夢とは、一般的にはその年最初に見る夢のことを指す。

Posted by: xasa | 2004.04.24 at 09:31 PM

はじめまして。
普段はwinを使用してますが、放っておいた
macもいじってみたところ文字化けしたので
こちらの記事を参考にさせていただきました。
ありがとうございます(^^)
トラックバックさせていただきました。

Posted by: -hiromi-洋海 | 2004.08.03 at 11:46 PM

IE5です
ホントだ。こちらでは化けませんね。
コメント確認も化けてませんし。凄いです!

Posted by: あづさ | 2005.02.13 at 03:38 PM

こんにちは。
Mac OS8.1 で IE5.1.7をインストしました。
旧 IEは快調でしたのですが、5.1.7にしたところコメント入力時に文字化けが生じ入力そのもののがまったく読めなくなってしまいました。NS4.7で見ていますが、NSも画面上文字化けするものとしないものがあります。
ATOK13を使用しています。できるだけ IEを使いたいのですが、入力の文字化けを克服したいです。どうか教えてください。名前も文字化けし始めました。9

Posted by: ÇØÇ¢ | 2005.04.15 at 06:41 PM

ÇØÇ¢ さん、こんにちは。

 まず私はMACユーザーではないので(触ったこともない)、具体的な経験がないことをご承知ください。

 で、MACのIEですと他の方のお話のように、まずIE側でフォントを指定しているようですので

「Macの文字化け:見る側から」
http://siolli.cocolog-nifty.com/blog/2004/01/mac_1.html

をチェックしていただけますでしょうか。ここでフォント指定しなおせば復旧する可能性が高いと思います。それでも文字化けが生じる場合、この記事で報告しているように強制的にフォントを変える必要があるかもしれません。

Posted by: フルカワマサユキ | 2005.04.16 at 08:11 AM

UTF-8で書かれたHTMLがMac のIE5.2 のtextfieldなどで文字化けする現象をなんとかしようと検索していたらこのサイトにたどりつきました。おかげでいいヒントをいただき問題を解決できそうです。

Posted by: kaki | 2005.10.29 at 09:20 PM

Oh, there is such a thing ! It is really too interesting. Heartily! I come to China, welcome to come to China to play, I will become your guide then.

Posted by: エアーベッド | 2005.12.26 at 06:12 PM

Hey bruce i recived your batteries in great working order thanks! !I like it !thank you very much!

Posted by: 医療用品 | 2005.12.26 at 06:15 PM

はじめまして。ブログを始めて一ヶ月足らずの新米です。いつも分からない事がある度にお邪魔しています。詩織さんや他の方々が遥か昔に開拓された道を、今頃ヨチヨチ歩き(いや、ヨタヨタ?)し始めた所で、かなり前のバックナンバーをトラックバックさせて頂きました。スミマセン(;^.^A
 

Posted by: 刈野愛子 | 2006.01.06 at 03:45 PM

Post a comment