Microsoft Word - No5_code_netbasic.doc

Size: px

Start display at page:

Download "Microsoft Word - No5_code_netbasic.doc"

なぎさこやぎ
4 years ago
Views:

1 2006 年度コンピュータリテラシー第 5 回授業 ( ) 文字コードの基礎知識とインターネット WWW の基本担当 : 茅根笹原髙橋千葉宮脇この授業のポイントパソコンでのデータの表現方法を学び, 文字コードについての基礎知識を習得するコンピュータネットワーク, 特にインターネットについての基本的な知識を学ぶ WWW(World Wide Web) の仕組みと Web ブラウザの使い方を覚える 1. 文字コードの基礎知識 1.1 ビット, バイト, 文字コード数値や文字, 画像を含め, コンピュータで扱うことのできるあらゆる情報は,0 と 1 からなる 2 進数で表現されるこのようなデータをデジタルデータ digital data といい, 数値ひとつひとつを binary digit, 略してビット bit と呼ぶビットで表現できるパターンの数は, ビットの数によって決まるビット 4 つ (4 ビット ) でいくつのパターンをあらわすことができるか, 数えてみよう ( 表 1): ビット並びパターンビット並びパターン表 1:4 ビットで表せるパターンの数を調べようつまり,n ビットあれば 2 の n 乗のパターンが表現できる 5 ビット以上で表現できるパターンの数を計算しよう ( 表 2): ビットの桁数ビット並びパターン通り通り通り通り通り通り表 2:5 ビット以上で表せるパターンの数を調べよう [ スタート ] [ アクセサリ ] [ 電卓 ] で電卓を起動できる [ 表示 ] メニューの関数電卓を選択すると,x の y 乗 ( 右図参照 ) を含め, 複雑な計算を行うことができるビット数が大きくなればなるほど, より細かいデータを表現することができる例えば, 色を 1 ビットで表すと, 白黒の 2 色しか区別できないが,8 ビットのデータでは,256 色が,24 ビットでは 1600 万色以上の色を表現し分けることができる! ( もちろん, ビット数が増えればその分扱わなければならないデータ量もどんどん増えていく ) x^y (x の y 乗 ) 麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 1

2 コンピュータでは 8 ビット, つまり 0 または 1 が 8 桁並んだ状態をひとまとめにしてデータを扱うこの単位をバイト (byte, B) と呼ぶ 1 バイトで表せるのはからまで 256 のパターン, ということになる約 1,000 バイト ( 正確には 2 10 = 1,024 バイト ) を 1 キロバイト (kilobyte, KB), 約 1,000 KB ( 正確には 1,024 KB = 1,048,576 バイト ) を 1 メガバイト (megabyte, MB) と呼ぶ ( 第 3 回の資料でも説明している ) 2 進数表記は人間にとって読みにくいので,0 から 9 の数字と A から F のアルファベットを使った 16 進数, または 10 進数に直して書くのが普通 1 ( 表 2): 2 進数 (8 ビット ) 10 進数 16 進数 (2 桁 ) A B C D E F FF 表 2: バイトパターンの表記方法 16 進数表記は 8 ビットのパターンを 00 から FF の 2 桁ですっきり表現できるので見やすく, バイトの表記に特によく使われるコンピュータでは, 文字を特定のビットパターンで表現するつまり, デジタルデータとして文字を効率よく用いるために, 文字の形や大きさではなく, あらかじめビットパターンを決めてそのパターンを処理するのである文字に対応するビットパターンを文字コード character code という各言語地域ごとに使われる文字は異なり, したがって文字コードの規格 ( 専門用語では符号化方式文字エンコード方式 encoding scheme という ) もさまざまである Windows では日本語の文字をシフト JIS という符号化方式に従って処理する 1 コードが 16 進数で表記されていることを明示したい場合には, 先頭に 0x や &H というマークをつけることが多い ( 例 :0x36 = 16 進数の 36, &H4B = 16 進数の 4B) x, H はそれぞれ 16 進数 hexadecimal の略麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 2

実習課題 1: 文字コードチェックプログラム DataView を使って文字コードを調べる大学の PC にインストールされているオリジナルの文字コードチェックプログラム (DataView) を使い, さまざまな文字のコードを調べよう DataView は [ スタート ] [ プログラム ] [DataView] を選択して起動する ( 右図 ) DataView 上で調べたい文字 (

3 実習課題 1: 文字コードチェックプログラム DataView を使って文字コードを調べる大学の PC にインストールされているオリジナルの文字コードチェックプログラム (DataView) を使い, さまざまな文字のコードを調べよう DataView は [ スタート ] [ プログラム ] [DataView] を選択して起動する ( 右図 ) DataView 上で調べたい文字 ( 文字は続けて入力できる ) を入力欄に入力し, コード表示ボタンを押すと, 文字ごとにコードが表示される ( 下図 ) テキストを入力コード表示ボタン (Enter キーでも OK) 入力したテキストコードの表示方法を選択符号化方式の選択各文字の文字コード図 : 文字コードチェックプログラムの利用方法以下の表の左側にある記号や文字について, 例にならって日本語シフト JIS での文字コードを調べなさい自分の名前の日本語シフト JIS での文字コードを調べ, 上の表の右側に書きなさい文字 ( 説明 ) シフト JIS コード (16 進数で記入する ) あなたの名前シフト JIS コード (16 進数で記入する ) 麗 9 7 E D 澤 E 大 9 1 E 5 学 8 A 7 7 a ( 半角小文字 ) K ( 半角大文字 ) ( 半角スペース ) a ( 全角小文字 ) K ( 全角大文字 ) あ ( ひらがな ) ア ( 全角カタカナ ) 空白として単語間に挿入するスペースにも半角全角の区別があることに注意しようア ( 半角カタカナ ) ( 全角スペース ) 亜 ( 漢字 ) スペースはで表している麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 3

1.2 半角文字と全角文字 : シフト JIS で扱える文字と利用上の注意点シフト JIS において, 前回学んだ半角文字と全角文字はコードのバイト長でも違いがあり, 半角文字は 1 バイト, 全角文字は 2 バイトのコードで表わされる ( そのため半角文字は 1 バイト文字, 全角文字は 2 バイト文字とも呼ばれる ) 半角 (1 バイト ) のアルファベットや数字, 記号 (

4 1.2 半角文字と全角文字 : シフト JIS で扱える文字と利用上の注意点シフト JIS において, 前回学んだ半角文字と全角文字はコードのバイト長でも違いがあり, 半角文字は 1 バイト, 全角文字は 2 バイトのコードで表わされる ( そのため半角文字は 1 バイト文字, 全角文字は 2 バイト文字とも呼ばれる ) 半角 (1 バイト ) のアルファベットや数字, 記号 ( ただし半角カタカナを除く ) の文字コードは, シフト JIS 以外のほとんどの言語地域の符号化方式でも同じ 2 半角文字は世界中の言語地域のパソコンで正しく表示できる日本語はひらがな, カタカナ, 漢字を含めると 1 バイト (8 ビット ) では到底足らないそこで, シフト JIS では,2 バイト (16 ビット ) を使い,1 万字を超える文字を利用可能にしている全角文字は日本語が表示できないパソコンでは正しく表示できないさらに, ウェブページのアドレス ( 2.2 参照 ) を入力したり, 電子メールを使う場合など, 気づかずに全角文字を使うとトラブルが発生する文字の形が似ていてもコードが全く異なるからである半角文字は IME をオフにして直接入力することで確実に入力できる IME のオンオフ切り替え : [ 半角 / 全角 ] ( または [Alt] + [ 半角 / 全角 ]) 入力方法 (IME) バイト長半角文字 Off ( 直接キーボードから入力 ) がおすすめ 1 バイト全角文字 On ( 入力メソッド使用 ) 2 バイトシフト JIS には, アルファベットと数字記号を中心とした半角文字に加え, 半角カタカナと呼ばれる半角文字のグループが含まれるこれらはネットワーク上で使うと問題を引き起こすので極力使わないことシフト JIS には,1 やのような機種依存文字と呼ばれる外字も収録されており, OS によっては正しく読むことができない ( 詳しくは電子メールの実習の際に説明する ) まとめ : さまざまな全角文字種 ( ひらがなカタカナ英数字 ) の入力 ( 第 3 4 回資料参照 ) 方法 1: IME のツールバーをクリックして入力モードを切替えるひらがな, 全角カタカナ, 全角英数, 半角カタカナ, 半角英数, 直接入力 (= IME をオフ ) 方法 2: ファンクションキーを使って, 入力した文字を好きな文字種に変換するひらがな入力モードのまま読みを入力した後, ファンクションキーを押して文字種を変換する F7 カタカナに変換 F8 半角カタカナに変換 ( ただし, 半角カタカナの利用は極力避けること ) F9 全角アルファベットに変換 F10 半角アルファベットに変換 ( このテクニックはなるべく使わないように! 半角の入力は IME をオフにしてから行うよう習慣づけよう ) おすすめは方法 2 ( 方法 1 は入力終了後, 入力モードを戻す必要がある ) 2 日本を含めた世界中のパソコンで用いられている半角の基本英数字記号は,1963 年 (!) にアメリカで制定された ASCII ( アスキーと読む ) とよばれる符号化方式の規格に基づいているシフト JIS をはじめ世界のほとんどの符号化方式は ASCII に追加する形で利用できる文字を増やしているが,1.3 で述べる Unicode では ASCII の文字にも ASCII とは異なるコードがわりあてられている麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 4

1.3 Unicode: 多言語対応の新しい符号化方式シフト JIS で作成されたテキストは, シフト JIS のテキストを処理できないパソコン環境やソフトウエアでは正しく表示されないまた逆に, シフト JIS に入っていない文字をシフト JIS テキストの中で用いることはできないそこで, さまざまな言語地域で使われている文字を混在させることのできる新しい符号化方式ユニコード

5 1.3 Unicode: 多言語対応の新しい符号化方式シフト JIS で作成されたテキストは, シフト JIS のテキストを処理できないパソコン環境やソフトウエアでは正しく表示されないまた逆に, シフト JIS に入っていない文字をシフト JIS テキストの中で用いることはできないそこで, さまざまな言語地域で使われている文字を混在させることのできる新しい符号化方式ユニコード Unicode が開発され, 徐々に普及してきているシフト JIS と Unicode では, 半角文字を含め, 同じ文字でも文字コードが異なる Unicode は新しい符号化方式なので,Unicode に対応していないパソコンやソフトでは正しく処理できないので注意すること大学の PC の基本ソフト Windows XP ( 日本語版 ) ではシフト JIS と Unicode の両方を利用できる EmEditor は Unicode に対応している 3 が, 日本語 Shift JIS のみに対応しているソフトもある実習課題 2: 文字コードチェックプログラム DataView で Unicode の文字コードを調べる実習課題 1 で用いた文字コードチェックプログラム DataView を使い, 麗澤大学の Unicode での文字コード (16 進数 ) を調べてみよう文字文字コード (Shift JIS) 文字コード (Unicode) 麗 9 7 E D 澤 E 大 9 1 E 5 学 8 A 文字コードで漢字を入力するシフト JIS のコードを入力して, 漢字を表示することができる難しい漢字は, シフト JIS のコードを調べて入力することができる ( ただし漢字によってはシフト JIS にない文字もある ) 漢字コードがでている本の例 : 芝野耕司編著 (2002) JIS 漢字字典増補改訂版. 日本規格協会. 実習課題 3:EmEditor に, 文字コードを使って漢字を入力しよう ( 第 4 回資料 3.3 参照 ) 実習課題 1 の結果に従い, 麗澤大学という文字を文字コードで入力しよう (1) EmEditor を開く (2) かな漢字変換システム (IME) を On にし, 漢字の文字コード ( シフト JIS のコード ) を入力するアルファベットは大文字でも小文字でもよい 3 EmEditor を使いテキストを Unicode で保存する場合には,[ ファイル ] [ 名前をつけて保存 ] を選択し, 保存ダイアログでコードページに Unicode を指定する ( 右図, シフト JIS のまま保存する場合には, 標準 ANSI EmEditor で Unicode テキストを保存 (932) または日本語 ( シフト JIS) (932) を選択する ) 麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 5

例 :97ED かな漢字変換システムが On になっていると, 次ページ左図のように 9 7 え d となるが気にしなくてよい (3) ファンクションキー [F5] を押す (4) IME パッドの文字一覧アプレットが開き, コードが 97ED の文字 ( 麗 ) が表示される ( 右上図, マウスをあてると文字コードを調べることができる ) マウスでこの文字を選択すると,

インターネットの基本インターネットは, ネットワークとネットワークを相互に接続することによって, 世界中に広がったネットワーク環境である今日のコンピュータは, ネットワークに接続されることで, より力を発揮する 4 5 各組織のPCは,LAN(Local Area Network) と呼ばれるコンピュータネットワークに接続される各組織ではこのネットワークを自律的に管理運用している

このインターネットを情報収集や情報発信の道具として使いこなす能力インターネットリテラシーを身に付けることが, コンピュータリテラシー能力の一つとして欠かせないインターネットリテラシー能力には, インターネットを使いこなせること以外に, 危険に対処する能力やネットワーク上での正しいマナー ( ネチケット ) を身に付けていることが重要となるキーワード : コンピュータネットワーク

6 例 :97ED かな漢字変換システムが On になっていると, 次ページ左図のように 9 7 え d となるが気にしなくてよい (3) ファンクションキー [F5] を押す (4) IME パッドの文字一覧アプレットが開き, コードが 97ED の文字 ( 麗 ) が表示される ( 右上図, マウスをあてると文字コードを調べることができる ) マウスでこの文字を選択すると, 文字がエディタに入力される (5) このままでは未確定の状態 ( 下線が引かれていることに注意 ) なので [Enter] キーを押して確定する補足 : 1. コード先頭に 00 を付けるとこの方法で半角文字も入力できる 2. コード先頭に u を付けると Unicode の文字コードで文字を入力できる 2. インターネットの基本インターネットは, ネットワークとネットワークを相互に接続することによって, 世界中に広がったネットワーク環境である今日のコンピュータは, ネットワークに接続されることで, より力を発揮する 4 5 各組織のPCは,LAN(Local Area Network) と呼ばれるコンピュータネットワークに接続される各組織ではこのネットワークを自律的に管理運用しているこうした自律ネットワークが複数組み合わさって, 世界的な規模のネットワークに発展したのがインターネットであるインターネット上には, 電子メール,WWW(World Wide Web) による情報検索や収集と情報発信,telnetによるシステムの遠隔操作,FTP(File Transfer Protocol) によるファイル転送など, さまざまなサービスが存在している現在では, このインターネットを情報収集や情報発信の道具として使いこなす能力インターネットリテラシーを身に付けることが, コンピュータリテラシー能力の一つとして欠かせないインターネットリテラシー能力には, インターネットを使いこなせること以外に, 危険に対処する能力やネットワーク上での正しいマナー ( ネチケット ) を身に付けていることが重要となるキーワード : コンピュータネットワーク /LAN/ インターネット /WWW(World Wide Web)/ URL(Uniform Resource Locator)/ ハイパーテキスト / ハイパーリンク ( リンク )/ HTML/ ブラウザ / 検索エンジン /SSL/ 電子メール ( )/ 電子メールアドレス / ネチケット 3. WWW ブラウザの使い方日経 BP 社日経 BP デジタル大事典年版より WWW ブラウザを使うと, ネットワークで接続されている世界中のコンピュータが提供する情報を閲覧することができる WWW ブラウザの種類 :Internet Explorer/Mozilla Firefox/Opera 4 ネットワークに接続されないコンピュータをスタンドアロンと呼ぶ 5 例えば, 本学でのネットワークドライブの利用も LAN に接続されることで可能となっている麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 6

3.1 ブラウザの基本操作 WWW ブラウザの起動 (Internet Explorer, Mozilla Forefox, Opera): Internet Explorer ツールバーの主な機能 : 前に表示したページに戻る自分でもブラウザの操作方法 ( ツールバー, メニューバー ) を研究しよう! 3.

を使う情報をたどって探していく方法 : リンクのはってあるところをクリックする ( 右のように下線がひいてあることが多い ) リンクのはってあるところにマウスポインタを移動すると, 右のような形になるリンク先はここです URL を指定する方法 (URL は半角英数字で入力する ): 検索エンジンを使う方法 : (1) 検索エンジンを呼び出す http://www.infoseek.co.

7 3.1 ブラウザの基本操作 WWW ブラウザの起動 (Internet Explorer, Mozilla Forefox, Opera): Internet Explorer ツールバーの主な機能 : 前に表示したページに戻る自分でもブラウザの操作方法 ( ツールバー, メニューバー ) を研究しよう! 3.2 情報の表示方法ホームを開く: 大学 PC の設定では情報システムセンターのホームページへページの読み込みを中止する更新 ( リロード, 再読み込み ) (1) 情報をたどって探していく ( リンク hyperlink の利用 ) (2) URL を指定するこれが必ずできるようになっている必要がある (3) 検索エンジン (Yahoo,Infoseek,goo,google など ) を使う情報をたどって探していく方法 : リンクのはってあるところをクリックする ( 右のように下線がひいてあることが多い ) リンクのはってあるところにマウスポインタを移動すると, 右のような形になるリンク先はここです URL を指定する方法 (URL は半角英数字で入力する ): 検索エンジンを使う方法 : (1) 検索エンジンを呼び出すなど情報システムセンター HP からも参照可能 ( 検索エンジンリンク集 6 ) (2) 探したい情報のキーワードを入力し, 検索する (3) 見つかった一覧の中から読みたいものをクリック ( リンクを利用 ) 6 麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 7

実習課題 4: 麗澤大学情報システムセンターのページを閲覧してみよう麗澤大学情報システムセンターの URL を調べよう麗澤大学のホームページを閲覧してみよう麗澤大学図書館のページを閲覧してみよう図書館の蔵書検索をしてみよう学科の先生のホームページを閲覧してみようコンピュータリテラシーの授業ホームページを閲覧しよう授業ホームページ URL: http://www.fl.

3 WWW 利用上の注意点情報が正しいとは限らず, 質の高い情報ばかりではない情報の利用価値は自分で判断する必要があるまた, 利用者を欺く悪質なサイトもあるデータがネットワークを通じてやり取りされるため, 送信中にデータを盗み見られる可能性がある個人情報の送信は充分注意しておこなうこと途中でデータを読み取られないよう, データを暗号化する SSL (Secure Socket

8 実習課題 4: 麗澤大学情報システムセンターのページを閲覧してみよう麗澤大学情報システムセンターの URL を調べよう麗澤大学のホームページを閲覧してみよう麗澤大学図書館のページを閲覧してみよう図書館の蔵書検索をしてみよう学科の先生のホームページを閲覧してみようコンピュータリテラシーの授業ホームページを閲覧しよう授業ホームページ URL: WWW 利用上の注意点情報が正しいとは限らず, 質の高い情報ばかりではない情報の利用価値は自分で判断する必要があるまた, 利用者を欺く悪質なサイトもあるデータがネットワークを通じてやり取りされるため, 送信中にデータを盗み見られる可能性がある個人情報の送信は充分注意しておこなうこと途中でデータを読み取られないよう, データを暗号化する SSL (Secure Socket Layer, URL が https で始まる ) のようなしくみ ( 右図 ) もあるただし, 情報を安全にやりとりするには, 受け取り先が信頼できることが大前提である 3.4 WWW ブラウザ利用のヒント文字の大きさの変更外国語ウェブページの閲覧 : 符号化方式 ( エンコード ) の設定ブックマークの利用 ( 大学 PC の Internet Explorer ではお気に入りは利用できない ) 課題 : 以下の例のように, 教員の指定する 4 つの文字について, 文字とその文字がもつシフト JIS コード (16 進数 ), それらがそれぞれ何バイトの文字であるか, の 3 点を出席カードの裏側に記入し, 提出しなさい文字文字コード ( シフト JIS) バイト数麗 9E97 バイト澤 6FA4 バイト WWW ブラウザでのウェブページの閲覧によく習熟しておくこと ( 次回電子メールの実習をおこないます大学の電子メールシステムは WWW ブラウザを使ってメールを送受信するので, ブラウザの活用は必須!) 麗澤大学コンピュータリテラシー資料 2006 年版 No.5: 文字コードインターネット WWW 8

V．ブラウザの使い方

V．ブラウザの使い方 V. ブラウザーの使い方 Windows ブラウザーとはインターネット上のホームページを閲覧するためのソフトウェアのことですブラウザーはインターネットから HTML ファイルや画像ファイル音楽ファイルなどをダウンロードしレイアウトを解析して表示再生しますパソコン教室には Internet Explorer Firefox Chrome の 3 種類のブラウザーをインストールしてあります