gulpが主流でしたが、最近新たにParcel(パーセル)というのがあるのを知りました。インストール可能なパッケージでその特徴が「設定ファイル」が不要というところです。実際にParcelを試してみた感想をこの記事で紹介します。最後にParcel(パーセル)とはParcelは設定不要のビルドツールです。自分はこれまでgulpをよく使っていたのですが、それでできていたことはほぼできている印象です。Parcel(パーセル)が良いのかParcelを使う理由としてはそのお手軽さです。設定ファイルが不要なので、初回の導入も楽で人に渡すときも簡単です。gulpのときに実際に合ったのですがバージョン3→4に切り替えるときにjsを書き換えないといけなかったり、その人の環境がgulp3で動かないみたいなトラブルに巡り合ったりと思っていたよりも保守に時間を取られるということがありました。Parcelではそういった保守のリスクがないのが大きなメリットだと感じています。Webpackのほうが高機能で何でもできますが反面設定ファイルがカオスになったり、プロジェクトの途中から入った人が設定ファイルを触るのは大変など、Webpack疲れが起きているのが現実です。規模や用途によってそういった面にも目をつぶって保守しないといけない案件はあるでしょうがすべての案件がそうなるわけではないので、シンプルな構成で良いものはParcelを使うという選択肢が出てきます。Parcel(パーセル)ができること実際に試してみたことは下記です。SCSSの利用Pugの利用html,css,jsのピルドローカルサーバーの立ち上げブラウザシンク他にも下記の変換・形式をサポートしています。ModuleLESSSASSStylusインストールグローバル(システム)にインストールする場合は以下のコマンドを実行します。-yでpackage.jsonを作成し以下のコマンドを実行します。parcel-bundlerこれで準備は簡単です。ファイル構成シンプルな構成ですと下記のような感じです。app.csshtmlも特殊な書き方は不要で相対パスで読み込めば問題有りません。cssでなく、scssを利用したい場合は読み込むファイルをscssで書いておくだけで、ビルド後にcssのパス設定に書き換えてくれます。実行コマンド下記のコマンドでParcelが立ち上がります。dist/にファイルがビルドされ、ブラウザシンクが走った状態でローカルサーバーが立ち上がります。distのディレクトリは自動で作られますブラウザシンクが走っているので、変更検知してブラウザに反映されますし同時にビルドもされます。ビルドのコマンドnetlifyなどを利用する際はローカルサーバーを立ち上げる必要はなくビルドだけすれば良いです。dist/の中にビルドされるので大丈夫です。index.html最後に覚えるコマンドも少なく、何かやろうとすると自動で何でもしてくれる感じが強いので、かなりいい感じの印象です。事細かくなんでもできるわけではないので、Webpackを超えたとかといういう話ではないのですが、お手軽に開発環境を作れる選択肢が増えてとても良かったです。https://parceljs.org/ツイートこの記事を書いた人conti大阪で東京の事業会社でフルリモートワークで働いているWebデザイナーです。副業とか好きで週末フリーランスしてます。コードを書くのが得意なのでプログラマーに愛されるデザイナーってよく言われます。最近UI開発をしているのですが、良いUIとはなにか、不要なUI、不快なUXはないかなどをどう見つけたらよいかを悩んでしました。最近でた勉強会で、SUS(システムユーザビリティスケール)というものを教えてもらいました。2017の16日目の記事です。いつも恋バナができず、関係各社には申し訳なく思います。LINC最近はめっきりフロントエンドの開発ばかりになり、サーバーのホスティングはNetlifyに任せっきりになっています。不満はなかったのですが、人からフィードバックをもらうことがしづらいということが時々ありました。2015の9日目の担当です。Calendarきちんとスケジュール通り記事書かれてなかったり、リンク切れてたり、過去の記事にリンク張っただけの人いたり、Web解析の人って自由な方多いのかしらと思い、真面目で堅物な私が書いて良いのかしらって不安になります。私はこの業界に入ったときは解析とか関係なく、デザイナとして足を踏み入れましたが、今じゃデザインよりWeb解析のほうが好きだし、大事だと思っています。デザインそんなに得意じゃなかったのもあるのですが、それでもWeb解析は自分にあってると思っていますし、Webデザイナはみんなもっと興味持ってもいいのになって思ってます。運用ノウハウ開発cntlog。