2024/3/1(金)プログラミング日記
【Web制作コース 119日目】
作業:1.5時間
作業内容
- 【中級編】DAY13 完了
P | DAY13を完了する! |
D | DAY13 【共通パーツの作成】完了! Tips1 ボタンの共通化 Tips2 見出しの共通化 Tips3 コンテナの共通化 Tips4 どのタイミングで共通化するか? |
C | 共通パーツの作成は便利 講座の中でも折々に注意の促しあるように安易に共通化は避けるほうが良いだろう 堅牢に作るのとシンプルさは必ずしも一致しないので |
A | DAY14完了! |
2024/3/2(土)プログラミング日記
【Web制作コース 120日目】
作業:4時間
作業内容
- 【中級編】DAY14 完了
P | DAY14を完了する! |
D | DAY14 【HOW TO USEセクションのコーディング】完了! Tips1 デザインカンプと回答例コード Tips2 HTMLのコーディング Tips3 スマホのCSSのコーディング Tips4 PCのCSSのコーディング Tips5 レスポンシブ時の見栄え確認 Tips6 PerfectPixelを使ったチェック&修正 |
C | 共通パーツを扱うことでHTMLの層と量が急に増えた HTMLを整えるだけで1.5時間もかかった DAY14からグッと難易度が上がった感じ、でも進める! |
A | DAY15完了! |
2024/3/3(日)プログラミング日記
【Web制作コース 121日目】
作業:5時間
作業内容
- 【中級編】DAY15 完了
P | DAY15を完了する! |
D | DAY15 【MERITセクションのコーディング】完了! Tips1 デザインカンプと回答例コード Tips2 HTMLのコーディング Tips3 スマホのCSSのコーディング Tips4 PCのCSSのコーディング Tips5 レスポンシブ時の見栄え確認 Tips6 PerfectPixelを使ったチェック&修正 |
C | <br / >がなぜ、”半角スペース、/ “になっているのか?不思議だった 今日の動画でもbr。検索してシンプルに整理できた も同様だと思うので、謎が解けた! |
A | DAY16完了! |

2024/3/4(月)プログラミング日記
【Web制作コース 122日目】
作業:0.5時間
作業内容
- 【中級編】DAY15 質問の回答をチェック
P | DAY15 PerfectPixelのズレを直す |
D | Discord(メンターさん)の回答どおりに修正 |
C | ふと思うが、講義動画のとおりにコーディングしていても、パーフェクトピクセルで照合すると、講義動画と自分でコード入力したもののズレが違うことがままある。 同じコーディングでも作業環境によってズレが違うことはある? |
A | DAY16完了! |

2024/3/5(火)プログラミング日記
【Web制作コース 123日目】
作業:1時間
作業内容
- 【中級編】DAY16 Tips1-4
P | DAY16を完了! |
D | DAY16 【他のサービスとの違いセクション(テーブル)のコーディング】 Tips1 デザインカンプと回答例コード Tips2 HTMLのコーディング Tips3 スマホのCSSのコーディング(テーブルの枠まで) Tips4 スマホのCSSのコーディング(テーブルの中身の調整) |
C | tableの見栄えを整える上で重要なプロパティ border-collapse: collapse; table-layout: fixed; 一見とっつきにくそうなtable、ブログで馴染みあるので取っ組めそう |
A | DAY16完了! |
2024/3/6(水)プログラミング日記
【Web制作コース 124日目】
作業:1時間
作業内容
- 【中級編】DAY16 Tips5-7
P | DAY16を完了! |
D | DAY16 【他のサービスとの違いセクション(テーブル)のコーディング】 Tips5 PCのCSSのコーディング Tips6 レスポンシブ時の見栄え確認 Tips7 PerfectPixelを使ったチェック&修正 |
C | tableのtr,th,td,をコーディングする時??? 構文に慣れていないからだろう、かなりシンプルな構文とは思う 中級編の難易度に四苦八苦感あり、やる! |
A | DAY17-8完了! |
2024/3/7(木)〜 3/9(土)プログラミング日記
【Web制作コース 125-7日目】
作業:なし

bakushin
プログラミング環境の向上に売上金を使用することを検討
こどものプログラミング環境をMacに変更するか予算と照合しつつ検討
Mac mini 2台購入、デュアルディスプレイ(3台)、キーボード購入など検討
結果、現状のWindows 11(ノートPC)のままとした
2024/3/10(日)プログラミング日記
【Web制作コース 128日目】
作業:1.5時間
作業内容
- 【中級編】DAY17-8 Tips1-4
P | DAY17を完了! |
D | DAY17-8 【CONTACTセクションのコーディング】 Tips1 デザインカンプと回答例コード Tips2 HTMLのコーディング(大枠) Tips3 CSSのコーディング(大枠) Tips4 テキストボックス(「input type=”text”」や「input type=”email”」) |
C | 初出コード、でも理解しやすい!(コードは👇の吹き出し) 初級編からの中級編のレベル底上げ感にほんと納得 |
A | DAY17-8完了! |

bakushin
コードは👇です!
<label for="your-name"></label>
<input type="text" id="" />
[type="tel"]
[type="password"]
コメント