gulp-sassを使っていたら『throw new Error(errors.unsupportedEnvironment());』がでた時の対処法

久々に修正を加えたコードがうまくコンパイルできなかったので、対処方法とその時の学びについて。

CSSのプリプロセッサーであるメタ言語のSassをコンパイルする時に使っている”gulp-sass”が下記のようにエラーを吐いていたので調べてみました。

throw new Error(errors.unsupportedEnvironment());

結論から言えばバージョンが古いので最新版のモジュールをインストールすればよいです。なのでnpm install gulp-sassでokなはず。
詳しくみたいかたは先に進んでください。


Node Sass does not yet support your current environment (macOS 10.12.1, Node 7.0.0) · Issue #1764 · sass/node-sass · GitHub

「そのバージョンではサポートしてないよ」ってことらしいので、まずはgulp-sassのバージョンを調べてみます。
package.jsonのあるディレクトリで下記コマンドを実行します。

npm outdated

Currentの行が現在のバージョンで、Latestは最新バージョンです。
Wantedはなんでしょうか…。

npm-check-updatesというnpmのモジュールを更新&確認する『GitHub – tjunnone/npm-check-updates: Find newer versions of package dependencies than what your package.json or bower.json allows』を見つけたので「まさに!」と思い試してみました。

まずは-gのオプションをつけてグローバルにnpm-check-updatesをインストールします。
ncuに-uのオプションをつけるとpackage.jsonも更新されるようなので、gulp-sassを更新しpackage.jsonも更新します。

npm install -g npm-check-updates
ncu -u gulp-sass

もういちどoutdatedをかけてみると、消えてしまっていました。
使い方間違えたかな…。

消えちゃったので普通にgulp-sassだけを再度インストール

npm install gulp-sass

バージョンの指定はしてないので最新版がインストールされて、無事にエラーは消えました。
最初からこれでよかったのではないだろうか…。

参考の記事はこちら

npm installしたパッケージの更新確認とアップデート(npm-check-updates) – dackdive’s blog

おまけ

週末に開催されるWordPressのお祭り『WordCamp Bangkog』のためにタイに来ています。
今日はJoeのおすすめの場所でコワークしてます。

We co-working at Bangkog! #theta360 – Spherical Image – RICOH THETA

WordPressコミュニティと地域メディアを運営している人の集まりに参加した話

今日はタイトルの通り、各地のWordBenchを運営している人や東京の各地で地域メディアを運営している方々が集まる飲み会に参加してきました。

そこで感じたことや勉強になったことを忘れないように書き残します。

ブログやメディアを続けるコツ

共通の知人が多くいて、『め〜んずスタジオ』『トヨスト』の運営者である瀬長 明日香さんにお会いしました。

そんな瀬川 明日香さんは1ヶ月に100記事くらいを執筆しているようで、アウトプットの多さに脱帽です。

僕は仕事もプライベートでも情報発信の大切さを伝えている身として、去年はオンラインでの発信365本を目指していたのですが成果は100本でした…。

1ヶ月で僕の年間に相当する記事を発信する明日香さんに秘訣を聞いたところ、とても共感するお話をしていただきました。

「記事を書こうとするとみんな難しい事を考えて自分でハードルをあげてしまう。まずは4行でもいいから発信すること。」との事。

アウトプットする事を常に意識すると、日頃のインプットを意識する事ができます。

最近読んだ実用書には「なにかが上手くできないときに規律を作って行動を制限してしまうが、大切なのは規律を作ることではなく行動を習慣化することだ」と書いてあったのを思い出しました。

少しでもいいから書くこと。それを続けて習慣に変えるために自分の中の『こうしなければいけない』というハードルを下げる事が大切なんだと学びました。

WordBench北千住が4-5月に初開催

そして次のニュースは、あの足立区にWordPressの地域コミュニティが発足するということです!

僕は生まれも育ちも東京の足立区という貧民窟なのですが、そんな足立区の北千住にITコミュニティが発足するという奇跡的な瞬間に立ち会う事ができましたw

モデレーターは足立区の情報サイトである『北千住プレス』を運営する海上さん。

僕も生まれ育った地域コミュニティになにかコントリビュートをしたいと思っていたところ、同じような考えを持つ方と知り合えて僕も協力させていただくことになりました。

こんな素敵な会を企画してくれた福田さんの主催するWordBench 羽田は3月25日に開催しますー。

昔に書いた「現場のプロが教える WEBデザイン 新・スタンダードテクニック37」の執筆イベントティザーがかっこいい件

今さらながら、昔に執筆した書籍の出版イベントの告知ページが超カッコよかったからシェアや!

Web Design New Standard Technique 37

今でも十分使える (はず) な、現場のプロ達が教えるテクニック集はこちら。

「現場のプロが教える WEBデザイン 新・スタンダードテクニック37」

P>S
ページ作者のモチフラペさんのキッズは可愛い

WordPressの誕生15周年

今日でWordPressは生まれてから15年の節目を迎える。

僕がWordPressに触れはじめたのは4年前で、その頃からローカルコミュニティの集まる場に参加するようになったのだが、その時は「去年で10周年だよ」とコミュニティメンバーが言っていたのを覚えている。

それまでの10年の事はCMSという言葉さえしらなかったので、あまり詳しくはないがLIGのブログがWordPressの生い立ちやバージョン毎の進化の流れをまとめた記事を書いたことがあるので紹介したい。

『みんなは知ってる?WordPressの特徴と人気の理由を分析してみた』

https://liginc.co.jp/web/wp/plug-in/91533

15周年を機にここに書かれていない期間の補足記事も書きたいと思っている。

本当に思ってはいる。