【WEBデザイン学習日記-55】 コーディングの授業がスタート！

2023年7月29日（土）　

早いのでもうすぐ7月も終わりです。
金曜日に仕事を終えてオフィスを出た瞬間は「今週も終わったー！」という気持ちになります。金曜日はオンライン授業があるので1週間仕事を頑張ったご褒美のよう。しかも今週から楽しみにしてたコーディングが開始。

5月にHTMLの予習を1順、先週は予習2順目、CSSも軽く予習をしたので、昨晩の授業は何とかついていくことができました。先生の説明も分かりやすく、所々心に響くお言葉をいただけたのでモチベーションが上がりました。コーディングは挫折をする人が多いみたいですが（分かる気がします）、とにかく数をこなし、楽しさが分かるようになるまで繰り返し反復練習を続けたいと思います。すでにコーディングは楽しいと感じていますが、CSSが難しくて半分以上理解できていないので、今週はCSSを中心に予習2順目をしたいと思います。

昨日オンライン授業での気づきは、Figmaで作ったWebサイトのデザインがどうWEBになるのだろう？と不思議に思っていましたが、FigmaのデザインをベースにしてそれぞれHTMLのコードで骨格となるタイトル、文章が打ち込まれ、画像、アイコンが読み込まれ、CSSで肉付けされてWEBサイトになっていくのかと腑に落ちました。面白いなぁ。

土曜日の今日はポケットWiFiのバナー制作に取り組むべく、まずはラフ作成。レイアウトや書くキーワードを決めてPhotoshopで作成開始。毎回頭を悩ますのが配色です。何色を使うか・・・・少し形になりましたが、１日寝かして明日また続きをしたいと思います。

夜はコーディング（CSS）の予習２順目。オンライン授業前にだいぶん駆け足で予習を済ませたものの全然理解できてなかったので、今回はゆっくりと動画を見ながら、分からない部分は巻き戻ししながらコーディング。明日も引き続きCSSの予習続けます。

☆★☆　☆★☆　☆★☆

＜今日学んだこと＞

• ポケットWiFiのバナー制作：2時間

• コーディングの予習２順目（CSS)：2時間

＜7/29（土）～8/4（金）の学習目標＞　

• ポケットWifiのバナー制作

• CSSの予習２順目（DAY1-2, 3-4, 5-6, 7, 8-10, 11-12, 13, 14-15)

• パーツコーディングで練習（DAY1-2, 3-4, 5-6, 7, 8-10）

＜8月末までの目標＞

• 毎週の授業の予習＆復習をしっかりする

• 制作物（少なくとも３つはレビューに出す）→あと２つ

• 個人制作のコンセプト作り

#転職
#海外
#オンライン
#Webデザイン
#主婦
#制作
#Photoshop
#未経験
#学習日記
#クリエーターズファクトリー
#デザイン
#Figma
#バナートレース
#コーディング
#CSS
#HTML