文字コードとは?何それ?

こんにちは。あきです。

 

さて今日は前回記事で書いた、真っ白なページが表示されてしまう原因について書いていきます。

その前に前回書いた記事のコメント欄を見るとすでに原因を特定されていた方がいました。

それがこちら

MTで  UTF-8 を選択しており、
なおかつブラウザのエンコードの設定が
「自動」になっているときに、起きる現象だと思いますよ。

起業・独立 Ranking現在6位。スッバらしい情報を毎回提供してくれる超有名なこの方より

「すっげー!」

と実は修正する為のソースまで頂き、一人で感心してしまいました。

 

もうまさにその通り。早くこの方に聞いていれば…。

ただブログがMTでなかったり、HTMLをあまりいじった事のない方には何が何だか分からないのではないかと。

 

まず結論から言うとページが真っ白になってしまった原因は

文字コードの判別がうまくいってなかった

のです。

 

「はっ?文字コードって何?」

という方がいるかもしれないので説明していきますね。

 

文字コードとは暗号を解読するカードの様なもの。

コンピューターはとても利口そうですが、実は”0”と”1”しか理解できないとてつもなくシンプルな奴なのです。

その為、コンピュータが理解できる”0”と”1”のデータを人間が理解できる文字にする為には、取り決めが必要になってきます。

 

例えば授業中、A君とB君の間で紙でメッセージを伝える為に暗号を作ったとしましょう。二人の間で1つのひらがな文字を表すのに3桁の数字を使うと決めたとします。

 

その場合、A君とB君の間で「001=”あ”」、「002=”い”」みたいな取り決めをして、暗号を解読するカードでも作っておけば、万が一先生がそれに気付いても取り上げても、解読カードがないと何なのかよく分かりませんよね。(少し暗号がシンプルすぎますが…。)

 

この友達同士で取り決めて作った解読カード的な役割をするものをコンピューターの世界では文字コードと呼んでいます。

文字1つ1つに割り当てられたコード(数字)。

 

ただ厄介な事に、この文字コード。規格が一つじゃないんです。

日本語を扱える文字コードだけでも種類が

・JISコード

・シフトJIS

・EUC

・Unicode

などがあります。

 

もうあれですよ。こんな感じなわけですよ。

A君とB君の間で取り決めた解読カードAB、C君とD君の間で取り決めた解読カードCD、E君とF君….。みたいな。

 

一つに統一しろ!

 

と厄介な生徒を持った先生みたいな気持ちです。

 

だって例えばですよ。もし先生がどうにかして、A君とB君の解読カードABをゲットしたとしますよね。

その後、C君とD君の暗号を見つけて解読カードABで解読しても….。

 

 

 

なんじゃこりゃ???

 

みたいに全然文字が読めず、大混乱になってしまうわけです。

………………………………………………………………….。

 

そうなんです。ページが表示されなかった方のパソコンはこれと同じような事になっていた訳です。

僕のページで書かれている文字コード分からず、コンピューター大混乱!みたいな。

 

原因は数日前、トップページのデザインを変更している時に、慎重に修正しなければいけないとてもデリケートな部分をいじってしまったのです。

それはHTMLの中のhead要素。

どのようにいじったかというと…………..。

また長くなってしまいそうなので次回にします。

(ああ、いつ終わるんだ。このシリーズ…。)

 

Rinさん。アドバイス本当にありがとうです。

文字コードとは?何それ?」への26件のフィードバック

  1. プチセレブをめざす☆1児ママの奮闘記☆sizuka

    こんにちは☆あきさん♪
    いつもありがとうございます。
    なかなかMTっていうのも大変ですね。
    統一しろっていう気持ちわかるような気がします。
    土・日は子供が熱を出してしまい
    訪問&コメントができませんでした。
    本日はコピペでスイマセン…
    また遊びにきますね。
    応援してます☆ポチっ!

    返信
  2. marimama◆誰でもできる超簡単アフィリエイト2倍法則の方法◆

    あきさん♪
    こんにちは♪いつも、コメントありがとう(^^♪
    文字コード。。。これはやっかいな生き物です。はい。
    わたしもブログ仲間のある人のサイトだけ、文字化けで
    見れなくて、悪戦苦闘しましたから。。
    MTはエンコードが重要だもんね。といいつつ、
    あまり良く理解してないわたしだわ。
    応援ポチッとな\(*⌒0⌒)bがんばっ♪

    返信
  3. 理系学生アフィリエイター☆唯’

    こんばんは、アキさん。
    理系学生アフィリエイター☆唯’です。
    文字コード、存在することは知っているのですが、「何それ?」状態です(笑
    MTなど、自分でサイトを作るときには理解しておいた方がいいのでしょうね……
    RinさんはPCの知識もすごいんですね!
    今日のブログ記事はみなさんに人気のムーンウォークについて、意見を伺いたいと思っていますw
    よろしかったらご参加ください。
    応援クリックしていきますね~。

    返信
  4. ◆情報商材鑑定士◆細木かずのこ

    —☆—★—☆—★—☆—★—☆—★
    アキさんど~もです♪
    —★—☆—★—☆—★—☆—★—☆
    ハロゲンヒーターを購入して上機嫌な細木かずのこです♪
    文字コード!ワタシも知らないうちはコイツのおかげで苦労しました(汗)
    いやぁ~アキさんのブログはホントタメになりますよ♪
    ではまた応援させてください(*^-^)
    (*`∇´)σ【応援】ポチン♪

    返信
  5. おすし

    あきさん、こんばんは♪
    お世話になります、おすしです。
    さすがRinさん!かっこいい♪
    なるほど!
    スッキリです!(笑)
    今日もいい日になりますように”凸”

    返信
  6. 初心者だってネットでお小遣いを稼げる!(bagil)

    あきさん こんにちは
    bagilです。
    MTは実際にやってないので、さっぱりわかりません
    下手に触って取り返しがつかなくなってもと思い
    放置状態です。
    今回のあきさんのようになったら私は???
    Rinさんは何でしょうね、凄すぎます。
    あきさんも詳しく学習してるようで、みんな立派です。
    では。応援ポチ

    返信
  7. スーパーサラリーマン?ひろ

    あきさん、こんにちわぁ~!ひろでーす♪
    文字コード・・・さっぱりわかりません><
    あきさんのブログはホント勉強になります♪
    アリガトウ~☆
    もっともっと勉強させてください(笑)
    ではでは、まったねぇ~(^o^)/~~~☆☆☆

    返信
  8. 女起業家★まこ

    あきさん、こんばんは!
    まこ(仮)です(*゚ー゚)
    Rinさんのサイトは、すごく為になりますよね。
    メルマガも読ませていただいているのですが、
    「スゴイ!」の一言です。
    勉強する事、まだまだいっぱいです。
    今日も、気付きをありがとうございました!
    応援ポチポチ★

    返信
  9. sumire@パソコンインストラクター

    あきさん、こんばんは^^
    訪問&コメントありがとうございます!
    MTで作られているんですね~
    とても工夫されていて、素敵なブログですね!
    これだけキレイに作れるならいいですねぇ…
    私ももうちょっとしたらMTにしようかな~^^
    これから仲良くしていただけると嬉しいです♪
    ではでは、応援♪応援♪ぽちっ♪

    返信
  10. 海外在住金髪アフィリエイト【リリー夫】

    あきさん、こんばんは。
    文字コード、なんで規格がたくさんあるんですかねぇ。。
    自分も気になってました。
    バックアップ取ったりするのも、文字コード選ばなければならなかったり、、
    でも、とてもわかりやすい説明でした。
    ありがとうございます!
    応援ぽち!

    返信
  11. えふうっど@これで貴方も小金持ち♪

    こんばんわ~。
    文字コードよく私も間違えるんですよね(^^;
    とあるブログでは、間違えてしまって、それまでの記事がおじゃんになった事もありました(汗
    MTでも、その辺は気をつけないといけないですね(^^
    それではまた~。応援ぽち♪

    返信
  12. おやじ

    こんにちは♪
    ?(・ε・`;)ン? MT?
    難しいことは分かりませんが、直ってよかったですね^^
    しかし、Rinさんは流石ですね。サイトに訪問するとすごく親切に解説してくれています^^
    ってか、おやじには理解できない部分が多いのですが^^;
    応援 ポチッ♪

    返信
  13. 開けたら閉める@おざピー

    あきさん、こんばんは。
    ステップメールのことで
    文字コードの勉強始めたばかりです。
    分かりやすい説明で
    頭の悪い僕も少し理解できたかも?
    また来ますね。
    応援してま~す!!   ポチ!

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>