ICT入門
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*ICT入門
コンピュータの活用に関する基礎講座
// ソーシャルデザイン演習 特設補講
//*ソーシャルデザインのためのICT入門
//'''芸術的感性と情報通信技術(ICT) で「面白い !」をデザイ...
//プレエントランスデー|2022年2月
~
**はじめに
***ICTスキル の必要性
リモートワークが日常化した現代社会では、 コンピュータとネ...
-対面: 0 → 1 にする作業(みんなでワイワイ意見交換)
-遠隔:1 → 100 にする作業(移動の無駄を省いた効率的な作業)
~
***スマホとPCの違い
-''スマートフォン:移動通信・消費活動のためのツール''
--携帯キャリアの回線、WiFiを利用した音声通話とインターネ...
--タッチパネルを用いた直接的なインターフェイス
--位置情報を用いた移動のサポート
--加速度・ジャイロ・磁気等のセンサーを用いた様々なアプリ...
--デジタルカメラを用いた屋外での撮影
//--SNS、ショッピング、予約等の各種サービスの利用
-''パーソナルコンピュータ:生産活動のためのツール''
--大画面・複数画面を用いたコンテンツ制作やプログラミング
--大容量ファイルの管理
--USBその他、複数の機器を接続した作業
--高速処理能力・マルチタスク機能を活用した複数アプリの同...
--Webカメラと画面共有を用いたオンライン会議
--有線・無線(WiFi)を利用したインターネット通信
//--SNS、ショッピング、予約等の各種サービスの利用
~
~
**パーソナルコンピュータ
***ハードウエア|ソフトウエア(OS / アプリケーション)
パソコンは、大きくハードウエアとソフトウエアに分けられま...
|COLOR(WHITE):BGCOLOR(GREEN):Application |>|>| OfficeTool...
|COLOR(WHITE):BGCOLOR(BLUE):OperatingSystem | MacOS | Win...
|COLOR(WHITE):BGCOLOR(RED):Hardware | Apple |>|Microsoft,...
''参考'':[[組み込みLinuxについて>https://www.fsi-embedde...
~
***ディレクトリ構成
OS, アプリケーション, データファイル・・すべてが「内蔵ス...
例えば、みなさんがいつも見ている''デスクトップ''も一つの...
#image(images/MacDirectory.png, right, 60%)
-Application
-System
-Users(Home)
--user01
---''Desktop''
---Documents
---Downloads
:
--user02
-Library
~
***ファイルとは
アプリケーションを使って制作された文書・画像・音声・動画...
-パソコンでアプリケーションを利用する際は、作ったファイル...
-保存されたファイルには、当該アプリケーション専用のファイ...
-ファイルには拡張子があります。
--Word:議事録.''docx''
//--汎用テキスト(プレーンテキスト):議事録.''txt''
--Excel:成績表.''xlsx''
//--汎用データ:成績表.''csv''(1行目にデータの項目列、...
--Photoshop:MyImage.''psd''
--汎用画像:MyImage.''jpg''
//--Garageband:MyMusic.''band''
//--汎用音声:MyMusic.''mp3''
//--iMovie:MyMovie.''mov''
--汎用動画:MyMovie.''mp4''
--Webページ:index.''html''
-付記:拡張子の表示
パソコン購入時は、ファイルの拡張子が非表示になっています。
以下を参考に、拡張子が表示されるようにしておきましょう。
|50|50|c
|Windows|Mac|h
|#image(images/folderoption.jpg)|#image(images/finder02.j...
|&small(エクスプローラー>ファイル>フォルダと検索のオプ...
~
***情報量の目安
以下、ファイルのサイズ(データ量)の目安です。
-本1冊分の文字データ(.txt):500KB(KB:キロバイト)
-4Kサイズの写真1枚(.jpg):2MB(MB:メガバイト)
-1分間の音楽(.mp3):1MB
-1分間の動画(.mp4):10MB
ちなみに、情報量の単位は、 B < KB < MB < GB < TB の順に大...
~
~
**アプリケーション
***OfficeTools
|Vendor| WordProcessor | SpreadSheet | Presentation |h
|Microsoft(Office) | Word | Excel | PowerPoint|
|Apple(iWork)| Pages | Numbers | Keynote |
|Google(Docs)| Document | Spreadsheets | Slide |
|LibreOffice| Writer | Calc | Impress |
~
***GraphicTools
|Vendor| Raster | Vector | Movie | 3DCG |h
|Adobe| Photoshop | Illustrator | Premiere, AfterEffects ...
|Opensource| The GIMP | Inkscape | OpenShot, Shotcut | Bl...
~
~
**インターネット
***WWW
#image(images/internet.png,right,40%)
WWW(World Wide Web)は、ネットワーク同志を蜘蛛の巣状に接...
これは、人間の脳内ネットワークの仕組みを社会システムに投...
&scale(75){画像出典:https://commons.wikimedia.org/wiki/F...
~
***ブラウザはこれからの標準プラットフォーム
ブラウザとは Webサイトを閲覧するためのアプリケーションで...
http://www.w3counter.com/globalstats.php
-ブラウザでできること
--Webサイトの閲覧 / 各種ファイルのダウンロード
--画像(.jpg)、動画(.mp4)、音声(.mp3)等の再生
--クラウドドライブ上でのファイル管理
--文書、スプレッドシート、スライド、楽曲等の作成・共同編...
-様々なWebアプリケーション
--[[Wiki(学科サイト)>https://design.kyusan-u.ac.jp/soci...
//--[[GitHub>https://github.com/koichi-inoue]]
--[[Google SpreadSheet>https://docs.google.com/spreadshee...
--[[Figma>https://www.figma.com/]]
&aname(basic);
~
~
**超・基本の確認
***Keyboardに慣れる
#image(images/keyboard.png)
&scale(75){画像出典:https://commons.wikimedia.org/wiki/F...
大学の授業(課題制作)では パソコンの利用が必須になります...
-[[ホームポジションの確認>https://ja.wikipedia.org/wiki/%...
&scale(75){画像出典:https://ja.wikipedia.org/wiki/File:T...
-ローマ字入力(K, S, T, N, H, M, Y, R, W + A, E|I, U, O)
-特殊キーの理解(CapsLock, SHIFT, CTRL, ALT, TAB, ESC, ・...
-タイピング練習サイト
--無料タイピング練習 IP 検:http://www.pken.com/tool/typi...
--寿司打:https://sushida.net
~
***記号の読み方
|10|40|50|C
|COLOR(#FFF):BGCOLOR(#333):記号|>|COLOR(#FFF):BGCOLOR(#33...
|CENTER:!|exclamation|エクスクラメーション|
|CENTER:' |single quotation, apostrophe|シングルクオート...
|CENTER:“ |double quotation|ダブルクオート|
|CENTER:'''&br;""" |triple quotation|トリプルクォート|
|CENTER:` |accent|バッククオート、アクサングラーブ|
|CENTER:#|number, hash|ナンバー、ハッシュ|
|CENTER:$|dollar|ドル、ダラー|
|CENTER:%|percent |パーセント|
|CENTER:&|ampersand|アンパサンド、アンド|
|CENTER:@|atmark|アットマーク、単価記号|
|CENTER:?|question|クエスチョンマーク|
|CENTER:〜|tilde|チルダ|
|CENTER:^ |caret|キャレット、脱字符号|
|CENTER:||vertical bar|縦ストローク、パイプライン|
|CENTER:_ |underscore|アンダーバー、アンダースコア|
|CENTER:( ) |paren|パーレン|
|CENTER:[ ] |square bracket|ブラケット、大括弧|
|CENTER:{ } |brace bracket|ブレイス、中括弧|
|CENTER::|colon|コロン|
|CENTER:;|semicolon|セミコロン|
|CENTER: ,|comma|カンマ、コンマ|
|CENTER: .|period、dot、point|ピリオド、ドット、ポイント|
|CENTER:/ |slash|スラッシュ|
|CENTER:\ |back slash|バックスラッシュ|
|CENTER:= |equal|イコール|
|CENTER:<|less-than|レスザン、小なり|
|CENTER:>|greater-than|グレーターザン、、大なり|
|CENTER:- |minus, hyphen, dash|ハイフン、マイナス|
|CENTER:+|plus|プラス|
|CENTER:*|asterisk|アスタリスク|
|CENTER: 。||くてん|
|CENTER:、||とうてん|
|CENTER:・||なかぐろ|
~
***マウスに慣れる
スマホ世代の方はマウスが苦手なようです。これにも慣れてお...
-クリック、ダブルクリック、トリプルクリック
-右クリック > コンテクストメニュー
&small(Macのマウスにも「右」があります。システム設定で「...
~
***フォルダとファイルの管理に慣れる
文書や作品のデータは、フォルダを作成して整理することにな...
-新規フォルダの作成:任意の場所で [ 右クリック > 新規フォ...
-名称の変更:ファイルやフォルダを選択して [ 右クリック > ...
-複製・バックアップ:ファイルやフォルダを [ CTRL(Option...
-複数のファイル・フォルダの選択
--方法1)全体を囲むようにドラッグ
--方法2)[SHIFT] + クリックで追加選択
~
***ショートカット
-コピー&ペーストのショートカット
基本中の基本です。ほぼすべての環境で共通です。
--[CTRL(⌘)] + [C] コピー
--[CTRL(⌘)] + [X] カット(切り取り)
--[CTRL(⌘)] + [V] ペースト(貼付け)
-ファイル>新規・開く・保存
ほぼすべてのソフトウエアで共通です。
--[CTRL(⌘)] + [N] 新規作成
--[CTRL(⌘)] + [O] 開く
--[CTRL(⌘)] + [C] 保存(上書き保存)
-UnDo / ReDo
--[CTRL(⌘)] + [z] 元に戻す
--[CTRL(⌘)] + [SHIFT] + [z] やり直す(UnDo の取り消し)
-文字列検索
--[CTRL(⌘)] + [f] 検索
--[CTRL(⌘)] + [SHIFT] + [f] 置換
-画面のスクリーンショット
--[COMMAND]+[SHIFT]+[3]
シャッター音とともに画面がPNG画像としてデスクトップに保存...
--[COMMAND]+[SHIFT]+[4]
カーソルが十字になります。囲んだ範囲がデスクトップに保存...
-入力文字の文字種変換|カタカナ/全角英数/半角英数(''Mac'...
MacのファンクションキーにはWinとは異なる機能があてられて...
Windowsのように「入力したあと[F7]でカタカナ」ということが...
で、ひらがな入力の時は、以下の操作で文字種を事後切り替え...
--[CTRL] + [j] ひらがな
--[CTRL] + [k] カタカナ (Windowsの[F7]相当)
--[CTRL] + [l](エル) 全角英数
--[CTRL] + [;] 半角英数 (英数キーを2回押しでも可)
&color(red){''これが効かない!''という方へ};
日本語環境設定で「Windows風のキー操作」にチェックが入って...
~
***ブラウザに慣れる
-クラウドファーストの時代です。多くの作業でブラウザが窓口...
--よく閲覧するサイトを[[ブックマーク>Google:ブラウザ ブッ...
--複数のWebサイトを[[複数のタブ>Google:ブラウザ タブ]]で...
--各種ファイルのダウンロード
--画像のダウンロード
---画像の上で 右クリック>「画像を保存(ダウンロード)」
---通常は、個人領域の「ダウンロード」フォルダに落ちてきま...
--文字列のコピー&ペースト
-以下のブラウザをインストールして利用することをおすすめし...
--Firefox:https://www.mozilla.org/ja/firefox/new/
--Chrome:https://www.google.co.jp/chrome/
~
//**最後に
//-芸術学部サイトの学科の説明を読んで、学びの主旨を確認し...
//https://www.kyusan-u.ac.jp/kyugei/2017/department/socia...
//
//-学科サイトの記事もあわせてご確認下さい。
//https://design.kyusan-u.ac.jp/socialdesign/?ABOUT
//
//~
//CENTER:'''''2022年4月、みなさんとお会いできることを楽し...
//~
~
~
終了行:
*ICT入門
コンピュータの活用に関する基礎講座
// ソーシャルデザイン演習 特設補講
//*ソーシャルデザインのためのICT入門
//'''芸術的感性と情報通信技術(ICT) で「面白い !」をデザイ...
//プレエントランスデー|2022年2月
~
**はじめに
***ICTスキル の必要性
リモートワークが日常化した現代社会では、 コンピュータとネ...
-対面: 0 → 1 にする作業(みんなでワイワイ意見交換)
-遠隔:1 → 100 にする作業(移動の無駄を省いた効率的な作業)
~
***スマホとPCの違い
-''スマートフォン:移動通信・消費活動のためのツール''
--携帯キャリアの回線、WiFiを利用した音声通話とインターネ...
--タッチパネルを用いた直接的なインターフェイス
--位置情報を用いた移動のサポート
--加速度・ジャイロ・磁気等のセンサーを用いた様々なアプリ...
--デジタルカメラを用いた屋外での撮影
//--SNS、ショッピング、予約等の各種サービスの利用
-''パーソナルコンピュータ:生産活動のためのツール''
--大画面・複数画面を用いたコンテンツ制作やプログラミング
--大容量ファイルの管理
--USBその他、複数の機器を接続した作業
--高速処理能力・マルチタスク機能を活用した複数アプリの同...
--Webカメラと画面共有を用いたオンライン会議
--有線・無線(WiFi)を利用したインターネット通信
//--SNS、ショッピング、予約等の各種サービスの利用
~
~
**パーソナルコンピュータ
***ハードウエア|ソフトウエア(OS / アプリケーション)
パソコンは、大きくハードウエアとソフトウエアに分けられま...
|COLOR(WHITE):BGCOLOR(GREEN):Application |>|>| OfficeTool...
|COLOR(WHITE):BGCOLOR(BLUE):OperatingSystem | MacOS | Win...
|COLOR(WHITE):BGCOLOR(RED):Hardware | Apple |>|Microsoft,...
''参考'':[[組み込みLinuxについて>https://www.fsi-embedde...
~
***ディレクトリ構成
OS, アプリケーション, データファイル・・すべてが「内蔵ス...
例えば、みなさんがいつも見ている''デスクトップ''も一つの...
#image(images/MacDirectory.png, right, 60%)
-Application
-System
-Users(Home)
--user01
---''Desktop''
---Documents
---Downloads
:
--user02
-Library
~
***ファイルとは
アプリケーションを使って制作された文書・画像・音声・動画...
-パソコンでアプリケーションを利用する際は、作ったファイル...
-保存されたファイルには、当該アプリケーション専用のファイ...
-ファイルには拡張子があります。
--Word:議事録.''docx''
//--汎用テキスト(プレーンテキスト):議事録.''txt''
--Excel:成績表.''xlsx''
//--汎用データ:成績表.''csv''(1行目にデータの項目列、...
--Photoshop:MyImage.''psd''
--汎用画像:MyImage.''jpg''
//--Garageband:MyMusic.''band''
//--汎用音声:MyMusic.''mp3''
//--iMovie:MyMovie.''mov''
--汎用動画:MyMovie.''mp4''
--Webページ:index.''html''
-付記:拡張子の表示
パソコン購入時は、ファイルの拡張子が非表示になっています。
以下を参考に、拡張子が表示されるようにしておきましょう。
|50|50|c
|Windows|Mac|h
|#image(images/folderoption.jpg)|#image(images/finder02.j...
|&small(エクスプローラー>ファイル>フォルダと検索のオプ...
~
***情報量の目安
以下、ファイルのサイズ(データ量)の目安です。
-本1冊分の文字データ(.txt):500KB(KB:キロバイト)
-4Kサイズの写真1枚(.jpg):2MB(MB:メガバイト)
-1分間の音楽(.mp3):1MB
-1分間の動画(.mp4):10MB
ちなみに、情報量の単位は、 B < KB < MB < GB < TB の順に大...
~
~
**アプリケーション
***OfficeTools
|Vendor| WordProcessor | SpreadSheet | Presentation |h
|Microsoft(Office) | Word | Excel | PowerPoint|
|Apple(iWork)| Pages | Numbers | Keynote |
|Google(Docs)| Document | Spreadsheets | Slide |
|LibreOffice| Writer | Calc | Impress |
~
***GraphicTools
|Vendor| Raster | Vector | Movie | 3DCG |h
|Adobe| Photoshop | Illustrator | Premiere, AfterEffects ...
|Opensource| The GIMP | Inkscape | OpenShot, Shotcut | Bl...
~
~
**インターネット
***WWW
#image(images/internet.png,right,40%)
WWW(World Wide Web)は、ネットワーク同志を蜘蛛の巣状に接...
これは、人間の脳内ネットワークの仕組みを社会システムに投...
&scale(75){画像出典:https://commons.wikimedia.org/wiki/F...
~
***ブラウザはこれからの標準プラットフォーム
ブラウザとは Webサイトを閲覧するためのアプリケーションで...
http://www.w3counter.com/globalstats.php
-ブラウザでできること
--Webサイトの閲覧 / 各種ファイルのダウンロード
--画像(.jpg)、動画(.mp4)、音声(.mp3)等の再生
--クラウドドライブ上でのファイル管理
--文書、スプレッドシート、スライド、楽曲等の作成・共同編...
-様々なWebアプリケーション
--[[Wiki(学科サイト)>https://design.kyusan-u.ac.jp/soci...
//--[[GitHub>https://github.com/koichi-inoue]]
--[[Google SpreadSheet>https://docs.google.com/spreadshee...
--[[Figma>https://www.figma.com/]]
&aname(basic);
~
~
**超・基本の確認
***Keyboardに慣れる
#image(images/keyboard.png)
&scale(75){画像出典:https://commons.wikimedia.org/wiki/F...
大学の授業(課題制作)では パソコンの利用が必須になります...
-[[ホームポジションの確認>https://ja.wikipedia.org/wiki/%...
&scale(75){画像出典:https://ja.wikipedia.org/wiki/File:T...
-ローマ字入力(K, S, T, N, H, M, Y, R, W + A, E|I, U, O)
-特殊キーの理解(CapsLock, SHIFT, CTRL, ALT, TAB, ESC, ・...
-タイピング練習サイト
--無料タイピング練習 IP 検:http://www.pken.com/tool/typi...
--寿司打:https://sushida.net
~
***記号の読み方
|10|40|50|C
|COLOR(#FFF):BGCOLOR(#333):記号|>|COLOR(#FFF):BGCOLOR(#33...
|CENTER:!|exclamation|エクスクラメーション|
|CENTER:' |single quotation, apostrophe|シングルクオート...
|CENTER:“ |double quotation|ダブルクオート|
|CENTER:'''&br;""" |triple quotation|トリプルクォート|
|CENTER:` |accent|バッククオート、アクサングラーブ|
|CENTER:#|number, hash|ナンバー、ハッシュ|
|CENTER:$|dollar|ドル、ダラー|
|CENTER:%|percent |パーセント|
|CENTER:&|ampersand|アンパサンド、アンド|
|CENTER:@|atmark|アットマーク、単価記号|
|CENTER:?|question|クエスチョンマーク|
|CENTER:〜|tilde|チルダ|
|CENTER:^ |caret|キャレット、脱字符号|
|CENTER:||vertical bar|縦ストローク、パイプライン|
|CENTER:_ |underscore|アンダーバー、アンダースコア|
|CENTER:( ) |paren|パーレン|
|CENTER:[ ] |square bracket|ブラケット、大括弧|
|CENTER:{ } |brace bracket|ブレイス、中括弧|
|CENTER::|colon|コロン|
|CENTER:;|semicolon|セミコロン|
|CENTER: ,|comma|カンマ、コンマ|
|CENTER: .|period、dot、point|ピリオド、ドット、ポイント|
|CENTER:/ |slash|スラッシュ|
|CENTER:\ |back slash|バックスラッシュ|
|CENTER:= |equal|イコール|
|CENTER:<|less-than|レスザン、小なり|
|CENTER:>|greater-than|グレーターザン、、大なり|
|CENTER:- |minus, hyphen, dash|ハイフン、マイナス|
|CENTER:+|plus|プラス|
|CENTER:*|asterisk|アスタリスク|
|CENTER: 。||くてん|
|CENTER:、||とうてん|
|CENTER:・||なかぐろ|
~
***マウスに慣れる
スマホ世代の方はマウスが苦手なようです。これにも慣れてお...
-クリック、ダブルクリック、トリプルクリック
-右クリック > コンテクストメニュー
&small(Macのマウスにも「右」があります。システム設定で「...
~
***フォルダとファイルの管理に慣れる
文書や作品のデータは、フォルダを作成して整理することにな...
-新規フォルダの作成:任意の場所で [ 右クリック > 新規フォ...
-名称の変更:ファイルやフォルダを選択して [ 右クリック > ...
-複製・バックアップ:ファイルやフォルダを [ CTRL(Option...
-複数のファイル・フォルダの選択
--方法1)全体を囲むようにドラッグ
--方法2)[SHIFT] + クリックで追加選択
~
***ショートカット
-コピー&ペーストのショートカット
基本中の基本です。ほぼすべての環境で共通です。
--[CTRL(⌘)] + [C] コピー
--[CTRL(⌘)] + [X] カット(切り取り)
--[CTRL(⌘)] + [V] ペースト(貼付け)
-ファイル>新規・開く・保存
ほぼすべてのソフトウエアで共通です。
--[CTRL(⌘)] + [N] 新規作成
--[CTRL(⌘)] + [O] 開く
--[CTRL(⌘)] + [C] 保存(上書き保存)
-UnDo / ReDo
--[CTRL(⌘)] + [z] 元に戻す
--[CTRL(⌘)] + [SHIFT] + [z] やり直す(UnDo の取り消し)
-文字列検索
--[CTRL(⌘)] + [f] 検索
--[CTRL(⌘)] + [SHIFT] + [f] 置換
-画面のスクリーンショット
--[COMMAND]+[SHIFT]+[3]
シャッター音とともに画面がPNG画像としてデスクトップに保存...
--[COMMAND]+[SHIFT]+[4]
カーソルが十字になります。囲んだ範囲がデスクトップに保存...
-入力文字の文字種変換|カタカナ/全角英数/半角英数(''Mac'...
MacのファンクションキーにはWinとは異なる機能があてられて...
Windowsのように「入力したあと[F7]でカタカナ」ということが...
で、ひらがな入力の時は、以下の操作で文字種を事後切り替え...
--[CTRL] + [j] ひらがな
--[CTRL] + [k] カタカナ (Windowsの[F7]相当)
--[CTRL] + [l](エル) 全角英数
--[CTRL] + [;] 半角英数 (英数キーを2回押しでも可)
&color(red){''これが効かない!''という方へ};
日本語環境設定で「Windows風のキー操作」にチェックが入って...
~
***ブラウザに慣れる
-クラウドファーストの時代です。多くの作業でブラウザが窓口...
--よく閲覧するサイトを[[ブックマーク>Google:ブラウザ ブッ...
--複数のWebサイトを[[複数のタブ>Google:ブラウザ タブ]]で...
--各種ファイルのダウンロード
--画像のダウンロード
---画像の上で 右クリック>「画像を保存(ダウンロード)」
---通常は、個人領域の「ダウンロード」フォルダに落ちてきま...
--文字列のコピー&ペースト
-以下のブラウザをインストールして利用することをおすすめし...
--Firefox:https://www.mozilla.org/ja/firefox/new/
--Chrome:https://www.google.co.jp/chrome/
~
//**最後に
//-芸術学部サイトの学科の説明を読んで、学びの主旨を確認し...
//https://www.kyusan-u.ac.jp/kyugei/2017/department/socia...
//
//-学科サイトの記事もあわせてご確認下さい。
//https://design.kyusan-u.ac.jp/socialdesign/?ABOUT
//
//~
//CENTER:'''''2022年4月、みなさんとお会いできることを楽し...
//~
~
~
ページ名: