none
CSSファイルについて RRS feed

  • 質問

  • お世話になります。

    Visual Studio 2017を使用して、asp.net VB Webプログラム開発中、cssファイルが、scssに変更されていました。

    saccというファイルもあるようで、どれを推奨されるのでしょうか?

    今日、気が付きました。

    プロジェクトを開いたら、cssファイルが、scssファイルに変換されていました。

    Visual Studioの仕様変更で変換されたものなのでしょうか?

    動作上は異常なく動作しますので、問題ないと思われますが、saccファイルというものがあって、安定しているとか書かれていました。

    Visual Studio 2017では、どれを推奨されるのでしょうか?

    勿論選択するのは、本人でしょうけれど、Visual Studio 2017を利用するのに、scssファイルを推奨されるのでしょうか?

    たぶん、事前に管理者向け情報で広報されているかと存じますが、英文ですので、目を通しておりません。

    ご指導のほどお願い致します。


    takatsu

    2019年6月12日 12:05

回答

  • Sass とか SASS とか SCSS とかには触ったこともない自分がレスするのも何ですが、レスが付かないようなので・・・

    > Visual Studio 2017を使用して、asp.net VB Webプログラム開発中、cssファイルが、scssに変更されていました。

    質問者さんは何を作っているのですか?

    ASP.NET Web Forms アプリ? ASP.NET MVC アプリ? ASP.NET Web API アプリ?

    VS2017 は不明ですが、自分が使っている VS2015 Community では、少なくとも上記のアプリを生成するためのテンプレートを使った場合は、生成されたアプリのフォルダ内には .scss ファイルも .sass ファイルも存在しません。

    まして、勝手に「cssファイルが、scssに変更」などということは今までなかったです。

    > Visual Studio 2017を利用するのに、scssファイルを推奨されるのでしょうか?

    何を作っているのかによると思いますが、少なくとも ASP.NET Web Forms, ASP.NET MVC, ASP.NET Web API アプリで .css と .js ファイルのバンドル&ミニファイ機能を使うのであれば、Visual Studio のテンプレートで生成された通り .css を使った方がよさそうです。

    そのあたりが VS2017 で変わったということであれば分かりませんが・・・

    【追記】

    .scss, .sass, .less などをバンドルすることも可能だそうです。

    以下の記事の "LESS, CoffeeScript, SCSS, Sass Bundling" のセクションに.less の例が載っていますので見てください。

    Bundling and Minification
    https://docs.microsoft.com/en-us/aspnet/mvc/overview/performance/bundling-and-minification

    2019年6月13日 3:35

すべての返信

  • Sass とか SASS とか SCSS とかには触ったこともない自分がレスするのも何ですが、レスが付かないようなので・・・

    > Visual Studio 2017を使用して、asp.net VB Webプログラム開発中、cssファイルが、scssに変更されていました。

    質問者さんは何を作っているのですか?

    ASP.NET Web Forms アプリ? ASP.NET MVC アプリ? ASP.NET Web API アプリ?

    VS2017 は不明ですが、自分が使っている VS2015 Community では、少なくとも上記のアプリを生成するためのテンプレートを使った場合は、生成されたアプリのフォルダ内には .scss ファイルも .sass ファイルも存在しません。

    まして、勝手に「cssファイルが、scssに変更」などということは今までなかったです。

    > Visual Studio 2017を利用するのに、scssファイルを推奨されるのでしょうか?

    何を作っているのかによると思いますが、少なくとも ASP.NET Web Forms, ASP.NET MVC, ASP.NET Web API アプリで .css と .js ファイルのバンドル&ミニファイ機能を使うのであれば、Visual Studio のテンプレートで生成された通り .css を使った方がよさそうです。

    そのあたりが VS2017 で変わったということであれば分かりませんが・・・

    【追記】

    .scss, .sass, .less などをバンドルすることも可能だそうです。

    以下の記事の "LESS, CoffeeScript, SCSS, Sass Bundling" のセクションに.less の例が載っていますので見てください。

    Bundling and Minification
    https://docs.microsoft.com/en-us/aspnet/mvc/overview/performance/bundling-and-minification

    2019年6月13日 3:35
  • 有難うございます。

    質問者さんは何を作っているのですか?

    Web上で、データベースとリンク出来るシステムを作ろうと思っています。

    ASP.NET Web Forms アプリに該当するのかなと思います。

    これまで、.cssを使ってスタイルを作っていたんですが、

    一昨日、三日ぶりにVisual Studio2017を立ち上げたら、.cssが.scssに替わっていたんです。

    それでNET検索で調べてみると、css以外に、sassとscssというページがあり、

    .cssが.acssに変更されていましたので、投降したものです。

    改めて、そのページを読むと、

    これからのcssは、sass(scss)書いてみようといった記事がありました。

    改めて読んでみると、Rubyをインストールする必要があると書かれています。

    インストールした覚えはありませんが、拡張子を変更した覚えもなく、拡張子が変わった原因が分かりません。

    こんな情報は他にないでしょうか?

    取り敢えず、別のプロジェクトを作って、作業してみます。

    有難うございました。


    takatsu

    2019年6月13日 8:23
  • > ASP.NET Web Forms アプリに該当するのかなと思います。

    自分が何を作っているか分からないようですが、それでは話が通じにくいです。きちんと確認してください。

    > 三日ぶりにVisual Studio2017を立ち上げたら、.cssが.scssに替わっていたんです。

    いかに VS2017 とはいえ、何もしないのに既存のプロジェクトの .css ファイルが .scss ファイルに変わるということはあり得ないので、質問者さんが何かをした結果だと思います。

    心当たりはないですか?

    • 編集済み SurferOnWww 2019年6月13日 9:42 誤字訂正
    2019年6月13日 9:16
  • 有難うございます。

    > 2019/06/12の追記有難うございます。

    .scss .sass .lessなどをバンドルすることも可能だとの情報ありがとうございます。

    Bundling and Minificationの内容を、読んでみます。

    > 心当たりはないですか?

    .css以外に、スタイルシートのことを知りませんでしたので、全く心当たりがありません。

    どちらでも使えるならば、新たなプロジェクトでテストしてみたいと思います。

    結果に問題があるようでしたあ、またご相談させて戴きます。

    今回は、解決とまでは言えませんが、追記で書いて戴いた情報で、解決とさせて戴きます。

    有難うございました。

    お世話様でした。


    takatsu

    2019年6月15日 0:23
  • > .scss .sass .lessなどをバンドルすることも可能だとの情報ありがとうございます。
    > Bundling and Minificationの内容を、読んでみます。

    紹介した記事は ASP.NET MVC のものです。

    質問者さんが作っているという Web Forms アプリの .js, .css のバンドル&ミニファイについては、以下の記事を見てください。上のレスで紹介した記事からもリンクが張ってあります。

    Adding Bundling and Minification to Web Forms
    https://blogs.msdn.microsoft.com/rickandy/2012/08/14/adding-bundling-and-minification-to-web-forms/

    .css 関係については上の記事の "CSS Bundles" のセクションにあります。

    > どちらでも使えるならば、新たなプロジェクトでテストしてみたいと思います。

    Web Forms アプリでも .sacc, scss が使えるようですが(自分で使ったことはないので自信はなし)、ASP.NET の機能を利用したバンドル&ミニファイができるかどうかは疑問です。

    質問者さん自身、今作っているのは Web Forms アプリなのか不確かなようですが、Web Forms に間違いなければ、特に何か理由がない限り .sacc, scss を使う必要性は低い(それを勉強する優先順位はかなり低い)のではと思います。

    それより、余計なお世話かもしれませんが、「何を作っているか?」と聞かれて明確に答えられるような知識を得る方が優先度は高そうです。


    • 編集済み SurferOnWww 2019年6月15日 1:51 リンク設定&誤記訂正
    2019年6月15日 1:46