今回ご紹介するのは、Scssを一瞬でcssにコンパイルしてくれるオンラインサービス「SassMeister」です。
Scssはコンパイルしないと実際には使えないのですがこのコンパイルがなかなかに厄介者で、初心者の方などはコンパイルの仕方などでまず一度は壁に当たるのではないかと思います。
また、普段Scssでコード補完しているけど、たまにやってくるcssのみでのサイト構築でパーツを使いまわしたいけどコンパイル設定がめんどくさい⋯などの時にサクッとコンパイルしてくれるのでめちゃくちゃ重宝します。
では詳しくいってみましょう！
「SassMeister」とは
メリット
- Scssからcssへコンパイル出来る
- 使い方が簡単
- 完全無料
これだけみても最高じゃないですか？
もちろんデメリットもあります。
デメリット
- ネット環境必須
- ブラウザ必須
デメリットっていってもこれだけ。
おそらくこの記事を見てくださっている方はもちろん、Scssからcssにコンパイルをしたい、と考えている方には当然ネットもブラウザもあるはずなので実質としてデメリットは一切なし！
使い方
ではさっそく使ってみましょう！
上記リンクを開くとこんな画面が表示されると思います。
この左側にScssを記述すると…
はい！もうできました。
実際には書いている途中からコンパイル処理が始まっているので思っているより本当に早いです。
しかも記述ミスなどのシンタックスエラーも読み取って教えてくれるので本当に助かる。
その他の機能
HTMLも記述して見た目の確認もOK
上部メニューの「View」から「HTML」のチェックを入れるとマークアップも出来るようになります。
コンパイラの変更
上部メニューの「Sass」をクリックするとコンパイラの変更も出来ます。
他にも色々あります
他にも色々と機能があるのでぜひご自身で実際に触ってみてください。
まとめ
今回は簡単にコンパイルが出来るオンラインサービス「SassMeister」をご紹介しました。
めちゃくちゃ簡単に使えるツールなのでぜひご自身で触ってみてくださいね。
ではまた！
当記事で紹介、及び記載している内容は個人的考えに基づいております。
責任は負いかねますので、お試しの際は必ずバックアップを取った上で自己責任のもと実行してください。
