3月に入って6日目…

寒くなったり、暖かくなったりの繰り返しですが、体調はいかがでしょうか？

個人的には早く真夏が来てほしい気分でたまりません…

冬服のお片付けがなかなか進まない…

さてと、話を取り戻して…

なぜ「@charset “UTF-8”;」が必須？

ある中堅企業がほかのブラウザでレイアウト崩れがあり、こっちにクレーム…

その前に、クレームを出す前に誰かの業者に頼んだのか、確認してくれ！

こっちはボランティアでもないし、コンサルティング業ではないので！

ってか、前職で勤めた元同僚の営業マンの人なんです。

営業マンが、他のブラウザを見たら、

「レイアウト崩れが目立つから、原因を突き止めてくれ！」

と依頼…

サイトを検証をしたら、Google Chromeでは正常。

Firefoxを見ても正常。

もしや、Edge？

営業マンにどんなブラウザを見たらレイアウト崩れが起きたのか、確認しました。

Google Chromeだそうだ。

えっ？

Google Chrome？

バージョンアップは済ませたの買って確認したところ、未アップだそうだ…

今は、ver.145.xxxなので、バージョンアップしてくださいと促しました。

ソースを見て、いろいろ検証をしたところ、CSSの中のファイル設定にエンコードの設定がしていなかったかも？

一応、サーバー情報をちょっと借りるのもどうかと思うので、営業マンがファイル一式を頂きました。

ファイル一式を頂いて、解凍してファイルの設定をいろいろ検証しました。

一部が、「Shift-JIS」とかも入り混じってました…

その時のこっちが、完全に凍りました…

（プロの業者さんって、どんな神経してるんやろって思いました…）

CSSにも…

一応、修正して「UTF-8」モードに設定しなおしておきました。

CSSのファイルの冒頭に「@charset “UTF-8”;」に入力。

ローカルホストで確認して、主要ブラウザで崩れないかを確認しました。

しかし、「Safari」のブラウザはWindows非対応なので未検証のまま…

申し訳ない…

これで、無事にファイル一式を営業マンに納品。

費用はって？

そこまで取るわけにはいかないので、無償にしました。

その代わり、飲みに行くときには奢りで！ってことにしました。

なんと、お喜びのお褒めの言葉を返ってきました。

ありがとうって言われる気持ちはいい気分ですね。

さてと、「なぜ、『@carset “UTF-8”;』が必須なのか？」その件についてお話をしよう！

時を遡ること…

そこらへんは長ーくなるので割愛。

簡単に説明すると、

「文字化けを防ぎ、特に日本語などの特殊文字を正しく表示するために必須の指定が必須。」

ということです。

ご理解いただけましたでしょうか？

では、また！