情報学概論　　第11回（6/29)

(Introduction to Informatics 1)
 ^               ^^          ^

知っておくべきPC操作と原理（つづき）

PCについて理解する

アプリとOSを結ぶ

環境変数

環境変数は、アプリケーション（プログラム）が、
- システムの状態
- ユーザの好み
- OS独自の設定
などの情報を得たり、それを他のアプリケーションに伝えたり、といった情報流通のために使う（右図）重要な基盤技術（の１つ）。

set

確認方法：

コマンドプロンプトで
```
set
```
と入力する（最後にEnterを押下することを忘れないこと）。
- 変数名 = その値の形式で沢山の環境変数（現在設定されているもの）が表示されるだろう。
また、
```
echo %PATH%
```
のように、変数名を % で挟んだものを echo(画面に表示)させることで、特定の環境変数の値を表示させることもできる。
PATH変数について：
- 環境変数の中でおそらくずば抜けて長い（表示されると折り返されて複数行に渡る）のがPATH変数だろう。
- この変数の中には、パス名（コンピュータ内での情報資源=ファイルやフォルダの場所を示す表現）が複数個、セミコロン’;’で区切って並べてある。
- コマンドプロンプト（など）でコマンドが入力された時に、その本体（実行形式のプログラム）を探すべき場所としてこのPATH変数が使われる。
- なお、（Windowsでは）パス名の先頭部に c: のような表記がみられる（ドライブレターと呼ばれる）。ここで使われる文字（’:’ コロン尻尾なし）と、セミコロン（’;’ 尻尾あり）を明確に区別できるようにしておくこと。
PATHEXTについて：
- PATHEXT（Path + Extensionをつないで略したもの）も、PATHと同様にセミコロン区切りのリストになっている。
- ここには拡張子が並んでいて、ここにリストされた拡張子は、コマンド呼び出しのときに省略しても大丈夫なもの。
- ただし本物の実行可能形式を表す拡張子は４種類だけ。

重要なアプリ

重要なアプリケーション

これまでにWindowsパソコンで重要なアプリケーションをいくつか紹介してきた（右図）。
- それらの本名（PC内に置かれている実行形式ファイルの名前；から ‘.exe’ をとって示されることが多い）も並行して紹介した。
今日はそれに加えて、タスクマネージャについても言及しておく。
- ２つの起動方法を知っておこう。
1. Ctrl-Alt-Del を押して表示される割り込み画面から
2. スタートメニュー（Windowsボタンを押しての検索欄）に「タスク」「task」など名前か本名の先頭部を入力して探させる。

実践的ICT生活のために

（実習編）

ノートをとる(2)

様々な方法：

Windows上で
- メモアプリ、付箋、テキストエディタ
Web上で

=> 各自、方法をいくつか、模索しておこう。

構造のある文書

構造のあるメモ：

HTMLについて（概要を以下に示す）：

HTMLは構造のある文書を作るための書式の１つ。
- 昨今はWebページやWebサイトに活用され幅広く普及し
- また、そのための発展（拡張）も著しい。
簡単な例：
```
<html>
  <head></head>
  <body>
    これが伝統的なHTMLファイルの例です。
  </body>
</html>
```
- こんな感じでタグ（<...> で囲まれたもの）が沢山。
- タグは開始タグと終了タグで（そのタグの）中身（要素とも呼ぶ）を挟むように置かれる（のが殆ど）。
- 終了タグは開始タグと同じ名標で先頭にスラッシュ’/’が置かれる。
HTML文書の構造としては、
- HTML要素の中にHEAD要素とBODY要素が置かれるのが標準。
- 本文（画面に表示されるもの）はBODY要素の中に置かれる。
文法：
- 半角英数字（7bitのASCIIコードの範囲内）で表現されるのが標準（要素の中身や属性値は除いて）。
- タグ名は大文字小文字の区別はされない。
その他、詳しくは各自で検索して情報を得て見て下さい。

字下げ

補足１（加筆）：

「HTML」は（思い切り要約すると）言語の名前です。
- 言語の規則（約束事、規格）、でもあります。
- 「HTML言語」と呼ぶ人もいます。「L」は Language(言語）の「L]だから「言語言語」という意味になってしまい冗長な言い方ではあります。
- なので、普通は単に「HTML」と呼んで大丈夫なのですが、でも言語であることを強調するために、本ページでもたまに「HTML言語」という呼び方もしますので了解ください。
HTMLファイルは、そのHTML言語で書かれた内容を持つファイルです。
- 正確に言えば、人間がHTMLを書く（打鍵する）とは限らず、プログラムによって生成されたものであることもありますが。
- HTMLファイルを単に「HTML」と呼ぶこともあります（このあたりが混乱のもとになっているかも知れない）。
HTMLファイルを作ったら、そのファイルがプログラムから正しく認識されるよう .html という拡張子をつけることになっています。
- windowsではファイル名や拡張子はケースインセンシティブなので、大文字小文字の区別はされません。（HTMLの文法上、タグ名や属性名もケースinセンシティブですので <html> と書いたり <HTML>と書いたりと様々なケースがあります。）
結果的に、HTML、という単語は、言語名、ファイルの種類、拡張子、といった様々な意味で使われる鵺的な単語なので、うまく意味を汲み取るよう、慣れて下さい。

補足２（加筆）：

上の例でも文書の構造が読む人に伝わりやすいように、インデンテーション（日本語では「字下げ」とも呼ぶ）の習慣をつけましょう。
- タグの対で囲まれたものは、タグの左端よりも 2文字分、右にずらして開始させる、というのが標準的なルール。
- この考え方はプログラミングにおいても同じです。
なお、上で示した html, head, body といったタグを使ったHTML文書の書き方については、次回、違う（否定するような）話をしますのでご注意。
なお、右にずらすのに「字を『下げる』」という言い方をするのは、日本語縦書き文化での用語をそのまま使ってるからです。

（以下の話題は次回にまわします）

markdown について知る
- 解説記事（たとえばここ）
Atomで扱う方法
- とりあえず markdown preview (コアパッケージ)を使う

課題の手順

第11回課題

エディタ（Atomがおすすめ）でHTMLを入力して、
HTMLファイルを１つ作成してみる。
- 保存は、適切な（自分が見失わない）場所（フォルダ）に（「ドキュメント」の下がおすすめ）
- 名前は適当な名前でいいが、
- 拡張子 .html をつけておくこと。
そのファイルを、ブラウザで開き、HTMLとして表示されることを確認する。
- エクスプローラで先程の（保存した）フォルダを開き、
- 当該ファイルをダブルクリックすればいい。
・結果報告に添えて、作成したHTMLファイルも提出下さい。

情報学概論 第11回（6/29)

知っておくべきPC操作と原理（つづき）

PCについて理解する

環境変数

重要なアプリケーション

実践的ICT生活のために

ノートをとる(2)

様々な方法：

構造のあるメモ：

補足１（加筆）：

補足２（加筆）：

第11回課題

情報学概論　　第11回（6/29)