なるほどこういうことだったのかぁ〜！！わかったっ♪ＩＴ用語

なるほどこういうことだったのかぁ〜！！わかったっ♪ＩＴ用語　Webセーフカラー

■□　　　　なるほどこういうことだったのかぁ〜！　　□■
□■　　　　わかったっ♪ＩＴ用語　　　　　　　　　　■□

　次から次に出てくるＩＴ用語って「？？？」ですね。
　でも大丈夫！
　指導内容のわかりやすさ”日本一”をめざす石岡美奈子が
　２０年以上の指導歴を生かして、
　かみくだいてかみくだいてご紹介します。

=-=-=-=-=-=-　発行者：ＭＩＮＥ(マイン) 2008.11.14　195号

★☆　3,108名の方にお読みいただいております。感謝！！☆★
　melma！（メルマ）　1,601名（1,301名+300名）まぐまぐ　915名
　カプライト 497名　めろんぱん 95名

★☆　感謝！！　melma！（メルマ）
【メルマ！ガ オブ ザ イヤー2008、インターネット部門カテゴリ賞】
2005年、2007年に続いて３度めの受賞をいたしました。
これも皆様のおかげです。本当にありがとうございます！！☆★
　　http://melma.com/contents/moy2008/#cat05


┃　　　★　ごあいさつ
┗━━━━━━━━━━━━━━━━━━━━━━━━

こんにちは！
今週もお読みいただき、まことにありがとうございます。
初めてお読みいただく方、はじめまして！
「？？？」なＩＴの指導内容のわかりやすさ”日本一”をめざす
石岡美奈子です。

早いもので、今年もあと１ヶ月と半分を切りました。
寒くなってきていますが、お元気でしょうか？

さてただいまコンピュータの基本となる
2進数、16進数をご紹介しています。
今週は16進数つながりで「セーフカラー？」をお話します。
どうぞ肩の力を抜いて、リラックスしてお読みください(*^_^*)


┃　　　★　おさらい　
┗━━━━━━━━━━━━━━━━━━━━━━━

パソコンなどのコンピュータの最小単位は、
【ビット（binary（バイナリ＝2進数）digit（桁）の略
          ~~                           ~
＝2進数1桁のこと）】です。

（コンピュータで数字（人が通常使う10進数）を扱う場合、
0（＝電子回路ON）と1（＝電子回路OFF）の2つの数字で表現できる
【2進数】が「シンプルで、計算ミスも少ない」ことから採用。）

ただ桁数が多くなると、2進数では作業が非常に煩雑になるため、
現在は処理がしやすい16進数が一般に採用されています。
（でも基本は、2進数ですよ♪）

---- 16進数？ -----------------------------------------
人が理解しやすいように、この2進数（1〜4桁）を
0〜Fの1桁に表現したのが【16進数】。
1桁を0〜9、A〜Fの16種類で表記します。
（0，1，2，3，4，5，6，7，8，9，a，b，c，d，e，f）

---- 16進数のメリット ---------------------------------
○16進数を4つの2進数のまとまりに分けて処理できるため、
　数値の変換が16進数−10進数のほうがカンタン♪
○大きい桁になればなるほど、2進数に比べて処理が短い。
-----------------------------------------------------

それから「00」や「FF」のように、16進数2桁のことを
【バイト（byte：略してb】と言って、「ギガバイト」など
コンピュータなどの単位として、よく使用されています。

----- 参考　--------------------------------------------
「1バイト＝8ビット(2の8乗＝256：256通りの表現が可能）」

約1,000バイト（正式には1,024バイト）＝1キロバイト（1KB）
約1,000KB＝1メガバイト（MB　通称「メガ」）
約1,000MB＝1ギガバイト（GB　通称「ギガ」）
約1,000GB＝1テラバイト（TB　通称「テラ」）
--------------------------------------------------------

この16進数、さまざまなところで使われています。

たとえばサイト（通称：ホームページ、Webページ、Webサイト）で
表現される色を指定する場合も、16進数が使われます。
（#000000など数字やアルファベット（色を16進数で表現したもの。）
　#に続く6桁で表示されたものを、【カラーコード】と言います。）

　例）赤をサイト（通称：ホームページ）で指定する場合、
　「#ff0000」という　「#と16進数の組み合わせ」であらわします。
（画面の色表現は、
”光の3原色「赤（red）」「緑（green）」「青（blue）」”を使って
表現します。この赤・緑・青のそれぞれ頭文字をとって、
【RGB（アールジービー）】と言われています。）

このカラーコードの見方としては、#の後の2桁の数字が赤、隣の２桁が緑、
最後の２桁が青を表します。
（0が最も薄く、Fに近づけば近づくほど濃くなります。）

--「赤」（#ff0000）
　　　　＃　ｆｆ　　　００　　　００
　　　　　　赤（Ｒ）　緑（Ｇ）　青（Ｂ）
（赤が最も濃く(ff）、緑(00）と青(00）は最も薄い）

--「緑」（#00ff00）
　　　　＃　００　　ff　　００
　　　　　　赤　　　緑　　　青
（緑が最も濃く(ff）、赤(00）と青(00）は最も薄い）

--「青」（#0000ff）
　　　　＃　００　００　　ｆｆ
　　　　　　赤　　　緑　　　青
（青が最も濃く(ff）、赤(00）と緑(00）は最も薄い）

--「白」（#ffffff）
　　　　＃　ｆｆ　　ｆｆ　　ｆｆ
　　　　　　赤　　　緑　　　青
（光の三原色・赤、青、緑の光を合わせると白となります。）

--「黒」（#000000）
　　　　＃　00　　　00　　　00
　　　　　　赤　　　緑　　　青
（光の三原色・赤、青、緑が全くありません。）
------------------------------------------------

それからカラーコードは
16進数2桁（1バイト）×3＝3バイト（24ビット）のため、
コンピュータで色を扱う場合、3バイト（24ビット：2の24乗）で
表現することが可能です。

---　参考　------------------------------------------
16進数2桁＝1バイト（8ビット2の8乗＝256：256通りの表現可能）
　　ff　　　　　　　　　　　　ff　　　　　　　　　ff
（1バイト：8ビット）＋（1バイト：8ビット）＋（1バイト：8ビット）
＝３バイト（24ビット）＝2の24乗（256×256×256）
＝16,777,216（1677万7216）
-----------------------------------------------------

この3バイトで表現できる16,777,216種類の色を、
パソコンで扱うことができます。
（この16,777,216色を
【フルカラー（別名：トゥルーカラー、24ビットカラー）】と言います。

またサイト（通称：ホームページ）の「写真」などに使われる
画像の種類【JPEG（またはJPG：ジェイペグ）】（3バイト使用）で
表現できる色数は16,777,216色（フルカラー）です。

そしてもう１つ、サイトの「イラスト」などに使われる
画像の種類【GIF（ジフ、またはギフ）】（1バイト使用）で
表現できる色数は、1バイトで表現できる256色となり、
GIFはJPGに比べると情報量を少なくすることができます。


┃　　　★　はじまり、はじまり。
┗━━━━━━━━━━━━━━━━━━━━━━━

★　字が崩れることがありますので等幅フォントでご覧ください。
　　

パソコンや携帯電話、デジタルカメラなどのモニター（画面）って、
種類もたくさんあるし、性能がぐんと良くなってきてますよね？


　　(￣‐￣）(＿‐＿）　うん、いろんなのがあるよね〜！

　　パソコンも、ウィンドウズ（Windows：マイクロソフト社）とか
　　マッキントッシュ（通称：マック、Mac　アップル社）とかあるしね。
　　（WindowsやMacは、パソコンを動かすのに必要な
　　　基本ソフト（OS）のこと。）


そうそう。以前はパソコンって、文字しか扱えなかったから
モニター（画面）の色数もあまり使えなかったんですけど、
今や技術の進歩は、すごいですよね。（しみじみ・・・）


さてさて今週ご紹介する【Webセーフカラー】。
これは今から15年ほど前に、ブラウザ（ホームページを見るためのソフト）
ネットスケープ（Netscape　通称：ネスケ）を作った
Netscape Communications社（現在はAOL社に買収）が提案した
216色の色のことなんです。

インターネットってウィンドウズやマック、新しいパソコンや古いパソコン、
携帯電話、そのほかインターネットエクスプローラーなどの
ブラウザ（ホームページをみるためのソフト）など、いろんな種類の
コンピュータ同士（これを【コンピュータ環境】、【環境】と言います。）が
つながってるから、見ている人のコンピュータによっては
正しく色が表現できないという問題があります。

そのため当時のNetscape社が、8ビット（1バイト）カラー256色のうち
MacintoshとWindowsで異なる40色を除いた最低限必要と思われる216色を選び、
”Netscape社のブラウザ「Netscape Navigator」でホームページを見ると、
どんな環境でもこれらの色は必ず表示できますよ！”と保証したんです。
これが【Webセーフカラー】。

このWebセーフカラー、光の三原色「赤（Ｒ）青（Ｇ）緑（Ｂ）」を
それぞれ次の6段階に分けて表現しています。
　・16進表記の場合：00、33、66、99、CC、FFの6段階
　・10進表記の場合：0、51、102、153、204、255の6段階
　・パーセンテージで指定する場合：
　　　　　0％、20％、40％、60％、80％、100％の6段階

コンピュータ環境に左右されることが少なく、とても画期的だったんですが、
モニタ（画面）の進化によって現在はあくまでも目安となっています。

---　参考　----------------------------
○モニター（画面）のおもな進化
・8ビットカラー表示可能なモニタ　：256色
・16ビットカラー表示可能なモニタ：65,536色
・24ビットカラー表示可能なモニタ：16,777,216色
　　　　　　　　　　　　（進化は続く・・・）
---------------------------------------

　　　ほぉ。(￣‐￣〃)　いろいろあるんだね〜。


そうですね。

では次回は色つながりで「カラープロファイル？」についてお話します。
どうぞお楽しみに！


 ┃　　★　本日のおさらい
 ┗━━━━━━━━━━━━━━━━━━━━━━━

インターネットにつながっている機器は、
見ている人によってさまざまな種類
（別名：【環境】や【コンピュータ環境】）があり、
表現される色も当然違ってきます。

そこで今から15年ほど前に
Netscape Communications社（現在はAOL社に買収）が提案した
216色の色を【Webセーフカラー】と言います。

コンピュータ環境に左右されることが少なかった
Webセーフカラーですが、モニタ（画面）の進化により、
現在はあくまでも目安の色となっています。


┃　　　★　編集後記
┗━━━━━━━━━━━━━━━━━━━━━━━

早いもので11月半ばですね。
先日は所属している会の福岡の経営フォーラムに行ってきました。
たくさんの良き出会いがあり、自分自身の大きな財産となりました。
大事に大事にしていきたいと思います。

また忙しくてなかなか発行できず、不定期に変更しましたが
息の長いメルマガにしたいと思っておりますので
どうぞ今後ともよろしくお願いします。

このメルマガが、あなたにとって良い出会いとなれば
私は飛び跳ねちゃうくらいうれしいです♪

今週も最後までお読みいただき、まことにありがとうございます。
この出会いに心より感謝申し上げます。

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-
■□　　　なるほどこういうことだったのかぁ〜！　　□■
□■　　　わかったっ♪ＩＴ用語　　　　　　　　　　■□

　”指導内容のわかりやすさ「日本一」をめざします！”
　　講演、セミナー講師、ホームページ制作、コンサルティングほか
　　発行　：　ＭＩＮＥ（マイン）　代表　石岡　美奈子
　　　　　　　　　　→　http://wakatta.net
　　　　　　　プロフィールは　↓こちら　です。
　 　　　　　http://wakatta.net/profile/index.html
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-

◆いつもお読みいただき、本当にありがとうございます！！
　 一人でも多くの方が当メールマガジンを読んでくださることを
　切に願っております。
　~~~~
　大切なお知り合いの方・お友達への紹介・転送、【大歓迎！】です。

おかげさまで
【まぐまぐメルマガ大賞2006・2005】インターネット・パソコン部門ノミネート
　■まぐまぐ　　http://www.mag2.com/m/0000150959.htm
　　　
【メルマガ オブ ザ イヤー2008・2007・2005】
　インターネット部門『カテゴリ賞』３年受賞
　■melma！（メルマ）http://www.melma.com/backnumber_122611/
　■カプライト　http://cgi.kapu.biglobe.ne.jp/m/10416.html
　■めろんぱん http://www.melonpan.net/mag.php?007991
　　↑　メールマガジンの購読・解除も上記から　↑
　　（バックナンバーは、最新号のみの表示となっております。）

◆ご意見、励まし!(^^)!、リクエスト、相互紹介など
　とってもとっても、とぉ〜ってもうれしく、励みとなります！！
　▽首長竜のように首を長〜くしてお待ちしております♪▽
　　　　　→→→ info＠wakatta.net　
　　　（お手数をおかけしますが、＠を半角で入力ください。）
　
　-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=　
　　最後までお読みいただき、まことにありがとうございます☆彡
　　お読みいただいているあなたが、
　　Happy♪なＩＴライフを過ごせますように☆彡
　-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=