メディア表現 VI 1. オリエンテーション
目次
シラバス紹介
授業のねらい及び到達目標
情報デザインの考え方は、高度情報化時代において必要不可欠なものである。どのように情報を収集し、分析し、再構築し、わかりやすい形で表現するかの様々な手法について理解を深める。
- 情報化社会における幅広い情報デザインの考え方を理解できる。
- 状況に応じて適切なツールを利用できる。
授業の形式・計画
-
【第1回】オリエンテーション 授業の目的と内容、授業の進め方について説明する。
-
【第2回】テキストエディタ 情報を扱う上で基本となるテキストデータの取り扱いについてより実践的な手法について学修する。
-
【第3回】 Markdown記法 文書を記述するMarkdown記法について、及びその応用について学修する。
-
【第4回】データベース 検索や蓄積が用意にできるように整理された情報の集まりであるデータベースについて学修する。
-
【第5回】モダンExcel I スピル・テーブル等Excelの便利な機能について学修する。
-
【第6回】モダンExcel II PowerPivot, PowerQueryといったモダンExcelを用いた分析・可視化について学修する。
-
【第7回】Googleツール I Googleが提供する様々なツールについて学修する。
-
【第8回】Googleツール II Googleが提供する様々な管理ツールについて学修する。
-
【第9回】情報管理 情報を一括で管理できるNotionについて学修する。
-
【第10回】バージョン管理 ファイルの更新記録を管理するGit/Githubについて学修する。
- 【第11回】ノーコードツールI
- 【第12回】ノーコードツールII
-
【第13回】ノーコードツールIII コーディングを必要としないノーコードツールを用いた開発について学修する。
-
【第14回】AIツールの現状 進化を続けるAIツールについて学修する。
- 【第15回】まとめ 学修した情報デザインツール・思考法についてまとめる。
本演習について
「メディア表現」は2コマ演習を補助する意味での1コマ演習となり
- メディア表現I カメラ
- メディア表現II 素材
- メディア表現III AfterEffrects, Premiere Pro
- メディア表現IV 楽曲制作
- メディア表現V 3D
- メディア表現VI 情報
として組み立てられています。
情報デザイン演習・応用演習では、
- ホームページ
- HTML, CSS, JavaScript
- CMS(Wordpress)
を中心に教えていますが、それ以外の情報デザインで扱える内容をこの演習で扱おうと思います。
2022年からこの内容で開講していますが、内容についてはかなり臨機応変に変更の可能性があることをご容赦ください。 例えば、最初は11-13回目についてpythonを想定していたのですが、様子を見てノーコードツールに変更したりしています。AIも追加しています。
最終課題については、レポートの形になります。
社会に出た時に、「こんなこともできるのか」というツールや考え方について教えていこうと考えています。
履修人数について
情報デザイン演習こんなに履修していないのに、
- 33名
の人に履修していただいています。 科目名だけで履修してしまった人も多いような気がします。
HTML,CSS,JavaScript,CMSを触っていなくても一応成立するとは思いますが、 知っておいた方がより役には立つと思います。
教室について
506は映像デザイン演習が入っているので、コンピュータ演習室の空きを探したら323が空いてました。 コンピュータ演習室だと電源が各机にあります。 というわけで、申請通れば323にしようと思います。
manabaで案内します。(通ればUNIPAの部屋情報もアップデートされるはず)
授業の形式・計画の意図
テキストエディタ・マークダウン
VSCodeを利用はしてきましたが、テキストエディタでどれだけのことができるかきちんとこれまで説明してきませんでした。世の中にあるファイルは
- テキストファイル
- バイナリファイル
の2種類であり、テキストファイルは多くのところで利用されています。
「文字打つだけでしょ!」ということにはなるのですが、その情報が持つ意味は非常に大きいです。
そこで、テキストエディタの扱いについて、一度しっかり学びます。
そして、HTMLよりも簡単なマークダウンという記法を理解するだけで、
- スライド
- HP
が作成できる世の中になっています。これについても触れていきたいと思います。
データベース
データ管理はExcelでもある程度できますが、データベースというジャンルのアプリ・サーバがあり、これらを使うことにより、より高速に処理をすることが可能となります。
WordpressでもMySQLを利用しました。
データベースが情報をどのように蓄えるか、について説明していきます。
モダンExcel
情報リテラシー・DS概論にてExcelやりましたね。 情報リテラシー・DS概論で扱った内容は実はちょっと古い内容で、
- スピル
という便利な機能が使えるようになっていたり、
- Power Query
- Power Pivot(macダメかも…)
という機能により、データをまとめるのが便利になっています。これにより、どのようにデータの扱い方が変わるかを説明します。
Excelの関数とかまるで忘れてしまった人にもなるべくわかりやすく説明していきます。
Googleツール
Googleは検索エンジンを提供するだけではなく、さまざまなツールを提供しています。
全部網羅することは不可能ですが、2回かけて、有用なサービスについて説明していきます。
Notion
データベースを簡単に利用できるNotionというサービスがあります。 利用法を通じて、情報管理について学びます。
Slack
2013年に出てきたコミュニケーションツールで、現在多くの会社にて利用されています。 軽く触れます。
git/github
実際の仕事になると、バージョン管理という考え方が非常に大切になってきます。どのファイルが、いつどのように変更されたかを管理し、さらには複数人での開発をスムーズにします。実際にgit, githubを利用し、バージョン管理の重要さを体験します。
python(やめちゃった…要望があればノーコードでなくこちらにするかも)
今一番注目されている言語と言って良いでしょう。
- 短くかける
- 豊富なライブラリ
- AIに強い
という特徴があります。
いわゆるプログラミング言語となりますが、体験してみましょう。
ノーコードツール
プログラミングをしなくても、様々な開発ができるようになっています。 これについて触って、実際に開発を体験してみましょう。
Webリテラシー検定
インターンシップなどに行き始めて、色々進路について考えているかと思いますが、IT業界に興味ある人はいますでしょうか? 情報デザイン応用演習IIでも声をかけますが、
の
- 検定試験
- 検定問題集
- 検定テキスト
を本学の学生向けに特別価格で提供するプランがあります。 興味ある人、いますか?
広く浅く扱っていて、本当にIT業界で働くにあたっては、知っておいて良い内容だと思います。 履歴書の資格に書くことがない人にとっては一つ資格が増えることにもなります。
9月中に志望者を募って、年度内(去年は春休み)に試験としたいと思います。
今日のトピック
AI進化が早すぎてよくわかりませんね。 どんどん進化しているのですが、多少古いバージョンでもかなり使えるので、 最近、情報のアップデートあんまりしなくなってきていますが、 このタイミングでちょっとまとめてみましょう。
生成AIの分野
- テキスト生成
- 画像生成
- 動画・音声生成
- 音楽生成
- デザイン生成
- ソフトウェア開発
などなどとなっています。
【AI学習Vol.2】生成AI(ジェネレーティブAI)とは?使い方・種類・仕組み・活用事例を解説(2:10)
情報収集方法
ニュースサイトなどやX(Twitter)でも仕入れていますが、
がよくまとめてくれてます。 何ができるということを知っているか、がこれから非常に大事になると思います。
情報にはアンテナを立てておきましょう。
まとめてくれてる人もいます
AI(Artificial Intelligence・人工知能)とは
しっかりした定義は実はなくて、
人が実現するさまざまな知覚や知性を人工的に再現するもの
くらいに捉えている人が多いと思います。
これ、深く考えると非常に難しくて、哲学にもなってきます。
知能って何?
みたいなことを考えていかなければならないからです。
AI 歴史
簡単にまとめると
- 第一次人工知能ブーム:1950年代。単純な問題は解けたが複雑な現実社会の課題は解けなかった
- AI冬の時代:1970年代
- 第二次人工知能ブーム:1980年代。専門家のように知識をルールをと教え込んだ。膨大な一般常識を扱えなかったり、例外に対応できなかった。
- AI冬の時代:1990年代
- 第三次人工知能ブーム:2010年代。ビッグデータを機械学習できるようにな理、複雑な問題に対応できるようになっている。
参考:AI・人工知能の歴史について年表を活用しながら時系列で簡単に紹介
第三次人工知能ブームでの主な出来事
- 2006年:ディープラーニングの実用方法が登場
- 2011年:IBMワトソンがクイズ番組で人間に勝利する
- 2012年:画像認識の向上で画像データから「猫」を特定できるようになる
- 2015年:イーロン・マスクらが1000億円以上をオープンAIに寄付
- 2016年:「アルファ碁」(コンピュータ囲碁プログラム)がプロに初勝利
ChatGPT以降
何がすごいって、会話のように質問に対して返事を返してくれるところです。
LLM
膨大な量のテキストデータを使ってトレーニングされた自然言語処理モデルのこと
- LLM: Large Language Model
GPT-4以外にもたくさん紹介されています。モデルによって得意不得意が異なります。
AI研究者ではないので
中身について理解するより、使えた方がいいですね。
車のエンジンの構造を知らなくても、車を運転することはできるのと一緒です。
AIについての心構え
この大きな変化は、2022年(ChatGPT,Stable Diffusion)から始まっています。
AIの研究者以外にとっては、大人も子供も、未知との遭遇となります。
インターネットのない世界が考えられないのと同様に、 AIのない世界ももう考えられません。
ですから、AIと仲良くなった人ほど効率よく作業が進みます。
レポート作成時に、コピペすることは全くお勧めできませんが、 参考資料として扱うことは非常に大事なことです。
大人(先生)よりも、AIを上手く使えるようになって下さい。
ただし、基本はきちんと頭で理解しておきましょう。
理解???
AIは物事を理解しているのでしょうか?
MIT・ハーバード大学・シカゴ大学の研究チームは2025年6月29日、大規模言語モデル(LLM)の「表面的には理解しているように見えるが、実際には概念の適用で誤る」現象を「ポチョムキン理解」と命名し、その頻度を定量化した研究成果を発表した。
AIが実際には現状理解してないということがわかったでしょうか? さて、あなたたち含め、人間は学んだことを本当に理解しているのでしょうか。
哲学的になっていきますが、こんな記事があったので紹介しておきます。
Google Gemini Proプランが1年間無料
教員は対象ではないのですが、 大学生なら1年無料で利用できます。活用しましょう。
Google Gemini:大学生なら Pro プランが無料
手順はとても簡単です。以下の手順に沿って、参加資格があるかどうかをご確認ください。
- Google One にアクセスしてください。
- SheerID を利用して、現役の学生であることを証明します。
- 個人の Google アカウントを所有している。
- Google ペイメント アカウントをお持ちで、リクエストに応じて有効なお支払い方法を設定できる。
- トライアル購入フローを完了します。
- Google Play ストアを通じて Google AI Pro プランに登録する。
今日の課題
プロンプト生成プロンプト
AIに指示を出す時には、プロンプトを入力しますよね。
これにより、生成物のクオリティが変わります。
今日は、プロンプトを生成AIに作成してもらって、それで成果物を作ってみましょう。
学園祭用猫のポスターサンプル
ChatGPTではSoraが使えます。
「Sora(ソラ)」とは、OpenAIが開発したテキストから高品質な動画を生成できるAIです。最大1分間の複雑な動画を、簡単な指示(プロンプト)から自動で生成でき、現実世界をシミュレートする能力を持つ「世界モデル」として、映像制作の効率化や新たなコンテンツの創出に貢献することが期待されています。
これを利用して、画像を作ってみました。





今日の課題
ChatGPTを使って、Sora用のプロンプトを作成し、実際に画像を作成してみよう。manaba提出(プロンプト作成のスクリーンショット・生成画像)
おまけ
書く瞑想「ジャーナリング」というものが静かに流行っているようです。
ジャーナリング」とは、一定の時間内で自分の頭に浮かんだことをありのままノートに書き出すことです。具体的な出来事や自分の気持ちを考えながら書く日記とは違い、とにかく浮かんだことを書き出していくのが特徴。内容がポジティブ、ネガティブであるかを問わず、抽象的な文章や表現であってもOKです。 自分の頭に漠然としているものを「文字」として明確化することで、普段の生活では気づきにくい漠然とした気持ちや考え方などが明確化され、自分の新しい一面を知ることができます。このように、文字を通して自分自身と向き合うきっかけになることから、ジャーナリングは「書く瞑想」とも呼ばれていますよ。メンタルヘルスやマインドフルネスの方法として注目されています。 書く瞑想「ジャーナリング」とは?やり方や内容、効果を高める方法までご紹介
さらに、「図解ジャーナリング」という手法もあるようなので、興味ある人はチェックしてみて下さい。