sammyppr

View on GitHub

メディア表現 VI 1. オリエンテーション

メディア表現 VI TOP に戻る

目次

シラバス紹介

授業のねらい及び到達目標

情報デザインの考え方は、高度情報化時代において必要不可欠なものである。どのように情報を収集し、分析し、再構築し、わかりやすい形で表現するかの様々な手法について理解を深める。

  1. 情報化社会における幅広い情報デザインの考え方を理解できる。
  2. 状況に応じて適切なツールを利用できる。

授業の形式・計画

本演習について

「メディア表現」は2コマ演習を補助する意味での1コマ演習となり

として組み立てられています。

情報デザイン演習・応用演習では、

を中心に教えてきましたが、それ以外の情報デザインで扱える内容をこの演習で扱おうと思います。

昨年からこの内容で開講していますが、内容についてはかなり臨機応変に変更の可能性があることをご容赦ください。 例えば、去年最初は12-14回目についてpythonを想定していたのですが、様子を見てノーコードツールに変更したりしています。

最終課題についても、レポートの形になると思いますが、ちょっと考えさせてください。

社会に出た時に、「こんなこともできるのか」というツールや考え方について教えていこうと考えています。

履修人数について

情報デザイン演習こんなに履修していないのに、

の人に履修していただいています。 科目名だけで履修してしまった人も多いような気がします。

HTML,CSS,JavaScript,CMSを触っていなくても一応成立するとは思いますが、 知っておいた方がより役には立つと思います。

授業の形式・計画の意図

テキストエディタ・マークダウン

VSCodeを利用はしてきましたが、テキストエディタでどれだけのことができるかきちんとこれまで説明してきませんでした。世の中にあるファイルは

の2種類であり、テキストファイルは多くのところで利用されています。

「文字打つだけでしょ！」ということにはなるのですが、その情報が持つ意味は非常に大きいです。

そこで、テキストエディタの扱いについて、一度しっかり学びます。

そして、HTMLよりも簡単なマークダウンという記法を理解するだけで、

が作成できる世の中になっています。これについても触れていきたいと思います。

データベース

データ管理はExcelでもある程度できますが、データベースというジャンルのアプリ・サーバがあり、これらを使うことにより、より高速に処理をすることが可能となります。

WordpressでもMySQLを利用しました。

データベースが情報をどのように蓄えるか、について説明していきます。

モダンExcel

コンピュータ演習にてExcelやりましたね。 コンピュータ演習で扱った内容は実はちょっと古い内容で、

という便利な機能が使えるようになっていたり、

という機能により、データをまとめるのが便利になっています。これにより、どのようにデータの扱い方が変わるかを説明します。

「VLookupとかやらされたなぁ」という人にも、なるべく簡単に説明していこうと思います。

Googleツール

Googleは検索エンジンを提供するだけではなく、さまざまなツールを提供しています。

全部網羅することは不可能ですが、2回かけて、有用なサービスについて説明していきます。

Notion

データベースを簡単に利用できるNotionというサービスがあります。 利用法を通じて、情報管理について学びます。

Slack

2013年に出てきたコミュニケーションツールで、現在多くの会社にて利用されています。 何ができるか、どう使えるかなどについて学びます。

git/github

実際の仕事になると、バージョン管理という考え方が非常に大切になってきます。どのファイルが、いつどのように変更されたかを管理し、さらには複数人での開発をスムーズにします。実際にgit, githubを利用し、バージョン管理の重要さを体験します。

python(やめちゃった…要望があればノーコードでなくこちらにするかも)

今一番注目されている言語と言って良いでしょう。

という特徴があります。

いわゆるプログラミング言語となりますが、体験してみましょう。

ノーコードツール

プログラミングをしなくても、様々な開発ができるようになっています。 これについて触って、実際に開発を体験してみましょう。

今日のトピック

AIがらみの話が少し落ち着いてきたような気がしなくもないです。 昨年・今年の当初は「わーーこんなことできるようになった」が頻繁にアップデートされていましたが、 ちょっと驚きがなくなってきたかもしれません。

AIとはこれからうまく付き合っていくしかないと思います。

ですので、このタイミングで少しまとめておきましょう。

AIのネタについて

ニュースサイトなどやX(Twitter)でも仕入れていますが、

がよくまとめてくれてます。 何ができるということを知っているか、がこれから非常に大事になると思います。

情報にはアンテナを立てておきましょう。

Xだとたとえば

AI(Artificial Intelligence・人工知能)とは

しっかりした定義は実はなくて、

人が実現するさまざまな知覚や知性を人工的に再現するもの

くらいに捉えている人が多いと思います。

これ、深く考えると非常に難しくて、哲学にもなってきます。

知能って何？

みたいなことを考えていかなければならないからです。

AI 歴史

参考：AI・人工知能の歴史について年表を活用しながら時系列で簡単に紹介

第三次人工知能ブームでの主な出来事

ChatGPT

何がすごいって、会話のように質問に対して返事を返してくれるところです。

バージョンによって性能が変わります(有料だったり…)

GPT3.5だと無料で利用可能です。

LLM

膨大な量のテキストデータを使ってトレーニングされた自然言語処理モデルのこと

GPT3.5,GPT4ではこのモデルが異なります。

Bing AI

BingではGPT4のモデルを利用していますが、ChatGPTとは多少異なります。

ChatGPTでは回答の回数に制限はありませんが、BingAIは一つのトピックに対して20回までしか回答できない

Bing AIの使い方

Microsoftアカウントでのログインが必須となります。

以下のブラウザでも利用できるとありますが、まだ不具合があるような…

最高級のBing Chat体験をお楽しみ頂くためには、Microsoft EdgeブラウザでのBingのご利用を引き続きお勧めします

としているので、Edgeを使うのが無難です。

Edgeのインストール

EdgeでのBingの使い方 – チャット

検索も可能なため、「今日の天気は？」でも回答してくれます。

EdgeでのBingの使い方 – 作成

と形式を指定してコンテンツを作成することも可能です。

他にも調べ物だと

も評判いいですね。

AIサービスにも向き不向きがあるようですので、色々試してみましょう。

画像生成について

Bing Image Creatorを使うと「DALL-E」という方式で生成してくれるそうですが、まだMacではできないみたいですね。

画像生成AIについて

などいくつかのメジャーな方法が発表されています。

今日は、それらで画像生成試してみましょう。

あ！英語苦手な人は

で翻訳をうまく使いましょう。

Web版Stable Diffusion

去年は、日本語に対応した

を試したんですが、アクセス集中するとうまくいきませんでした。

あたりで、なんか画像作ってみましょう。

DreamStudio はクレジットで制限喰らうかも…

なお、Memeplexの開発者のコメントはこちら

プロンプトエンジニアリング

自動で画像を生成してくれるとはいえ、要求をうまく伝えないと思ったような画像は生成してくれません。

プロンプトエンジニアリング： AI（人工知能）から望ましい出力を得るために、指示や命令を設計、最適化するスキルのこと

が必要なことを知っておきましょう。

指示の仕方により結果が変わってきます。

やってみよう

manabaから

を提出しましょう。

おまけ1

ストーリーから漫画を作成してくれる

おまけ2

AIはクリエイティブ作業にもかなり大きなインパクトを与えています。 映像での利用例を見て終わりにしましょう。

このプラグイン、映像やっている人は拾っておくことをお勧めします。