情報デザイン概論 特設補講
ポストコロナの時代は、対面（フィジカル空間）と遠隔（サイバー空間）、それぞれのメリットを活かした複合的な授業・働き方が日常的なものになります。この大きな変化に対応するには、ICTを活用するスキルを早期に身につけることが必要です。
パソコンは、大きくハードウエアとソフトウエアに分けられます。ハードウエアとは「モノとして触ることができる機械」のことで、様々なメーカーが製造して販売しています。一方、ソフトウエアとは「ハードウエアのメモリー上に展開されて動くプログラム」のことで、OS（オペレーティングシステム）という基本ソフトウエアと、アプリケーションと呼ばれる応用ソフトウエアに分けられます。ソフトウエアには プロプライエタリと言われる「有料の商品」だけでなく オープンソースと呼ばれる「無料かつ自由」なものも多く存在します。
| Application | OfficeTools, GraphicTools, ・・ | ||
| OperatingSystem | MacOS | Windows | Linux |
| Hardware | Apple | Microsoft, HP, DELL, Lenovo, NEC・・ | |
OS, アプリケーション, データファイル・・すべてが「内蔵ストレージ（HDD, SSDなど）」という記憶装置の中に保管されています。それらは、種類別に区分けられ、階層的にディレクトリ（フォルダ）の中に整理・保存されています。
例えば、みなさんがいつも見ているデスクトップも一つのディレクトリで、以下の太字の部分に該当します（Macの例 
）。
アプリケーションを使って制作された文書・画像・音声・動画などは、何らかの「ファイル」として パソコンの内蔵ストレージ内に保存されます。
| Windows | Mac |
 |  |
| エクスプローラー＞ファイル＞フォルダと検索のオプション | Finder>環境設定 |
以下、ファイルのサイズ（データ量）の目安です。
ちなみに、情報量の単位は、 B < KB < MB < GB < TB の順に大きく、それぞれの間隔は 1,000倍です。
| Vendor | WordProcessor | SpreadSheet | Presentation |
| Microsoft（Office） | Word | Excel | PowerPoint |
| Apple（iWork） | Pages | Numbers | Keynote |
| Google（Docs） | Document | Spreadsheets | Slide |
| LibreOffice | Writer | Calc | Impress |
| Vendor | Raster | Vector | Movie | 3DCG |
| Adobe | Photoshop | Illustrator | Premiere, AfterEffects | - |
| Opensource | The GIMP | Inkscape | OpenShot, Shotcut | Blender |
WWW（World Wide Web）は、ネットワーク同志を蜘蛛の巣状に接続したインターネットにおいて、HTMLによるハイパーテキストを送受信するシステムです。個々のネットワーク同士が自律分散的に手をつないだもので、どこかが断線しても、別の経路で目的のコンピュータにつながる仕組みになっています。
これは、人間の脳内ネットワークの仕組みを社会システムに投影したものと言える存在で、これからの社会の仕組みを根本から変えていく存在です。
画像出典：https://commons.wikimedia.org/wiki/File:Protocole_HTTP_TCP-IP_Passerelle_Routage.svg
ブラウザとは Webサイトを閲覧するためのアプリケーションです。SNSや様々なクラウドシステムが日常的なものになった今日、最も使用頻度の高いソフトウエアといえるでしょう。世界のブラウザのシェアは以下で確認できます。
http://www.w3counter.com/globalstats.php
画像出典：https://commons.wikimedia.org/wiki/File:Qwerty.svg
大学の授業（課題制作）では パソコンの利用が必須になります。基本的な入力デバイスであるキーボードに早期に慣れておくようにして下さい。
| 記号 | 読み方 | |
| ! | exclamation | エクスクラメーション |
| ' | single quotation, apostrophe | シングルクオート、アポストロフィ |
| “ | double quotation | ダブルクオート |
| ''' """ | triple quotation | トリプルクォート |
| ` | accent | バッククオート、アクサングラーブ |
| ＃ | number, hash | ナンバー、ハッシュ |
| ＄ | dollar | ドル、ダラー |
| ％ | percent | パーセント |
| ＆ | ampersand | アンパサンド、アンド |
| ＠ | atmark | アットマーク、単価記号 |
| ？ | question | クエスチョンマーク |
| 〜 | tilde | チルダ |
| ^ | caret | キャレット、脱字符号 |
| ｜ | vertical bar | 縦ストローク、パイプライン |
| _ | underscore | アンダーバー、アンダースコア |
| ( ) | paren | パーレン |
| [ ] | square bracket | ブラケット、大括弧 |
| { } | brace bracket | ブレイス、中括弧 |
| ： | colon | コロン |
| ； | semicolon | セミコロン |
| ， | comma | カンマ、コンマ |
| ． | period、dot、point | ピリオド、ドット、ポイント |
| / | slash | スラッシュ |
| \ | back slash | バックスラッシュ |
| ＝ | equal | イコール |
| ＜ | less-than | レスザン、小なり |
| ＞ | greater-than | グレーターザン、、大なり |
| - | minus, hyphen, dash | ハイフン、マイナス |
| ＋ | plus | プラス |
| ＊ | asterisk | アスタリスク |
| 。 | くてん | |
| 、 | とうてん | |
| ・ | なかぐろ | |
スマホ世代の方はマウスが苦手なようです。これにも慣れておいてください。
文書や作品のデータは、フォルダを作成して整理することになります。基本的なファイル・フォルダの管理について事前学習しておいて下さい。
