作業進捗、各種感想、日常などのメモ
ざっくりつかむ CSS設計 | 高津戸 壮 |本 | 通販 | Amazonhttps://www.amazon.co.jp/dp/4839977666
Amazon.co.jp: jQuery標準デザイン講座 eBook : 神田幸恵: 本https://www.amazon.co.jp/dp/B0192PG8TU
Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ Web制作者のための教科書シリーズ | 平澤 隆, 森田 壮 | 工学 | Kindleストア | Amazonhttps://www.amazon.co.jp/dp/B075LCKFLL
最近読んだもの
どの本か忘れたけど今年入ってWebサイト制作入門系の本で改めてお勉強してた時に「CSS設計」というワードが出てきて、やっぱりさすがにそういう概念あるよな～少しでも齧ったら便利そうだな、と思ったもののなんか考え方が色々ありすぎて何から手を付けたら良いか分からん…となっていた時に書店で見掛けてこれだ！と思って買った。
普段Web制作系の参考書はもっぱら電子でセールの時とかに買ってたけど、これはあまりにも求めてた内容だったので何かの縁だと思ってそのままレジに持っていった。
実践というよりCSS設計の考え方をどう取り入れたら良いか分からん人に向けてまさに「ざっくり」解説してくれる感じ。クラス名とか闇雲に付けてるとこういう問題が生じるから、それを解決するためにこういう考え方が生まれて、具体的はこうする、というのが各設計手法ごとに分かりやすく書かれていた。
個人の数ページしか無い趣味のサイトなら必ずしもきっちりやる必要は無いだろうけど、普段クラス名の付け方に悩んだり、優先度に苦戦しまくって上書きするために明らかに無駄な記述してるんだけどどうしたら良いか分からなかったりしてる人間には参考になる考え方が盛り沢山だった。これ読むと自前のゴチャゴチャしたコードを早く書き直したくてたまらなくなる。
スクロールすると途中でページトップに飛ぶボタンが出てくるやつとかとりあえずググって先人が作ってくれたjQueryのコードをコピペして使ってるけど、少なくとも書いてあることの意味が分かりたいしあわよくば改造とか自作とかしたいと思って2月くらいに電子で買って積読ししてたのをようやく読んだ。
練習用のサンプルファイル全部DLできるし、載っている動きもその辺のウェブサイトでよく見るやつだったからコレこういう仕組みで動いてるのか～！と作業しててテンション上がる。
2015年の本なのでトグルとかアニメーション関係とか今ならCSSのみで実装した方が軽くて良さそうなものもあるけどjQueryとは何ぞやを学ぶのにはとても良かった。知ってるやつ作れるのはやはりモチベ上がる。
コレ読んでからこの間半額セールで買った「[動くWebデザイン アイディア帳]」https://www.amazon.co.jp/dp/B08X4GLZTRパラパラめくったら書いてあることの意味が分かるようになって楽しい。
追々JavaScriptの方も齧っていきたい。
ところでjQuery調べてると「今時jQueryなんて…」みたいなコメントもちょくちょく見掛けるんだけどやっと少し分かるようになったのでもう少し待ってほしい。大きなサイト作るのに今時ベタ打ちでチマチマ作らんよという文脈で出てくる気がするからペラいページならまだまだ現役と思って良いですかね！？
当初お借りしていたテンプレートのCSSファイルに「Sass」って書いてあって「Sassって何！？」と思って調べたら超便利な感じだったのでもう少し体系的に齧りたいなと思って、Sass覚えるなら最初はこの本一択だと紹介されていたもの。5月くらいに電子でセールだった時に買って積読してたやつようやく読んだ（そのパターンばっかり）。今もセールしてるな。
ところでこの本読む前にウェブでSassの書き方少し齧って、なるほどパーツやぺーじごとにscssファイル分けて@importで読み込んで一つにまとめれば良いんだな！？できた！ヤッタ～～！めっちゃ便利！とか思ってたら、Sassの@importの使用去年の10月で非推奨→今年中に廃止になるらしくて笑った。覚えた先から古くなるのさすがウェブ技術って感じ。この本も2017年の発行で@importでの読み込みしか解説されてなかったから別で@useと@forwardの使い方覚えた。