🗓️2024.５.27 (29日目) 🕒2h（total 83h) 初級編 ✅DAY24 ・前回作成したwebページのCSSをSASSに書き直す 入れ子,＆,@ mixinなどでどんどんコードが すっきりしていくのが楽しいです!! 今日はメンターさんと面談して これからの進め方や不安な事を話せてよかったです。 #デイトラ #Web制作

🌟2024.05.27 💡やったこと 《課題》動画視聴・コンパイル（1時間00分） 計: 1時間00分 ✍️感想 ◯やったこと詳細 ・課題動画(HTML/CSS基礎①)の視聴 ・VisualStudioCodeのインストール ・sassファイルのコンパイル ◯明日やること ・課題動画(HTML/CSS基礎②)の視聴 #RaiseTech

コーディングの勉強、時代によって学ぶべきものが変わっているので既存教材をどのように回せばよいのか困ることがあります。Sass、jQueryの復習に割くよりは、コーディング実習を進めて、BootsrapやReact当たりの新知識を入れるべきかなあと思っています。 #プログラミング #Web制作

5月27日 ☑️ドットインストールCSS終了 ☑️Progate Sass終了 ☑️HTML&CSSとWebデザイン入門講座Chapter2と3の練習問題 4hくらい 今日から1冊ですべて身につくHTML&CSSとWebデザイン入門講座開始！見本がおしゃれでやる気出る💪🏻

今日の積み上げ📖 #デイトラ ・Day23 CSSの上位互換！sassを学習しよう！ sassはcssに比べてコード量も少ないし、 メディアクエリも見やすくなるのは分かったけどcssで慣れてたからうまいこと書いていけるか不安だ〜 けどやればきっとできる🔥 #リスキリング転職コース

5/27 初級編復習、よく使うコードのNotion登録 Sass ⏰1h30m #デイトラ #Web制作

🗓️2024.５.26 (28日目) 🕒6h（total 81h) 初級編 ・DAY23の復習(SASS) DAY24の課題が、前回作成したwebページのCSSを SASSに書き直すという内容なのですが どこから手をつけていいか分からず もう一度SASSを復習しました。 明日、メンターさんと面談出来るので 考え方を相談しようと思います。

実家帰省でお休みいただいてましたが、作業再開！ sassで&:focusや&:hoverのあとに+でクラス名を繋げる時と入れ子にする時の違いがわからず、chatGPT先生で調べてみて理解😊さすが、、

✅学習概要 　中級編 Day15-04完了 3h(累計104.5h) ✅学習ポイント 　アウトプットを増やすため、解説を見る前に自力で作成。HTMLはほぼ出来たけどSassはイマイチ。気づけば50分経ってた、、 明日からは20分間と時間を設けます📚 考えながら手を動かす事超重要。 #デイトラ #デイトラコミュニティ

Rust統合開発環境のRustRover、個人非商用利用は無料😊今はRust用のwebフレームワークもいろいろあるので個人開発のポートフォリオで簡単なものでもRust製とか持ってると「オッ」ってなりますよね （反面、HTML+jQuery+Sass系のポートフォリオサイト程度だとobsolete感ある） jetbrains.com/ja-jp/rust/ pic.twitter.com/qrtbAwaQ1m

返信先:@K3_Mobile他1人(*ФωФ)ﾌﾌﾌ… SASSさえあればいいのですよ

Sassの変数機能使うより普通にCSS変数使う方がデバッグしやすくて良い説ない？

Sassならミックスインやエクステンドのプレースホルダーで同じプロパティを何度も書く必要が無い。ただしコンパイル後の可読性には難がある💦

SassがWeb開発の現場で廃れたのは環境設定のシンドさなのは明白だが、oocss的なフレームワークの普及なのかと考えてみる。フレームワーク系はほぼマルチクラスかつoocss的な設計な上、いちいちクラス名を考える必要がシングルクラスほどでは無いから？

6月～稼働可能な要員です（継続営業中） マッチする案件ご紹介ください。 所属：1社先正社員 スキル：実務5年以上　⇒HTML/CSS/SCSS/SASS/JavaScript/React 地域：兵庫(引っ越し予定) 希望：フルリモート 単価：63-65万 いいね/DM頂けますと幸いです。 #ses #ses営業 #HTML #CSS #JavaScript #React

デイトラ受講【26日目】初級編DAY 23 ・実案件チャレンジ（HTML/CSSの実装終了） ・Sass Sassの復習から。 全然忘れてた。 今のところ難しく感じるけど、慣れれば簡単なのかな。 #デイトラ

Sass久々すぎるしこれBEMか？SMACSS？記憶が…

CursorのAI生成コードに希望を感じつつ、VScodeから移行を試みたものの、SASSコンパイラの拡張機能が引き継がれてなかったらしく、なんか使いづらいにたどり着いてしまった。VScodeって当たり前になってるけど非常に使いやすいことを実感した5分前でした。そのうちまた挑戦します。

本日もsassの学習後、figmaへ。。。 デザインの学習とコードの学習の2種類を並行しているお陰で、なんとなくお互いの繋がりが分かりそうな気がする。。。まぁ、兎にも角にも書籍とサンプルを進めます！ #figma #sass

◇◇今日の積み上げ◇◇ デイトラWeb制作コース初級編（Sass学習編） ✅Web制作コース初級編DAY25 ✅学習時間　40分 CSSの設計思想OOCSSやBEMというCSSの命名規則を学習 設計思想大事📖 ちゃんと体系化されているものがあるんですね、素晴らしい🙌 #デイトラ #Web制作 #今日の積み上げ

#web制作 #デイトラ 中級編DAY4 デザインカンプからコーディング編/Figma 完了。 ちらっとDAY4見たら『開発モードの設定』有。以前Sass設定等、『環境』設定で時間要するので💦、今日の目標は環境設定のみとした。 ところが意外や意外、スムーズにできたので最後まで🙂Figma for VS凄い👏

【今週の積み上げ②】map-get関数は古い sassの進化。メディアクエリのマップ型変数で使用する関数はget-mapからmap.getを使う構文が推奨。 ・注意点：既存サイトではget-mapを引き続きサポートされるので移行する必要はなし。 ・メリット：↓

[学習記録]🕊️WEB制作 35日目0.5h (total 116.5h) 　 　☑︎Progate sass1-4 　近くの本屋さんになかったテキストを、大阪への予定がてら購入しました📖✨ #web制作　#デイトラ pic.twitter.com/T5Kg78dPqn

むかしはCSSってクラスがなくて、HTMLタグが生成されるたびに書かなくちゃならなかった 今はSassもあるし、そんな環境でコーディングしろと言われても困る 今の環境を作ってくれた方々に感謝してコーディングしなくちゃ amzn.to/4cgmZQP

今日の授業内容は、ローカル環境から、本番環境への移行作業確認。cssが崩れていた件を先生に見て頂きました。原因は、cssをCSSとしていた事でした。基本中の基本なのに。。。又、今週から、HP制作に取り組む為、sassの基本を先生に教えて頂きましたので、sassでコードを書いていきます。 #AーTECH

そういえば、CSS Nestingはもうモダンブラウザにはリリース済みだし、sass使う必要もうほとんど無いよなぁ… まぁPostCSSは使うからそこでNestingを展開してあげればいいし、モダンブラウザだけサポートするならもうPostCSSもいらない

早めにWordPress の本買って良かった。 Sassでしっかりやり直そう！

🗓️2024.５.25 (27日目) 🕒7h（total 75h) 初級編 ・DAY24(Live Sass Compilerの導入) ✅DAY25(CSS設計(クラス名の考え方) ・学んだSASSとCSS設計をNotionにまとめる ・Notionにまとめたものの復習+追加 クラス名の付け方が苦手だった為、 DAY25を先に進めました✍️ #デイトラ #Web制作

◇◇今日の積み上げ◇◇ デイトラWeb制作コース初級編（Sass学習編） ✅Web制作コース初級編DAY24 ✅学習時間　90分 Notion便利ですねー コードスニペットとしてしか活用できていないけど 他にも色々できるんだろうなー #デイトラ #Web制作 #今日の積み上げ

1からHTML書けって言われたら何が必要だっけ？ってなるしSassもあんまりわかってないしアニメーションとかJSもコピペで実装はできるけどエラー起きたら直せないしAdobeソフトも使いこなせてないし何もアピールできることがない...これできますか？って聞かれてもできる...とは言えない...ってなる...

本日は。。。洗濯物を干して。。。sassを１h学習したら。。。映画鑑賞！ アクション系を身体が求めている気が。。。！

コードを綺麗にしつつ作業速度を爆速にしたいなら、 ■marginの方向は統一 ■Sassの入れ子は使わない ■CSS設計手法を取り入れる ■同じデザインのパーツは使い回す ■クラス名は一目で意味が分かるようにする 何となくコードを書いてる人はまず固定ツイートの無料コーディング講座で学んでみて。

CSSやってて「全然反映されない…」ってなることありますよね。僕も腐るほどありました。 ✅class名が間違ってた ✅HTMLにclass書いたけど保存してなかった ✅CSS自体のスペルミス ✅ファイルのパスが間違ってた ✅Sassのコンパイラが起動してなかった 大体この辺が原因なので確認してみてください。

Sassの、ネスト、変数を学んだ。

[学習記録]🕊️WEB制作 34日目1h (total116h) 　☑︎初級編DAY23 Tips1,7 　☑︎はにわまんさんのSassに関する記事 　学習するときは、一旦全部のTipsを把握してから、上から順にするようにしています🙇‍♀️Tips7を先に目を通してから、学習します🙌 #web制作　#デイトラ

Bootstrapでは、LESS CSSが使用される Railsでは、デフォルトで、SASS（.scss）を使用している SASS（.scss）は、cssを拡張したもので、cssの記法はそのまま使える Railsでは、Bootstrapが使える なぜなら、sassのおかげ [Railsチュートリアル]

痛めた首が少しずつ良くなってきてる。 何もしないでいるのは恐怖でしかないから、とにかく姿勢良くPCに向かってます😌 使いたい時にすぐ使える様、コードを整理。 Sassコンパイラーの設定も毎度わかんなくなってしまうから、これもNotionにまとめてっと！

＜過去記事＞【Laravel Mix】ソースマップを出力する設定方法｜Sass・JavaScript #CSS #JavaScript #Laravel #Node.js blog-and-destroy.com/30721

Sassで書いてstyle.cssにまとめてもいいが、やはりreset.cssとstyle.cssに分けた方がいいなと思いました