文字コードと改行コードを理解していますか

アフィリエイト初心者講座：TOP PAGE » 文字化けは文字コードと改行コード » 文字コードと改行コードを理解していますか

文字コードと改行コードを理解していますか

あなたは、ブログのユーザビリティについて考えたことがありますか…？

どんなに見栄えの良いデザインやレイアウトだとしても
訪問者に分かりやすくストレスを与えないようにサイト内を
誘導できなければ結果を出すことは難しいと思います。

２回に渡って書いた「ブログ内を上手に誘導できていますか」は
いかがでしたでしょうか…？

書いている記事だけを見れば、面倒だなぁって思うのかもしれませんが
その事に関係する前後の動作を訪問者がどうするのかを考えれば
面倒だの言ってられないことに気付くと思います。

ホームページやブログを見たり、知人から貰ったファイルを
開けたりした時に文字化けしてた事ってありませんか…？

なぜ文字化けをするのか

ネットサーフィンをしていて、ホームページやブログが文字化けで
何が書いて有るのか分からないって経験がありませんか…？

友人からテキストファイルを貰ったけど文字化けでまったく読めない
ネットでダウンロードしたファイルがこれまた文字化けで読めない

こんな経験をされた人、多いと思います。

これは、作る側と見る側の文字コードと改行コードが違うために起こる現象です。
文字コードと改行コード、何のこっちゃ！と思う人が多いと思います。

以前は、機種依存文字も文字化けの要因に含まれていたのですが
現在、機種依存文字はユニコードで定義され普通に使えるようになりました。

■ 機種依存文字とは
マル囲いの数字やアラビア数字、メートルや株式会社を１文字分のスペースで
表示する文字の事をこう呼んでました。

インターネットでの文字化け

インターネット上で使う文字コードには、以下の文字コードがあります。

Shift_JIS

EUC-JP

UTF-8

ホームページのソースを見ると、どの文字コードで書かれているか分かります。
ウィンドウズの方は、ホームページ上で右クリック⇒ソースの表示をクリックすると
ソースが表示されます。ソースの上部にこんなメタタグがあります。

赤色の部分が文字コードの宣言です。
この場合だと、宣言したとおりに Shift_JIS コードで書かなければ成りません。

どうやって書くのって思いませんでしたか…？

ウインドウズをお使いであれば Shift_JIS コードは、何も考えなくて大丈夫です。
ノートパッド（メモ帳）やワードで保存した文書は、 Shift_JIS コードで保存されます。

他の文字コードで保存する場合は、複数の文字コードが扱えるテキストエディタが必要です。

ホームページやブログを見る場合は、ブラウザでの文字エンコーティングの設定を
自動判別に設定しておけば、ブラウザが勝手に判別してくれるので文字化けは
起こりにくいのですが、たま～に有るんですよ…

手動で設定しても文字化けするサイトが…

推測なのですが、同一ページ内に複数の文字コードが混在していると思うンです。
フリーのスクリプトとか、ブログパーツをを貼り付けた時に起こるみたいですね。

ホームページをご自身で作ろうと思ってる人は、文字コードには注意して下さい。

もらったファイルが文字化け

ネットからダウンロードしたファイルが読めない、貰ったデータが読めない…
あなたもこんな経験があると思います。

■ 基本的に使うパンコンのＯＳが違うと文字コードと改行コードが異なります。

OSによる文字コードと改行コード
Windows	Mac os10	Mac	Unix
Shift_JIS	EUC-JP	Shift_JIS	EUC-JP
CR+LF	LF	CR	LF

表を見ても分かるようにそれぞれ違いますよね･･･
Mac は os10 から Unix ベースのＯＳになったので Unix と同じです。

文字コードも違う、改行コードも違うわけだから文字化けしても当然ですよね…
なんとなく分かりますか…？

渡すデータを文字化けさせないためには

ウィンドウズ環境の場合は、ノートパッド（メモ帳）やワードでファイルを保存すると
このデータは、文字コードがShift_JIS 、改行コードが CR+LF で保存されます。

このデータをマックで見ても文字化けを起こすわけです。
反対にマックで作ったデータはウィンドウズでは文字化けを起こすわけです。

じゃ、他のＯＳ環境の人にデータを渡すときはどうすればいいの…？
簡単です！渡す相手のＯＳ環境に合わせたデータを作れば大丈夫です。

フリーで全ての文字コードと改行コードが扱えるテキストエディタがあります。

わたしが HTML や CSS を書くときに使ってるエディタで、TeraPadと言います。
ベクターでダウンロード出来るので、必要だって思ったらダウンロードして下さい。

http://www.vector.co.jp/soft/win95/writing/se104390.html

これは、アフィリエイトではありません（笑
ベクターのフリーソフトのコーナーでダウンロードできるフリーソフトです。

マック環境の方には、mi（ミミカキエディット）というエディタがあります。

ミミカキプロジェクト

他にもあると思うので、あなたが使い易いと感じるエディタを探してください。
なぜ、テキストエディタの利用を勧めるのかと言うと・・・

貰ったデータが文字化けをしても、読み込ませることが出来るからです。
それと、ブログなどにテキストをコピペする時などに起こるのですが
改行位置がずれてとんでも無い事になる場合があります。

実際に、ファンブログのHTMLとCSSをバックアップしてたものを
ブログにメモ帳でコピペしたら・・・オー・マイ・ガッ　てな事がありました（笑

編集後記

今回は、文字化けについてお話しをしたのですがいかがでしたか…？
かなりの人が経験あると思います。

でも、ほとんど意識していないと思います。

何でだろうで終わってませんか…？
これからは自分で調べる癖を付ける事も必要かも知れません。

教えて貰った事は忘れても、自分で必死に調べた事は忘れる事がありません。

まずは、自分で調べる事が大切なプロセスだと思っています。
私も時々、何時間もかけて必死こいて調べる時がありますよ…。

出来ないと思うのではなく、やってみようと思う勇気があなたの進化を生み出す。

いつも笑顔で。。
寿一太朗