タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

sassに関するinazuma2073のブックマーク (3)

  • 絶対つまずかないGulp入門。インストールからSassのコンパイルまで – ICS MEDIA

    ウェブサイト制作には煩雑な処理を自動化する「タスクランナー」や「ビルドシステム」というツールがあります。この記事では、タスクランナー「Gulp.jsガルプ」の導入手順を解説します。 導入は簡単で、記事の手順では5分程度でセットアップできます。Gulpはコマンドラインで使うのが一般的ですが苦手な人でも安心して学べるよう、ビデオでも解説します。 この記事で学べること イマドキのGulpの導入手順 Gulp 4に対応した書き方 Sassサスの導入手順 GulpやSassの導入や使い方にはいろんな方法がありますが、この記事では現場で使われている方法を紹介します。Gulpの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。記事は最新版に対応させているので、安心して読み進めてください。 ※この記事では、Node.js v18とv19で動作検証をしています。 ※Sass

    絶対つまずかないGulp入門。インストールからSassのコンパイルまで – ICS MEDIA
  • 【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|基礎編 | DevelopersIO

    はじめに 早速ですがみなさん、黒い画面(コンソールやターミナル)はお好きですか? ちなみに僕は最近やっと黒い画面に対していくつかの呪文使えるくらいになりました。文系理系でもどちらでもなくさらに低学歴の僕にとっては潜れば潜るほど黒い画面がつきまといます。(今では好きですよ、黒い画面) 今回は、すぐに使えるSCSS入門|基礎編ということで、「黒い画面など見たくない!」というあなたにも、GUI操作だけですぐに使えるアプリケーションのインストールからSCSSの基的な利用方法について、実際の開発に使えるポイントを押さえて解説していきたいと思います。 SCSSを覚えて生産的で楽しいWebサイト制作・アプリケーション開発をしていきましょう。 まだSCSSを知らない方向けに「SCSS」って? 前回の記事「Media Queriesの記述を少し楽にしてくれるSCSS(Sass) Mixin(自作)」からの

  • WindowsにSASSをインストールする時にエラーが出た時の対処法

    明けましておめでとうございます 今年もizmakerとizmakerTodayを宜しくお願い致します 新年早々ですが、最近流行りのSASSをWindowsローカル環境で実行する方法と僕がつまづいた点をご紹介したいと思います ・Rubyのインストール SASSを動作させるにはWindowsRubyをインストールする必要があります インストーラーがありますのでインストール自体は簡単です ※インストーラーはこちらから 作業はこちらのサイト(RubyLife様)を参考にさせていただきました インストール自体は簡単なのですが、Windows7の場合はPATHの設定が正しく行われない場合があります その際はこちらのサイト(RubyLife様)を参考にシステム詳細設定のPATHを変更してください ※PATHの設定にはAdministrator権限が必要です インストールが完了したらコマンドプロンプトを

    WindowsにSASSをインストールする時にエラーが出た時の対処法
  • 1