𝕋𝕒𝕜𝕚 @takl_c

🍯コーディング実践入門本 ･サービスサイト3-6 ⏰45分 ✍️clip-path:polygon;、左上から時計回りにxy軸。イタズラにコードに改行入れることで見え方変わってしまうことがある。

🍯コーディング実践入門本 ･サービスサイト3-5(ハンバーガー→×へのアニメーションやJavaScriptの簡単な理解と3-4、3-5の復習) ⏰40分 ✍️まだJavaScriptは勉強していないのでほんのり…ではあるがハンバーガーや動きの仕組みは理解できたような気がする。

🍯コーディング実践入門本 ･サービスサイト3-5(cssレスポンシブ〜ハンバーガーの状態別コーディングまで) ⏰30分 ✍️諸々画像が必要だと思っていたが、そんなこともなく…思ってたよりコーディングで描ける図形の幅は広そうだ。

🍯コーディング実践入門本 ･サービスサイト3-1〜3-5(cssまで) ⏰45分 ✍️JavaScriptはとりあえずこう反映されるものなのか程度に留めておき、進めてみる。

🍯コーディング実践入門本 ･ブランドサイト2-9〜2-11 ⏰1時間15分 ✍️background-blend-modeプロパティ、擬似要素::before、擬似要素::after、初見。次回要復習。これでこの本の入門〜基本部分はおわり。

🍯コーディング実践入門本 ･ブランドサイト2-8 ⏰50分 ✍️position : absolute;で指定する時左右に%を使うことでレスポンシブ対応。前は上下にも使っていたから滅茶苦茶なことになっていた。

🍯コーディング実践入門本 ･プロフィールサイト1-8〜1-9 ･ブランドサイト2-1〜2-7 ⏰1時間50分 ✍️メディアクエリ、スペース入れるのを忘れると反映されない。position : static ; や、background : transparent ; などリセットや初期値の名称を知った、主にメディアクエリで使う。

🍯コーディング実践入門本 ･プロフィールサイト1-5〜1-7 ⏰1時間10分 ✍️流石にスルスル理解はできるが、1レッスン毎に1、2回は打ち間違えて｢？｣となる。クラス名 のつけ方が勉強になる。今までレスポンシブ化は最後にまとめてやっていが慣れるまでは部分部分でやる。

🍯コーディング実践入門本 ･プロフィールサイト1-1〜1-5 ⏰50分 ✍️入門を終えた人向けで評判が良い本を購入してみた。HPの組み立てを根本から理解できたらいいな、いろいろ分解してまとめてあり分かりやすい。できた気になって終わりにならないよう頑張る。

初心者レベルの知識は入ってはいるが、出力するにはあまりにも未熟で、理解が足りてない。模写コーディングを一旦中断して、入門編終えてコーディングのやり方をより深く解説してくれている本を探してみよう。

🍯codejump初級編 和菓子 ･マップ ･フッター(整列未) ⏰ 1時間 ✍️positionプロパティが上手くいかず、セクションproducts1、2のpの重ね方が崩れていることに気づくも直せない。フッターでなぜか指示が効かないクラスが一部ある。めげそうだ！

🍯codejump初級編 和菓子 ･メイン セクション×3 ⏰ 2時間 ✍️positionプロパティの事を完全に忘れていたので復習。中々全部スムーズにはいかない。

🍯codejump初級編 My Work ･メインビジュ修正 ･全体見直し反省･復習 🍯codejump初級編 和菓子 ･ヘッダー ⏰ 3時間弱 ✍️中級はまだ未学習のjqueryが入っておりやるにはまだ早そうな為、レイアウトが新鮮な別の初級編に挑戦。縦書きサイト初、初見･久しぶりに見るコード出てきて手こずった。

🍯codejump初級編･サイト模写 ･セクションContact 整列 ･レスポンシブ(メインビジュ以外) ⏰ 2時間弱 ✍️dlの整列理解。レスポンシブも調整で時間かかりつつも全体完成。ブレイクポイントで画像切り替わる事に気付かずCSSのみと睨めっこし続け原因に気づいた時には大幅に時間ロス。次回直す。

🍯codejump初級編･サイト模写 ･セクションContact(※dl部分の整列が未) ･フッター ⏰ 1時間 ✍️dlの中にdiv入れて整列しようとしたことで多分狂っている、直したいけど今日はとても疲れててもう頭が回らないので明日頑張ろう…💤次はContact完全に直してレスポンシブまで駆け抜けたい。

🍯vscode人気プラグイン導入 🍯codejump初級編･サイト模写 ･セクションAbout ･セクション Works ･セクション News ⏰ 1時間30分 ✍️子要素のクラス指定ミスしがち。背景色指定するとエラー場所が分かりやすい。dl、dt、ddタグ初見、見よう見まねでやったがまだ理解が浅い、次回復習したい。

🍯codejump初級編･サイト模写 ･ヘッダー ･メインビジュアル ⏰ 1時間20分 ✍️構造は合っているのに、タグ閉じをしていない、クラス指定が間違っている、などただの凡ミスを探す時間がコード打つ時間の倍以上あった…明日は勉強の前VSCodeの拡張機能を調べ、導入してみたい。

🍯2025.8月中旬〜下旬 Progate HTMLとCSS講座完了 🍯2025.8月下旬〜9月初旬 HTML&CSSとWebデザイン 入門講座 完了 🍯2025.9月初旬〜 Codejump模写開始(目標･上級編まで) 入門編完了