投稿者: oohama

実技　デザイン総合制作実習⑨

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑨
CSSアニメーションについて

2限目
実技　デザイン総合制作実習⑨
CSSアニメーションについて

3限目
実技　デザイン総合制作実習⑨
修了制作

4限目
実技　デザイン総合制作実習⑨
修了制作

5限目
実技　デザイン総合制作実習⑨
修了制作

本日のテーマ

CSSアニメーションの概要を確認しましょう。

CSSアニメーションの訓練教材について

本日は、CSSアニメーションの概要を確認します。
DropBoxを開いて「資料 → 【4】コーディング」から「task_ohama_20210511.zip」をダウンロードしてください。
ダウンロードが完了したらzipファイル内のフォルダをデスクトップにコピーしてください。

アニメーションが印象に残るサイト（参考）

ポートフォリオ（紙版）の作成スケジュールについて

紙版のポートフォリオの作成スケジュールは、以下の通りとなりますので計画的に進めてください。
本日の中間提出はDropBoxの中間提出は「提出→【作品】ポートフォリオ（中間報告）_20210511」に5時限目の終了までにPDF（最小圧縮）で格納してください。ファイル名は「〇〇〇〇_20210511.pdf」に設定してください。（〇〇〇〇は氏名）

  • 5月11日：ポートフォリオの中間提出（途中の状態で可）
  • 5月15日：ポートフォリオ（発表会用）の提出
  • 5月18日：ポートフォリオの発表会、ポートフォリオの最終提出（成績考査）
  • 5月19日：ポートフォリオの発表会、PCファイル削除
  • 5月20日：修了式（PC使用不可）

実技　デザイン総合制作実習⑦

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑦
Webアプリケーションについて

2限目
実技　デザイン総合制作実習⑦
Webアプリケーションについて

3限目
実技　デザイン総合制作実習⑦
修了制作

4限目
実技　デザイン総合制作実習⑦
修了制作

5限目
実技　デザイン総合制作実習⑦
修了制作

本日のテーマ

Webアプリケーションの概要を確認しましょう。（その２）

Webアプリ（JavaScript）訓練の教材について

本日使用するファイルは、昨日（5月7日）にダウンロードしたファイルです。ファイルが無い時は以下のダウンロードを実施してください。

DropBoxを開いて「資料 → 【4】コーディング」から「task_ohama_20210507.zip」をダウンロードしてください。
ダウンロードが完了したらzipファイル内のフォルダをデスクトップにコピーしてください。
以下の3つの教材が格納されています。

  • timer：キッチンタイマー
  • bingo：ビンゴマシーン
  • puyopuyo：ぷよぷよゲーム

キッチンタイマーとビンゴマシーンは自作なので自由に使用して頂いて問題ありません。
ぷよぷよゲームについてはJavaScriptの勉強用に提供されているものです。
使用にあたっては以下のサイトを確認してください。

Webサイト作成テクニック

ブレイクポイントの設定値

備忘録（昨日の話）

ポートフォリオ（紙版）の作成スケジュールについて

紙版のポートフォリオの作成スケジュールは、以下の通りとなりますので計画的に進めてください。提出はPDF（最小圧縮）で指定のDropBoxに格納してもらいます。

  • 5月11日：ポートフォリオの中間提出（途中の状態で可）
  • 5月15日：ポートフォリオ（発表会用）の提出
  • 5月18日：ポートフォリオの発表会、ポートフォリオの最終提出（成績考査）
  • 5月19日：ポートフォリオの発表会、PCファイル削除
  • 5月20日：修了式（PC使用不可）