〜プラグインをES.Nextで自作して使う〜RollupでjQueryを使う方法では、RollupでjQueryを読み込んで既存のjQueryプラグインを使う方法をいくつか試しましたが、今回はさらに自作プラグインを使う方法について触れます。input/outputを設定しない前提の内容となってます。rollup-stream、rollupの続きです。RollupでjQueryを読み込んで既存のjQueryプラグインを使う方法をいくつか試した備忘録です。slickを例にしてます。‘jquery’;でjQueryを読み込む場合他ライブラリとの衝突を防がない場合バンドル時にjQueryを含めるかどうかにかかわらず下記のコードで実行できます。rollup-stream、rollupgulpでRollupを動かして、Babelで処理するJavaScriptライブラリ作成の環境づくりを試してみました。rollup-streamとrollupについて触れてます。-yやtouchするなどして、Gulpを使う前提のプロジェクトを用意します。10.14ファイルの基本構成rollupの設定はgulfile.jsではなくrollup.c...2017.09.15Webサイトの表示速度を改善する(画像圧縮やCSS最適化など)2018年2月14日に加筆・修正をしました。凝った作りのWebサイトは、どうしても重くなって表示速度が落ちます。画像やCSS、javascriptも圧縮しているのに、なぜか重い。いうケースに遭遇したので試したことを残します。画像の圧縮率を上げるページを重くするのは結局、画像です。TinyPNGなどのサービスで画像を圧縮するのが手軽です。Sassセレクタは右から左に解釈されるため、セレクタの階層を減らせばレンダリング効率は上がるようです。いえ、実際のCSSの管理を考えると必要以上に手間をかけるかどうか悩ましいところなので、できるだけ意識する程度で良い気もします。SassでCSSを書く場合、その書きやすさから階層を深く書いてしまいがちです。Ansible2018年7月4日に加筆・修正をしました。購入したついでに、AnsibleとHomebrewを使って開発ツールやアプリのインストールをできるだけ自動化してみたので、その備忘録を残します。Xcodeのインストール何はともあれXcodeが必要なのでターミナルでインストール。