まーと＠web制作コース受講中

HTML/CSS/Javascript(jQuery)/Wordpress/ #デイトラ のweb制作コース受講中です(25/8/28〜)只今上級編履修中。

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】中級編最終課題day32〜42
途中時間が取れない時期があって、間が開いてしまったけど、なんとか中級編修了できた。
ひとまずはレビュー待ち。
レビューどんな感じなのかドキドキだけど、上級編に進んでいこう。
こっからはワードプレスだ。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

そしてl-は全部layoutだから配置とか諸々もl-で決めると勘違いしてしまっていた。
あくまでもl-はページの大枠などの定義
project内の余白や配置、flexやgridはl-じゃなくてp-でOKという結論に。
これで進めていこうか。
明日にはいい加減header、footerを完成させていきたい。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】1.5h(total303.5h)
課題。
やっとわかってきたのかもしれない。
componentももちろん大事で、コンテナの中にコンテンツを入れるって分離の考え方であるが、レイヤーという構造を活かすことで別レイヤーであれば異なるp-やl-を跨いだクラス付け可能になる。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】3h(total302h)
課題。
イメージが湧くようにするためにも、まずは全ページ共通であるheader、footerのcomponentやlayoutを先に進めていくのが妥当と判断。
しかし、考えれば考える程lcpの使い分けがこんがらがってくるので、一度立ち返ってCSS設計の動画を再復習。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】2h(total299h)
課題。
実務編のCSS設計ではあくまで設計論の話でありコード自体はコピペメインだった為、教材ではぱっと見た目が整っていた。
でも課題では自分で一からだから「l-」「c-」「p-」バランス良く進めていかないとイメージが湧きづらいなぁと思った。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

ただ作るだけなら今までの復習に相当する部分が多いからスムーズに進むと思うんだけども、FLOCSSとかを考えると途端に悩んで手が止まってしまう…

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】5/30〜6/1　8h(total297h)
引き続き課題。
未だ「l-」「c-」「p-」の使い分けに悩み中。
再利用性を考えればcやpではなくlに余白を与えるべきだが、何でもlに任せるのは流石にlayoutの領分を超えてないかと思えて、自分の中でのちょうどいい境界が見つからず苦戦。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

@yui_webcoder こちらこそありがとうございました！
勉強会を参考に、少しずつ使いこなせるようにします！

[まーと＠web制作コース受講中 @mart_web_]

そして今日(日付変わって昨日)は、昼間に
ゆい( @yui_webcoder )さんとちかさん主催のAI勉強会に参加しました。
個人的にはAI活用はまだ分からない事を教えてもらうのメインですが、今回学んだ事を活かし、作業の良き補助役としてAIを活用することも模索しなきゃなと思いました。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

componentは最初単位だからこそ、もっと気軽にさくさくできると思うと先に書きたくなる。
実際今までのクセで上から順に書いていきたい衝動に駆られてしまいたくなることもあるけれど、今は設計を身体になじませるためにも我慢。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】3h(total289h)
引き続き最終課題。
foundationが最低限は終わったのでlayoutの部分を作っていこうと思ったけれども、まだ設計の理解が漠然とだから「l-」「c-」「p-」の使い分けが曖昧なことに気付く。
どこまでをlayoutにすべきか悩んで手が止まってしまいがち。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】3h(total286h)
今日こそは上級編最終課題着手。
考え込んでても進まないと思い、ひとまずはFLOCSSのfoundationと変数周りを実務編CSS設計を見直して流れを真似ながら、最低限はやれたと思う。
ただ関数はどのタイミングで決めていくのか検討つかずまだ何もなし。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

明日には最終課題にちゃんと着手出来ますように。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

ファンデーションで下地を用意し、レイアウトで骨組み作ってからコンポーネント、でいいんだなぁ。
レイアウト→コンポーネントは、
デザインでいう所の
ワイヤーフレーム→デザインカンプに
関係性として近く、工程にきちんと役割が分担されててレイヤー構造ってこういう事かと。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】3.5h(total283h)
いざ情報最終課題。
と思えど中級編みたいにコーティングするだけじゃなくて、WordPress化まで意識しないといけない。
加えて、学んだCSS設計も活かす。
そうなると何から手を付けるべきか、気を付けるべきか、がわけわからなくなってしまった。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

そんなこんなで頭がパンクしたので、また改めてCSS設計の所見返し。
すると、なんてことはなくFLOCSSの流れに沿って行われていることがようやく理解できた。
コンポーネントが大事という部分に引っ張られすぎて、まずコンポーネントから作り始めるとか考えてしまっていた。
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

【学習記録】1h(total279.5h)
実務編CSS設計③終わり。
「l-」とか「c-」「p-」とFLOCSS設計をきちんと使いこなせるかな〜ってのと、これからコーティングからWordPress化という手順を一から自分でやるのは初めてだから緊張もするなぁと。
上級編課題は歯科医のやつにしようかな〜
#デイトラ #Web制作

[まーと＠web制作コース受講中 @mart_web_]

焦らず勉強会とかから少しずつ参入していくのがいいのかなぁ

[まーと＠web制作コース受講中 @mart_web_]

#デイトラコミュニティ
ずっと気になっててどこかのタイミングでと思っていましたが、入るからにはちゃんと活かさないとなぁと思うと変に肩に力が入り過ぎて踏み出せず、あとであとでとズルズル引き延ばして辿り着いた先は上級編最終課題。
今からでも入れる保険ってありますか？笑

[まーと＠web制作コース受講中 @mart_web_]

上級編最終課題3種類ともやるべきか…
ポートフォリオに使えるものが何もなくなってしまったからなぁ