情報処理基礎2022

スケジュールなど

INTRODUCTION
04/15
[WEB資料]
授業のすすめかた、環境整備など 遠隔授業(ZOOM) [ZOOM](パスコード:142251)

[ファイルリクエスト|出席報告]
(演習2)描画・変数
04/22 (演習2)
描画・変数
オンデマンド授業 [資料PDF]
[YOUTUBE]
05/06 課題学習 [課題PDF]
[YOUTUBE]


[課題提出|WORK21]
[課題提出|WORK22]
[課題提出|WORK23]
[課題提出|WORK24]
[課題提出|WORK25]


[解答例]
(演習3)文法
05/13 (演習3A)
繰り返し文
オンデマンド授業 [資料PDF]
[YOUTUBE]
05/20 課題学習 [課題PDF]
[YOUTUBE]


[課題提出|WORK3A1]
[課題提出|WORK3A2]
[課題提出|WORK3A3]
[課題提出|WORK3A4]
[課題提出|WORK3A5]


[解答例]
05/27 (演習3B)
条件文
オンデマンド授業 [資料PDF]
[YOUTUBE]
06/03 課題学習 [課題PDF]
[YOUTUBE]


[課題提出|WORK3B1]
[課題提出|WORK3B2]
[課題提出|WORK3B3]
[課題提出|WORK3B4]
[課題提出|WORK3B5]


[解答例](6月13日公開)
(演習4)アニメーション
06/10 (演習4A)
アニメーション1
オンデマンド授業 [資料PDF]
[YOUTUBE]
06/17 課題学習 [課題PDF]
[YOUTUBE]


[課題提出|WORK4A1]
[課題提出|WORK4A2]
06/24 (演習4B-C)
アニメーション2-3
オンデマンド授業 [資料PDF]
[YOUTUBE]


[課題提出|WORK4B]
07/01 オンデマンド授業 [資料PDF]
[YOUTUBE]


[課題提出|WORK4C]
07/08 課題学習 [資料PDF]
[YOUTUBE]
[課題提出|WORK4(PROCESSING最終課題)]
(!! 7月14日締切)
(演習1)HTML・CSS
07/15 (演習1A)
HTML
(演習1B)
CSS
オンデマンド授業 [資料PDF]
[YOUTUBE]
07/22 オンデマンド授業 [資料PDF]
[YOUTUBE]
07/29
(5限)
課題学習 [資料PDF]
[ファイルリクエスト|課題提出]
(!!7月31日締切)

HTML・CSSの基礎(演習1)

Processingとの連携(参考)

Sublime Text(エディタ)

今回の演習では、エディタとして「Sublime Text」を使用します(WINでもMACでも可)。
こちらからダウンロードしてください。


インストールの仕方がわからない場合、(例えば)以下を参照してください。


「HTML-CSS-JS Prettify」プラグインを使うと、「cmd + shift + H」のショートカットでコードの整形をしてくれます。ただし、事前に「Node.js」がインストールされている必要があります。

参考となるページ

イントロダクション

授業のすすめかた

  • 初回の授業のみZoomでライブ配信による授業をします。それ以降は、各人のPC環境で、小鷹が作成するYoutube資料を教材として、演習を進めてもらいます。
  • 基本的に一つの演習を二周で完了するサイクルで進みます。一周目に講義とともに最後に課題を出します。課題は、通常2週間後の授業までに提出を求めますので、二周目の授業では課題のための学習に使ってください。なお二周目の段階で、課題の一部の解答を解説する動画を挙げる予定でいます。
  • オンデマンド用の動画は可能な限り、授業日の1日前には確認できるようにします。必ずしも、金曜日の対応する時間に受講する必要はありません。

PC環境・受講場所について

  • PC環境はWinでもMacでも大丈夫ですが、個人の環境が不調であれば、工場のPCを使ってもらって構いません。
  • 小鷹はMacを使用して講義をすすめます。

課題提出の方法

  • ファイルリクエストで課題提出が求められた際には、名前入力の際に、冒頭に学籍番号をつけてください(例:2050xx_kenrikodaka)。dropboxにログインしている場合は、dropboxのアカウントで設定された名前が使われてしまいますので、一旦ログアウトしてもらえると助かります。

事前準備

  • 各人所有のPCにあらかじめ最新版のProcessing(3.5.4)をダウンロードしておいてください。WinでもMacでも問題ありませんが、授業資料はMacベースですすめていきます。

関連資料

  • [AMAZON] – Processingをはじめよう 第2版 (Make: PROJECTS)
  • [PDF] – Keyboard(Mac)の対応表
  • [WEB] – e-typing
  • [YOUTUBE] – Boids are confused / Scraps are scrapped again
  • [WEB] – imd.nagoya

授業でやること(教員用メモ)

  • 授業のすすめかた
  • Processingのダウンロード
  • PC環境のアンケート(WIN or MAC)
  • 受講場所のアンケート(学内、自宅)
  • Processingでできること(最近の学生の作品)
  • ProcessingとWEB [p5js]
  • 課題提出の練習
  • タイピングの練習
  • 個別相談