実際にSassを使ってみよう!さて、準備が整ったのでそろそろSassってみたいと思います。試しに以下の手順を踏んでみてください!任意の場所に”test”という名前でフォルダを作るその中にDWなりのテキストエディタで、”test.scss”というファイルをつくるKoalaを起動するtestフォルダを、フォルダごとKoalaにドラッグ&ドロップすると、右側にアイコンと共に”test.scss”の表記が出ます。右側に何やら項目が表示されるので、任意で設定する。※scssファイルを編集する際、コンパイルするアプリ(今回の場合はKoala)は常に開いた状態にしておかないと、CSSが吐き出されないので注意。これでOKです!scssファイルをいじってみましょう。試しに、以下のコードをtest.scssに記述してみてください。14~”はcommon.scssの記述と対応している部分の表記です。comments”のチェックを外してください。※今回はお試しなので、scssファイル、cssファイルしか用意しませんでした。インストールでよくあるトラブルとその対処法さて、これで無事に完了といけば問題ないのですが、上手くいかねーよ!という場合があるかと思います。導入の際に詰まりそうなポイントを以下にまとめましたので、参考にしてください!Q.RubyとSassがちゃんとインストールされているのかわからん。ruby」と入力してみてください。Rubyのインストールが成功していれば、バージョンナンバーが表示されるはずです。sass」と入力することで確認できます。Q.DWの設定がうまくいってないみたいなんだけどマイコンピュータを開いて検索ボックスから”MMDocumentTypes.xml”,”Extensions.txt”を検索してみてください。複数ヒットしたら、片っ端から書き換えてみてください。Q.”MMDocumentTypes.xml”,”Extensions.txt”を編集しようとするとエラーになるんだけどDWフォルダ内で直接書き換えようとするのではなく、一度デスクトップ等にコピーして、そちらを編集してみてください。それから再度、デスクトップからDWフォルダ内に移動させて上書き、その際に管理者として実行すれば編集できるはずです。Q.Rubyのインストールは完了してるのに、Koalaが「Rubyがインストールされていません」っていうんだけど一度Koalaを閉じて、再度Rubyをインストールすれば直ると思います。Koalaさん、使い勝手はいいけどちょっと変なところがあるっぽいです。Q.Koalaが起動しない......PCを再移動してみてください。Koalaさん、使い勝手はいいんだけどね...。変なところがね...。慣れてきたら別のGUIアプリを使ってみるといいかもしれません。(Mac)辺りも使いやすいようです。最後にさて、これで最低限Sassが動く環境が整いました!しかしながら、Sassにはまだまだ素晴らしい機能が沢山あります。Compassはぜひともオススメしたい機能です。それについては、以下の記事が超参考になるので合わせて読んでみてください。ANALYZE」を導入後、CVR改善に成功した品川美容外科のWeb担当者に話を聞いてきた。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。