マガジンのカバー画像

Webデザイン学習日記-2023年

97
本
2023年4月からクリエーターズファクトリーのオンラインコースでWEBデザインの学習を始めました。今後どこに生活拠点を移しても年齢、住む場所に関係なくPC１つでできる働き方を目指…
運営しているクリエイター
Turtle
固定された記事

【WEBデザイン学習日記-1】47歳からWEBデザイナーを目指します！

47歳の2児の母のTurtleです。 今まで長年海外で過ごしてきましたが、昨年子供の進学に伴い15年ぶりに日本に戻ってきました。 今まではデザインやWeb業界とは全く無関係な仕事に従事してきましたが、この先、「世界中のどこに拠点を置いてもPC一つで仕事ができる働き方をしたい」という想いから、2023年4月、クリエーターズファクトリーさんのWebスタートコースでWebデザインの基礎知識を学ぶことを決めました。 2023年5月12日からいよいよオンラインでの学習がスタートです！

Turtle

【WEBデザイン学習日記-97】 年内のポートフォリオ公開の目標達成！

2023年最後の12/31（日）の学習日記です。まだまだ学習＆スキルアップが必要ですが、全く操作できなかった頃の自分を振り返り、デザインしたりコードが書けるようになった今の自分をよく頑張れたと褒めてあげたいです。 2023年最後の日、できあがったポートフォリオをサーバーに転送するためレンタルサーバーの契約＆ドメイン取得に何時間も試行錯誤しながらようやく夜に公開に成功しました。 ☆★☆　☆★☆　☆★☆ 2023年12月31日（日）　ポートフォリオの公開作業＆コードの微調整

Turtle

【WEBデザイン学習日記-96】 ポートフォリオのコーディングついに完成！

12/29（金）～の学習日記です。ポートフォリオのコーディングもほぼ完成に近づいてきました。aタグにリンクや画像の説明テキストをつけたり、TOPページのハンバーガーメニューのコードを各下層ページにコピペする作業をしています。 ☆★☆　☆★☆　☆★☆ 2023年12月29日（金）　レスポンシブコーディング：4時間 冷蔵庫の野菜がなくなってきたので、年末年始に家でまったり時間を満喫するため午前中買い出しに行ってきました。スーパーは買い物客でごった返していました💦 近所に野

Turtle

【WEBデザイン学習日記-95】 ポートフォリオ微調整中・・・

12/24（日）～の学習日記です。途中までコーディングを進めていた個人制作を中断して11/3から急遽作成を開始したポートフォリオ。デザインブラッシュアップに3週間かかり、11/26からコーディング開始、12/11からレスポンシブ対応を開始し、完成＆公開まであとわずかです！ ☆★☆　☆★☆　☆★☆ 2023年12月24日（日）　レスポンシブコーディング：1時間半 今日もレスポンシブコーディングの続き。 全てのレスポンシブ対応が終わりましたが、ハンバーガーメニューをクリック

Turtle

【WEBデザイン学習日記-94】 ポートフォリオのレスポンシブ対応ほぼ完成！

12/19（火）～の学習日記です。ポートフォリオのPC用のコーディングを全て終えてレスポンシブ対応に入っています。最初さっぱり何から始めていいのか分かりませんでしたが、色々調べてコードを書くうちに少しコツがつかめてきました。年内に公開できるようにしてWEBデザインの副業案件を１つ取るという目標実現の為頑張ってます。 ☆★☆　☆★☆　☆★☆ 2023年12月19日（火）　レスポンシブコーディング：50分 今日も昨日の続きでポートフォリオのレスポンシブコーディング。先週レス

Turtle

【WEBデザイン学習日記-93】 ポートフォリオのレスポンシブ対応難しい・・・

12/15（金）～の学習日記です。ポートフォリオのレスポンシブ対応に備えてまずはすっかり頭から抜けている内容を学習動画で復習。FigmaのデザインカンプはPC用しか作成してないので、SP用にもデザインを作成してからコーディングでレスポンシブ対応することにしました。長期戦になりそうですが年内完成を目指し少しずつ進めます。 ☆★☆　☆★☆　☆★☆ 2023年12月15日（金）　レスポンシブ対応デザイン：2時間半 ポートフォリオのレスポンシブ対応をPCのデザインを見て頭でSP

Turtle

【WEBデザイン学習日記-92】 ポートフォリオのレスポンシブ対応に苦戦中

12/11（月）～の学習日記です。2週間かけてポートフォリオのコーディングを完成させ、今週はレスポンシブ対応に取り掛かっています。 オンライン授業でさっぱり分からず苦手だった箇所。まずは学習動画で復習してから実際コードをいじってみようと思います。 ☆★☆　☆★☆　☆★☆ 2023年12月11日（月）　レスポンシブ対応の座学：1時間 ポートフォリオのコーディングが全ページ終わり、今日からレスポンシブ対応に取り掛かります。 8月下旬のオンライン授業で少し習ったのですが、21

Turtle

【WEBデザイン学習日記-91】 全ページコーディング完成！

12/8（金）～の12/10（日）の学習日記です。年内にWEBデザイン案件を1つ取る！という目標達成のために個人制作物のコーディングを一旦ストップし、11/3からポートフォリオのデザイン開始、約3週間デザインブラッシュアップに費やし、11/26からコーディング開始、12/10に全てのコーディングを完成しました。 ☆★☆　☆★☆　☆★☆ 2023年12月8日（金）　5つ目の下層ページのコーディング：40分 今日の夜は久々に外食に出かけていたので（1週間遅れの子供の誕生日デ

Turtle

【WEBデザイン学習日記-90】 下層ページコーディング4つ完成！

12/4（月）～の学習日記です。ポートフォリオのTOPページのコーディングを完成させ、下層ページのコーディングに入っています。8ページも下層ページを作ったのでコーディング大変ですが、年内完成を目指して頑張ります！ ☆★☆　☆★☆　☆★☆ 2023年12月4日（月）　スキルの下層ページのコーディング：１時間 noteで学習日記を書き始めてから早いもので7ヶ月になりました。これからもスローペースではありますが書き続けていきたいと思います。 最近ドライアイがひどくて仕事中何

Turtle

【WEBデザイン学習日記-89】 TOPページのコーディング完成！

12/2（土）＆12/3（日）の週末の学習日記です。年内のポートフォリオ完成を目指して毎晩少しずつコーディングを進めています。パーツコーディングが終わり、TOPページのコーディングに入りましたが、センタリングや左右寄せなど毎回同じところでつまづいています。 ☆★☆　☆★☆　☆★☆ 2023年12月2日（土）　TOPページのコーディング：2時間 翌日に納期が迫った市場調査の案件を進めながら、隙間時間にポートフォリオのTOPページのコーディング。試行錯誤しながらなんとか形に

Turtle

【WEBデザイン学習日記-88】 パーツコーディング完成！

11/29（水）～の学習日記です。年内のポートフォリオ完成を目指して毎晩少しずつパーツコーディングを進めています。 ☆★☆　☆★☆　☆★☆ 2023年11月29日（水）　ポートフォリオのパーツコーディング：50分 今日もポートフォリオのパーツコーディングをコツコツ進めています。 この前コーディングを成功してちゃんと形になっていた箇所がなぜか画像が大きくなって崩れている・・・どうして？？？もう一度修正をしましたが睡魔に勝てず断念。 ☆★☆　☆★☆　☆★☆ 2023年1

Turtle

【WEBデザイン学習日記-87】 ポートフォリオコーディング開始

11/26（日）～の学習日記です。11/3からデザイン作成を開始したポートフォリオ。3週間かかってデザインが完成し、パーツコーディングを始めました。 ☆★☆　☆★☆　☆★☆ 2023年11月26日（日）　ポートフォリオパーツコーディング：3時間 寒さが厳しくなってきたので、ニトリで暖かい敷パッドを買いました。今晩これを敷いて眠るのが楽しみです♪ 今日は途切れ途切れではあるのですが、この前デザインが完成したポートフォリオのパーツコーディングをしました。複数のページで使用

Turtle

【WEBデザイン学習日記-86】 ポートフォリオデザインついに完成！

11/22（水）～の学習日記です。11/3から開始したポートフォリオのデザイン作成ですが、ワイヤーフレーム作成から７回デザインブラッシュアップし、３週間かけてようやく形になりました👏 ☆★☆　☆★☆　☆★☆ 2023年11月22日（水）　ポートフォリオデザイン調整：2時間20分 3日間だけですが、ドライアイに耐えてよく仕事頑張りました。。。 昨日いただいた市場調査の副業の納期までまだ日があるので、納期まで少しずつ調査を進めようと思います。 夜はポートフォリオのデザイン

Turtle

【WEBデザイン学習日記-85】 ポートフォリオデザインあと一歩

11/18（土）～11/21（火）の学習日記です。約1カ月かかってようやく風邪が治りました～。notionの仮ポートフォリオではなく、最初から自分で作ってしまおうと思い立ってから3週間。ポートフォリオのデザイン調整ももうすぐ終わりそうです。 ☆★☆　☆★☆　☆★☆ 2023年11月18日（土）　ポートフォリオデザイン調整：2時間 今日は風が強くてかなり寒かったです。午前中は1つ案件をいただいている市場調査を進め、午後からは子供とインフルの予防接種に行ったついでに数か月前

Turtle