ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.12.03Sass/Scssでデフォルト引数を指定する際の引数順序依存を改善するSCSSは非常に便利で開発の効率も上がりますが、かゆいところに手が届かないといったことも結構あります。今回はその1つである、引数の順序依存を改善する方法を紹介します。デフォルト引数とはたとえば、こんな関数を作ってみます。全体の幅とガター幅が分かっていて、均等分割したいとき、1カラムの横幅はいくつになるか求める関数です。$column;}こんな感じで記述すれば、1カラムの幅が算出できます。引数を見てみると、初期値が設定されていると思います。20);デフォルト引数されているので、引数を省略して呼び出すことができますね。値だけ変えたい場合もあると思います。10);しかし、省略できるのは第2引数または第2第3引数が記述されていないときです。値を入力しなければならないのです。これでは、融通がききにくいですよね。mapそんなときに便利なのがmapという機能です。これで、デフォルト引数を上書きさせることができます。気になる方は可変長引数を使ってみるといいと思います。関数を使用しているところですね。この関数は可変長引数をmap型に変換してくれる関数です。結局mapを使うので先ほどと原理は変わりません。