【WEBデザイン学習日記-98】 去年中断した個人制作のコーディングを再開

新年明けましておめでとうございます。
今年も日々のWEBデザインの学習を綴っていきたいと思います。
新年ということでメインビジュアル画像を昨年の夏に一眼レフで撮影した写真に変えてみました。

☆★☆　☆★☆　☆★☆

2024年1月2日（火）　個人制作物のコーディング再開：3時間半

いよいよ2024年の始まり。今年は3月までの転職を目指して頑張る年です!

昨年は下記の2つの目標を立てました。
①年内のポートフォリオの完成・公開する
②年内にWEBデザイン案件で１つでも仕事を取る

そのうち①だけ何とか達成させることができました。②の目標は今月中の達成を目指し、色々と応募してみたいと思います。ポートフォリオができたので、やっとスタートラインに立てた気がします。
→応募する際に必ずポートフォリオを求められるため

今日は午前中に副業案件を納品できたので、午後からは個人制作のコーディングを再開。去年の8月にオンライン授業が終わり、10月初めに個人制作物の発表があったのですが、その時点ではまだコーディング途中でした。
発表を終えた後は年内の完成を目指して日々コーディングを進めていたのですが、11月に急に思い立ちポートフォリオの作成を開始し、そちらを優先させたため、個人制作物は制作途中で中断してしまいました。

3ヶ月前に慣れないながらも書いたhtml、cssのコードを今見てみると、自分自身の成長を肌で感じました。コードのおかしなところをすぐ発見でき、修正することができました。

（おかしなコード）
・不要なpタグで囲っている
・リンクをつける必要のあるところにaタグがなくクリックできない
・余白を取るためbrのダブル使いをしている
・段落がおかしい(h1, h2, h3…)

ポートフォリオ作成時に１ヶ月かけて試行錯誤しながらコーディングした甲斐があり、かなりコーディングスキルが鍛えられました。個人制作物のデザインはとてもシンプルなものなので、ポートフォリオほどコーディングが複雑ではなく、さくさく作業が進みそうです。数をこなし、繰り返し反復練習することの大切さを実感できました。

今日はTOPページ、下層ページを２つと３つ目の途中までコーディングできました。続きはまた明日することにしてNetflix見てから寝ます。

☆★☆　☆★☆　☆★☆

2024年1月3日（水）　個人制作物のコーディング：6時間半

今日はあいにくの雨。
細切れではありますが、引きこもって個人制作物のコーディングの続きをしていました。
７つある下層ページのうち６つはできたのですが、お問合せフォームのコーディングでつまづいています。htmlのformを使ったコーディング。
以前学習動画で習ったことを思い出し、学習動画を見て復習したり、Googleで検索して更に調べて理解を深めようとしていますが、難しい。。。

また、下記の課題が・・・
・上部のナビを固定するとその下のパンくずリストが吸い込まれて消えてしまう
・フッターに掲載した「プライバシーポリシー」のひな形探しが必要
・上部のナビを固定してスクロールすると上部にわずかな隙間があり、メインビジュアル画像が透けて見える
・フォームの送信ボタンを押すと「お問合せありがとうございました」ページに飛びたいのですが、飛ばし方が分からない

今日はけっこう長い時間費やしたので、続きは明日にします。明日からまた仕事。２日勤務したらまた３連休なので2日間なんとか乗り切ります。

☆★☆　☆★☆　☆★☆

＜1/1（月）～1/8（月）の学習目標＞　
・WEBデザインの副業案件に応募する
・個人制作物の下層ページのコーディングを全て終わらせる　
・個人制作物のレスポンシブ対応できるところまで

＜今後の目標＞
★　2024年1月末までにWEBデザインでの副業案件を１つ取る！　
★　2024年3月までに今までの経験を活かし、今後にもつなげられる仕事に転職する
★　WEBデザインの学習と制作活動は地道に続けながら少しずつ実績を積む
★　１月28日のTOIEC試験で800点以上を取る

#転職
#海外
#オンライン
#Webデザイン
#主婦
#制作
#Photoshop
#未経験
#学習日記
#クリエーターズファクトリー
#デザイン
#Figma
#初心者
#コーディング
#ポートフォリオ