CSSをササッと書けるかもしれないSASS(SCSS)を触ってみた。デザインと、趣味と、ときどきアダルト。PUSH!!TOPページホームBLOGCSSをササッと書けるかもしれないSASS(SCSS)を触ってみた。WEBMontBlanc.です。今回WEBサイトを作成する際にSASS(SCSS)を使用したので、メモ兼感想をば。導入方法ターミナルからコンパイルしたり等の方法もありますが、今回はSCOUTというコンパイルツールを使いました。SCOUT:https://mhs.github.io/scout-app/インストール後は左下にある「+」を選択して、SASSを扱うサイトの一番上の階層のフォルダを選択しプロジェクトの作成を行う。次に、SCSSファイルを扱う場所と実際にCSSファイルとして書き出す場所を指定します。」とエラーが出てしまい一向に動かない・・・。「Javaがないからインストールしてね!」という意味っぽいのでJAVAの最新版を入れてみても動かず・・・。調べた結果下記ページで解決!http://yoraji.blogspot.jp/2015/08/sass-mac-os-x-yosemitescoutjava.htmlどうも最新版のJAVAを読み込んでくれないらしく、古いバージョンを設定すると動くとのこと。下記ページから旧バージョンのJAVAをダウンロード。https://support.apple.com/kb/DL1572?locale=ja_JPインストールしたところ、無事起動ができました!実践したこと変数を使うユニークな変数を設定し、指定した変数の値を変更することにより変数を設置した箇所を一括で変更できます。入れ子を使うCSSでネスト化(htmlみたいにタグの中にタグを入れる)ことが可能に。便利ですが、アウトプット時にCSSの記述が増えるのでパフォーマンスに影響が出る点と、単純に美しい記述じゃない・・・。他にもMixinや継承(Extended)などの機能もあるので、そこまで使いこなせなかったっす・・・!また次回の機会に使えるようにしていきたいですね。変数を使っての設計を意識した書き方が行えるのは結果としてスピード感のあるコーディングが出来て良いと思います。SCSSからコンパイルされたCSSがちょっと汚いな・・・という印象。何個かの参照サイトでも記法はパフォーマンスの低下に注意と書かれているものも多いので、記法には気を使って書いていった方が良さそうです。MontBlanc.人気記事スプラトゥーンに使われているフォントを出来うるだけ再現してみた。クラウドストレージをほぼ無限にできる「odrive」がすごすぎるiPhoneのテザリングでモンスターハンターをプレイするとどうなるか試してみた。アダルトサイトや出会い系ジャンルに使える画像素材は存在するのか?ざっくり調べてみた。荒廃したニューヨークを駆け巡る!DIVISIONのベータテストにぼっち参戦しました。2016年2月にPocketした記事まとめスポンサーリンクSEARCHABOUT.MontBlanc.WEBディレクター兼アートディレクター、且つ元エロデザイナーの備忘録&MEMO的なブログです。デザイン記事やWEB記事、レビューもどきや精神論など色々書きます。人気記事スプラトゥーンに使われているフォントを出来うるだけ再現してみた。18,975ビューiPhoneのテザリングでモンスターハンターをプレイするとどうなるか試してみた。12,616ビューアダルトサイトや出会い系ジャンルに使える画像素材は存在するのか?ざっくり調べてみた。montblan9.net.。