rails7.0.0の影響によるcssの読み込みができなくなるというエラーに遭遇したので、同じ症状で悩まされている方のためになるかと思い、この記事を執筆しています。 railsの7.0.0が昨年に公開されましたが、以前のようにcssを適用させようとすると書き画像のようなエラーが出ることがあります。 このエラーの解決方法は
![rails 7.00における "cannot load such file --sassc"の解決法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b83f06b3e2d0563f40ddbf862a1429e478542aa/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9cmFpbHMlMjA3LjAwJUUzJTgxJUFCJUUzJTgxJThBJUUzJTgxJTkxJUUzJTgyJThCJTIwJTIyY2Fubm90JTIwbG9hZCUyMHN1Y2glMjBmaWxlJTIwLS1zYXNzYyUyMiVFMyU4MSVBRSVFOCVBNyVBMyVFNiVCMSVCQSVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDRlMDQ2NDc4ZjRlODQ0MmI5YjcxMTk2MjYyOGNkMjI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBZdV91bkkxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wNzZhZGY0YTBhOTYwMDk0M2RiNzRjZDQyYjAwMTVkYw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3481e5165b438b5d300c4841452adf33)
こんにちは。 新卒デザイナーのshikaです。 入社から早くも3か月が経ちました。仕事をする上で「高いクオリティ」と「限られた時間」との両立がどれほど大変かということを、強く実感しています。学生の時は時間に余裕もあり、ポートフォリオを作る時も自由に時間を使えました。Webページの制作にもCSSを生のまま書いていたのですが、コーディング作業の効率化をしようと思い、以前から気になっていたSassに手を出してみました。 その結果、ある程度使えるようになったので、Sassの導入方法や初歩的な部分を解説してみようと思います。 Sassって? Sassとは、「Syntactically Awesome StyleSheet」の略です。直訳すると構文的に、凄い、スタイルシート…? とりあえず、いろいろ便利になったCSSというイメージで大丈夫だと思います! Sassは2種類の構文で構成されたスクリプト言語
Sass は Less, Stylus, Tass, PCSS などと同様の CSS を拡張したメタ言語のひとつです。 Sass は Syntactically Awesome Stylesheets (構文的にイケてるスタイルシート) の略です。「サス」と読みます。 Haml の設計者でもある Hampton Catlin が設計し、Nathan Weizenbaum が開発しました。 CSS に対して変数、ネスティング、Mixins、インラインインポートなどの機能を強化します。 色や値を操作するための多くの関数が用意されています。 if文や for文などの制御構文をサポートします。 Sass構文や SCSS構文で記述したファイルをコンパイラで CSS構文に変換して使用します。 ファイルサイズ圧縮のため、minify(compress)されたファイルを出力することが可能です。 Less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く