#author("2026-04-29T14:02:13+09:00","default:inoue.ko","inoue.ko") #author("2026-04-29T14:04:54+09:00","default:inoue.ko","inoue.ko") * [[コンピュータ概論]] 2026 &small(芸術学部｜前期 水曜４限 15号館1F 15102); __[[汎用シート>https://docs.google.com/spreadsheets/d/1jmkfTO6u2OZqwvyAta_ID0mtNdW3mh-qUoBCiv_6ZPo/edit?usp=sharing]]__｜__[[CommentScreen>]]__ __[[汎用シート>https://docs.google.com/spreadsheets/d/1jmkfTO6u2OZqwvyAta_ID0mtNdW3mh-qUoBCiv_6ZPo/edit?usp=sharing]]__｜__[[CommentScreen>https://commentscreen.com/comments?id=mKbu9qODRky1jt93jG6I]]__ ~ #qrcode(,center,35%) ~ ~ **第４回｜様々なアプリケーションの活用 ***アプリケーションについて -Webアプリケーションとネイティブアプリケーション -Webアプリにおける__[[フロントエンドとバックエンド>GoogleImage:フロントエンド バックエンド]]__ -プロプライエタリと__[[オープンソース>OpenSource]]__ ~ ***Webアプリケーション -__[[Teams>https://teams.microsoft.com/]]__ について --__[[Teams コンピュータ概論>https://teams.microsoft.com/l/channel/19%3AdjQ9-0IsX_HCoro2xB_JTGb14ukPndv8MujP2dSm0QI1%40thread.tacv2/General?groupId=eacdef83-df93-406f-a67d-318eefeee0cd&tenantId=df03dc85-297e-48d3-9982-2381ff32add7]]__ --OneDrive について -__[[GoogleDrive]]__について 大学に用意された OneDriveにも同様の機能がありますが、ここでは受講生の大半が個人所有する Googleアカウントを利用した GoogleDrive を紹介します。 ~ ***Officeツール -ドキュメント作成（Word） -スプレッドシート（Excel） -スライド（プレゼンテーション）（PowerPoint） ~ ***グラフィックツール -2Dラスターグラフィック（Photoshop, GIMP） -2Dベクターグラフィックス（Illustrator, Inkscape） -DTP（InDesign, Scribus） -3DCG（[[Blender]]） -映像編集（Premier, AfterEffect, OpenShot） ~ ***ソフトウエア開発ツール ＞ 第10回 の授業で紹介します。 -ローカル開発環境 -リモート開発環境 -リポジトリ ~ ***コンピュータとネットワークに関する留意事項 -ユーザーアカウントの管理（ID・パスワードの保管） -セキュリティー対策 -スマホアプリ活用上の留意点 -AI活用上の留意点 -__[[著作権>Copyright]]__・肖像権 vs __[[コピーレフト>Copyleft]]__ -__[[クリエイティブコモンズとパブリックドメイン>CreativeCommons]]__ -SNS上での発言について -写真画像の扱いとExif情報 ~ ***意見交換 （準備中） //-スマホのアプリで「役立つもの・面白いもの」を紹介して下さい。 //そのアプリの紹介記事へのリンクもあわせて記載をお願いします。 // ~ **第３回 インターネットの活用 ***はじめに __[[AndroidでKIND WiFiに接続する方法>https://www.cnc.kyusan-u.ac.jp/pdf/user-guide/android_KIND-WiFi20260314.pdf]]__ ~ ***WWW #image(images/internet.png,right,40%) WWW(World Wide Web)は、ネットワーク同志をつなぐ、蜘蛛の巣状のネットワークで、主にHTMLによるハイパーテキストが送受信されるシステムです。もともとは、大学や研究所などの個々のネットワーク同士が同一の規約(プロトコル)にしたがって、自律分散的に勝手に手をつないだもので、全体を管理する中央集権的な組織があるわけではありません。 どこかが断線しても、別の経路で目的のコンピュータにつながる仕組みになっているので、非常に安定した信頼性の高い仕組みといえます。しかし逆に言えば、一旦情報が流出すると、誰にも止めることができません。発信前に十分な注意が必要です。 &scale(75){画像出典：https://commons.wikimedia.org/wiki/File:Protocole_HTTP_TCP-IP_Passerelle_Routage.svg}; Webはクライアント・サーバモデルに基づくシステムで、クライアント側の視点でみると、以下のように動作します。 -1) ブラウザにURL(アドレス)を入力、あるいはリンクをクリックする -2) URLがDNSというデータベースによってIPアドレスに変換される -3) IPアドレスに対応するサーバにHTTPというプロトコルで接続される -4) HTMLで書かれたページが画像などとともに、要求元に送信される -5) 受け取ったデータはブラウザによって画面上に描き出される ~ ***__[[ブラウザの活用>Browser]]__ ブラウザとは Webサイトを閲覧するためのアプリケーションです。SNSや様々なクラウドシステムが日常的なものになった今日、最も使用頻度の高いソフトウエアといえるでしょう。 -ブラウザでできること --Webサイトの閲覧 / 各種ファイルのダウンロード --画像（.jpg）、動画（.mp4）、音声（.mp3）等の再生 --オンラインストレージ上でのファイル管理 --文書、スプレッドシート、スライド、楽曲等の作成・共同編集・保存 -参考：__[[世界のブラウザのシェア>http://www.w3counter.com/globalstats.php]]__ ~ ***メールの活用について -e-mail の送受信を行う方法（大きく２種類） --Webメール： __[[Outlook（本学学生標準）>https://outlook.office.com/mail/]]__、Gmail、 YahooMail --メーラー（メールクライアント）：Outlook（Local）、 Thunderbird &small(付記：スマホでは、クライアントアプリをインストール・・が一般的); -送信先：宛先、CC（Carbon Copy）、BCC（Blind Carbon Copy） -件 名：要件をわかりやすく -本 文：相手の氏名、自身（送信者）の氏名をお忘れなく -添付ファイル：推奨：2MB以下、最大：10〜25MB -署 名：自身の氏名・所属・連絡先 -メールの送信者名に注意（ニックネーム等は非推奨） ~ ***付記１：Outlookでのメールの添付ファイルについて 特に Microsoft365を利用する組織で Outlookを利用する場合添付ファイル（リンクと実体添付の違いを理解する必要があります） -''実体ファイルの添付（コピーを送信）'' ファイルそのものをメールに「同封」して送る方法で、自分のPCにあるファイルのコピーをメールサーバー経由で相手に届けます。 -''リンクの共有（クラウド上のファイル）'' ファイルの実体はクラウド上に置いたまま、相手に「閲覧」や「編集」のアクセス権限（リンク）を送ります。 ~ ***付記２：詐欺メール対策 -スパムメールフィルタを使う（多くのサービスで実装されています） -送信メールアドレスを疑う（偽装できるので注意） 受信メールボックス上で表示される差出人のメールアドレスは、仕様上「ヘッダFrom」という部分に記載されているものですが、ヘッダFromは、実際の送信者とは異なるものに改ざんすることが可能です。本当の送信元を特定するには、メールのソースを見て「エンベロープFrom」を確認する必要があります。 参考：__[[Google:ヘッダーfrom エンベロープfrom]]__ -不用意にリンクをクリックしない -不用意に添付ファイルを開かない（実行しない） ~ ***意見交換 -インターネットを利用していてヒヤリとしたことを教えて下さい。様々なリスクがあることを皆で共有したいと思います。 __[[汎用シート>https://docs.google.com/spreadsheets/d/1jmkfTO6u2OZqwvyAta_ID0mtNdW3mh-qUoBCiv_6ZPo/edit?usp=sharing]]__ -参考：自身のIPアドレスの確認 確認くん：https://www.ugtop.com/spill.shtml ~ ~ **第２回 デジタルデータの活用 ***はじめに -iPhone、Macユーザの方の iCloud 利用について --同期とは、サーバーストレージを含む複数のデバイス間で、データを一元的に最新の状態に保つ仕組みのことを言います。例えば、同期されているファイルを Macで修正更新すると、自動的に iCloud内のデータも更新され、iPhone にあるファイルも更新される・・という仕組みです。 --きちんとした知識と技術がないと課金せざるを得ない状況になる・・多くの方がハマっているようです。__[[参考情報>https://yutalog.net/icloud-backup-taisyo/]]__ -利便性の向上とリスクについて テクノロジーの進歩による利便性の向上は、それを上回る破壊的リスクを生み出します。技術への依存は大きなリスクを伴うと考えて下さい。 -その他参考：本学芸学の学生さんは、Adobeを自宅のPCでも利用できます。 https://www.cnc.kyusan-u.ac.jp/pdf/user-guide/adobecc_student.pdf ~ ***デジタルデータの基本単位 -ビット：bit ：Binary Digit ＞ 2進数（0, 1) １桁分の情報量 -バイト：1Byte = 8bit ＞ 2進数８桁分の情報量 &mathjax(2^8 = 256); 通り ＞ 英数１文字分の文字コードに対応 [[参考：文字コード表>GoogleImage:文字コード]] -単位の接頭辞： &mathjax(\times 10^3);：K（キロ）, M（メガ）, G（ギガ）, T（テラ）, P（ペタ） &mathjax(\times 10^{-3});：mm（ミリ）, μ（マイクロ）, n（ナノ）, p（ピコ）, f（フェムト） [[参考：SI接頭語>Wikipedia:SI接頭語]] ~ CENTER: '''以下、様々な形式のデータについて、''' '''実際のソフトウエアを使いながら紹介します。''' ~ ***テキストデータ コンピュータが扱うファイルの中で、最もシンプルなのが、''プレーンテキスト''といわれるもので、数字や文字が１〜３バイトのコードとして羅列されたものです。一般に拡張子 .txt をつけて保存しますが、例えば、CSV形式のデータや、Webページの記述に用いるHTML（.html）・CSS（.css）・JavaScript（.js）や、データを列挙した CSV（.csv）も、基本的には .txt で保存したものと同じプレーンテキストファイルです。プレーンテキストは、__[[テキストエディタ>TextEditor]]__をはじめ、様々なアプリケーションソフトウエアで開くことができます。__[[ASCIIデータ>Google:ASCIIデータ]]__と呼ばれることもあります。 ~ ***バイナリデータ 01の羅列として記録されたデータで、人間には読めない（コンピュータにしか理解できない）データです。実行可能なアプリケーション、特定のアプリケーションに依存したデータ、画像データなどが、この形式で記録されています。 ~ ***ラスターデータ ＞__[[RasterGraphics]]__ ~ ***ベクターデータ ＞__[[VectorGraphics]]__ ~ ***3DCGが扱うデータ 例えば、Blenderのシーンデータ（.blend）などは、様々な種類のデータの複合パッケージとなっています。 -ポリゴンメッシュ：多角形を構成する（一般に三角形の）座標点と結線情報を列挙したデータ -カーブ：端店と制御点を元に、方程式で曲線を補完する形式のデータ -マテリアル：材質をシミュレートするために、拡散反射・鏡面反射・透明度・屈折率などのパラメータを列挙したデータ -アクション：オブジェクトの動きの情報をまとめたデータ ~ ***動画データ 動画ファイルには、画像、音声、字幕などのデータが含まれています。例えば、MP4は、コンテナボックスの中に複数のボックスをもつ木構造で、以下のような情報が格納されています。 -ftyp：ファイルの先頭に書かれるファイルタイプの明記 -moov：全てのメタデータを含むコンテナ。動画・音声トラックのヘッダ情報やコンテンツの内容のメタ記述、時刻情報などが含まれます。 -mdat：トラックのメディアデータ本体のコンテナ。ファイル中のmdatボックスの数は任意で、動画と音声、動画のみ、音声のみ、あるいは複数種のトラックを同時に含む・・など、任意のトラック構成を持つことができます。 ~ ***意見交換 データの情報量（B, KB, MB, GB・・）について、日頃どの程度意識していますか？ また、意識しているとすれば、それはどんなケースですか？ -__[[汎用シート>https://docs.google.com/spreadsheets/d/1jmkfTO6u2OZqwvyAta_ID0mtNdW3mh-qUoBCiv_6ZPo/edit?usp=sharing]]__ ~ ~ **第１回 ガイダンス ***はじめに -当科目の目的・趣旨について -単位認定について --毎回の簡易投稿とレポート課題によって認定します。 --レポート課題は、第８回で提示 ＞ 第14回の日を締切 -授業の進め方について ~ ***__[[基礎的事項の確認>ICT入門]]__ -スマホとPCの違い -ハードとソフト、アナログとデジタル -ハードウエア, OS, アプリケーション -ディレクトリ構成 -ファイルの管理・拡張子 -各種デバイス（キーボード、マウス、USBメモリ・・・） -コンピュータの歴史・現在・未来 ~ ***基礎的知識の確認 日常生活におけるデジタル機器の使用に関わる受講生の皆さんの現状を確認させて下さい。以下、無記名の調査です（単位認定とは無関係です）。 -調査フォーム：https://forms.gle/KuteMiUJYSKsZDtu9 //＞ 受付終了しました。ご協力ありがとうございました。 //-参考情報 //--電気の知識：https://www.yamabishi.co.jp/other/knowledge/index.html //--消費電力：https://eco-power.jp/power_list.html //--[[Wikipedia:電波]] ~ ***意見交換 身近にある''コンピュータではない''機器・モノの具体例を挙げて下さい。コンピュータについて議論するには、はじめに「コンピュータではないもの」を確認する必要があります。''視点を対象世界の外部に置く''ことが大切です。 -__[[汎用シート>https://docs.google.com/spreadsheets/d/1jmkfTO6u2OZqwvyAta_ID0mtNdW3mh-qUoBCiv_6ZPo/edit?usp=sharing]]__ ~ ~ **APPENDIX 大学入学前の ICT関連教育について概観します。 ~ ***小学校におけるプログラミング教育 2020年から「プログラミング教育」が必修化されていますが、プログラミングという科目が新設されるわけではなく、算数・社会・理科・音楽などの各科目の授業内に組み込まれる形で行われます。プログラミング言語の習得というより、「論理的思考力を身につけること」にその目的があります。以下、事例。 -算数：ビジュアル言語（Scratch）などを使用した図形描画 -社会：地域の情報をコンピュータを活用して整理する -理科：身近にある電気・電子的ツールの性質について学ぶ -音楽：コンピュータを使った自動演奏、楽曲制作 ~ ***中学校におけるプログラミング教育 中学校では2012年時点の学習指導要領で「技術・家庭科」のカリキュラムに「プログラムによる計測・制御」が位置付けられていましたが、2021年からはより具体的な内容のプログラミング教育が「技術」の授業などに組み込まれるかたちで実施されています。中学校でのプログラミング教育の目的は「IT社会を生き抜く力を身につけること」とされています。小学校と同様に具体的な授業内容は各中学校で異なります。以下、事例。 -ネットワークを活用した情報の交換・共有 -オフィスツールを用いた文書作成・表計算・プレゼンテーション -コンピュータを用いた動画コンテンツの制作（グループワーク） -画像認識AI、画像生成AI等の活用体験 ~ ***高等学校における情報教育 高等学校には「数学」や「理科」と同様に、2003年度から「情報」という教科が設けられています。2021年までは、高校の情報科において「情報の科学」という科目を選択すればプログラミングを学べる・・という形でしたが、2022年から「情報Ⅰ」と「情報Ⅱ」が追加され、「情報Ⅰ」は必修、2024年度の大学入学共通テストにも出題されるようになりました。以下、科目の構成概要です。 -高校 情報Ⅰ（必修） --1）情報社会の問題解決 --2）コミュニケーションと情報デザイン --3）コンピュータとプログラミング --4）情報通信ネットワークとデータの活用 -高校 情報Ⅱ（選択） --1）情報社会の進展と情報技術 --2）コミュニケーションとコンテンツ --3）情報とデータサイエンス --4）情報システムとプログラミング --5）情報と情報技術を活用した問題発見・解決の探究 Society 5.0 （創造社会）おいては、誰もがデジタルデータやAIを使いこなす必要があり、その前提として、コンピュータや情報通信ネットワークの仕組みを理解する（Society 4.0（情報社会））とともに、それらを安全・適切に使うための情報セキュリティ、情報モラルの教育が必要・・とされています。 ~ ~ ~