【MENTA】CSSに関連した技術「2023年版」またはプログラミングに関連した技術についてまとめました。

HTML/CSSを学んだあとに「知っておいて欲しい」こととして、Webサイトは運用し続けるので属人性があってはダメだし、保守コストが高くてはいけないのでメンテナンスのしやすさが高くないといけない＝メンテナブル、でなければなりません。…というわけでCSSのメンテナンスを高める方法を意識していく必要があるよ！というお話です。というか、ただのリンク集です。

CSSに関連した技術

メンテナンス性に優れたcss設計 – メンテナブルcss
https://texta.pixta.jp/entry/2016/11/02/124456

CSS設計とは？設計手法はどれがいいのかまとめてみた
https://depart-inc.com/blog/css-design/

→ BEM , FLOCSS について調べてみましょう。

【入門編】Sassの意味は？SASS・SCSSとは？読み方から使い方まで解説
https://udemy.benesse.co.jp/design/web-design/sass.html

→ SaSS , SCSS について調べてみましょう。

おすすめのCSSフレームワーク39選｜メリットやデメリットも紹介
https://miraie-group.jp/sees/article/detail/CSS_framework_recommend

→ Tailwind CSS , Bulma について調べてみましょう。

プログラミングに関連した技術

最初に学ぶべき構造化プログラミング、大きな問題を分割して解決
https://active.nikkeibp.co.jp/atclact/active/17/060100293/060800002/#:~:text=%E6%A7%8B%E9%80%A0%E5%8C%96%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%81%AF,%E3%81%8B%E3%82%89%E5%AE%9F%E8%A1%8C%E3%81%99%E3%82%8B%E5%87%A6%E7%90%86%E3%81%A7%E3%81%99%E3%80%82

構造化プログラミングとは
https://zenn.dev/k41531/articles/45efe6247ee967

-JavaScriptのフレームワーク-
Angular vs React vs Vue：おすすめと比較を徹底解説！
https://www.uxpin.com/studio/jp/blog-jp/angular-vs-react-vs-vue-%E3%81%A9%E3%81%AE%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%92%E4%BD%BF%E3%81%86%E3%81%B9%E3%81%8D%E3%81%8B%EF%BC%9F/

TypeScriptを入門者向けに解説！JavaScriptとの違いや勉強法までわかりやすく
https://udemy.benesse.co.jp/development/system/typescript.html

オブジェクト指向と20年戦ってわかったこと
https://qiita.com/shibukawa/items/2698b980933367ad93b4

→プログラミング言語によってオブジェクト指向の考え方は様々