𝕋𝕒𝕜𝕚

@takl_c

2025年8月中旬〜独学でWebの勉強を開始しました💻🍯労働･家事･趣味の合間の学習記録✍️

Joined September 2025

31Posts 5Followers 2Following

𝕋𝕒𝕜𝕚

@takl_c

Oct 23

🍯コーディング実践入門本･カフェサイト4-8 ⏰1時間

𝕋𝕒𝕜𝕚

@takl_c

Oct 13

🍯コーディング実践入門本･カフェサイト4-7 ⏰30分

𝕋𝕒𝕜𝕚

@takl_c

Oct 12

🍯コーディング実践入門本･カフェサイト4-6 ⏰50分 ✍️writing-mode: vertical-lr;縦書き、左から右。

𝕋𝕒𝕜𝕚

@takl_c

Oct 11

🍯コーディング実践入門本･カフェサイト4-5 ハンバーガー ⏰50分 ✍️ハンバーガー、なんとなく前より理解できたような…回数こなすことが必要そう

𝕋𝕒𝕜𝕚

@takl_c

Oct 9

🍯コーディング実践入門本･カフェサイト4-5 ハンバーガー以外 ⏰30分

𝕋𝕒𝕜𝕚

@takl_c

Oct 8

🍯コーディング実践入門本･サービスサイト3-22〜3-25 ･カフェサイト4-1〜4-4 ⏰1時間20分 ✍️ 上級編に入った。挫折した模写サイトに含まれていた要素がある、しっかり理解したい。

𝕋𝕒𝕜𝕚

@takl_c

Oct 6

🍯コーディング実践入門本･サービスサイト3-17〜3-21 ⏰1時間30分 ✍️初期の初期に学んだtableに久しぶりに触れた。セルのそれぞれの名前や繋げ方は覚えていたが、table使う時にセットで必要になるプロパティを覚えていなかった。次回要復習。

𝕋𝕒𝕜𝕚

@takl_c

Oct 5

🍯コーディング実践入門本･サービスサイト3-16 ⏰30分 ✍️これぐらいならカンプのみでHTML全部書けるようになった。cssも参考コードをあまり見ずに書けている。

𝕋𝕒𝕜𝕚

@takl_c

Oct 3

🍯コーディング実践入門本･サービスサイト3-11〜3-15 ⏰1時間 ✍️だんだん擬似クラスが出てきても驚かなくなってきた。position: absolute;を最初に記述して他のコードを付け足していったほうが混乱しにくいかも。

𝕋𝕒𝕜𝕚

@takl_c

Oct 2

🍯コーディング実践入門本･サービスサイト3-9〜3-10 ⏰1時間10分 ✍️linear-gradient、やれることが多そう。nth-child、子要素のカウント間違えないように。flex-shrink: 0;、縮小されないようにする。

𝕋𝕒𝕜𝕚

@takl_c

Oct 1

🍯コーディング実践入門本･サービスサイト3-7〜3-8 ⏰1時間10分 ✍️clip-path:polygon;だいぶ慣れた。でもセクション上下つづけて使う時、間の調整を何も見ずできるかちょっと不安。擬似クラス、コードを見たら理解はできるようになった。

𝕋𝕒𝕜𝕚

@takl_c

Sep 29

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

𝕋𝕒𝕜𝕚

@takl_c

Sep 27

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

𝕋𝕒𝕜𝕚

@takl_c

Sep 26

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

𝕋𝕒𝕜𝕚

@takl_c

Sep 25

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

𝕋𝕒𝕜𝕚

@takl_c

Sep 24

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

𝕋𝕒𝕜𝕚

@takl_c

Sep 21

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

𝕋𝕒𝕜𝕚

@takl_c

Sep 20

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