WEB EGG

Leko

Leko
/

ChromeのBlink LazyLoadを有効にしたらページのロード時間が約10倍早くなった

 · 3 min read

Lazy load はよく知られた web サイトの高速化テクニックの1つですが、 自前で lazy load を実装したりライブラリを使う必要がなくなる 未来が実現しつつあります。 Chrome のレンダリングエンジン Blink が 画像や iframe の LazyLoad…

Gatsbyの記事にoEmbed準拠のコンテンツを埋め込めるようにした

 · 4 min read

(※↑ はただの記事用のサムネイル画像です) 記事の中に URL を書くだけで oEmbed 準拠のコンテンツを埋め込めるようにしました。 oEmbed を聞いたことない方はまずデモを見てみてください。 oEmbed…

Node.jsの11.7.0からzlibモジュールでBrotli圧縮が使えるようになりました

 · 3 min read

以下の PR により、Node.js に Brotli 圧縮がサポートされました。 — zlib: add Brotli support by addaleax · Pull Request #24938 · nodejs/node まだ master…

ブログをMiddlemanからGatsbyに乗り換えた雑感

 · 6 min read

2017年にこのブログはWordpressからMiddleman製に作り変えたのですが、この度MiddlemanからGatsbyへ移行しました。前回の移行の記事はこちらです。 — Wordpressで運用していたブログをMiddleman+Netlifyに変更した | WEB…

プログラム内でdotenvを読み込むのをやめた話

 · 2 min read

dotenv というRuby発のOSSがあります。 .env って名前のファイルに環境変数を列挙してライブラリを読み込むと、それらの値をプロセス内の環境変数として値を展開してくれるというツールです。 もちろん Node.js版 の実装も存在します。 Heroku…

lerna-changelogで始める頑張りすぎないリリースノート自動生成

 · 2 min read

hothouse というpackage.jsonとlockfileを更新してPR出すツールを公開するときに、 「リリースノート頑張りたくないな」と思い、なるべく楽にそれなりのリリースノートを残せる方法を探った結果、 lerna-changelog というLerna…

package.jsonを更新してPRを作成できるCLIツールhothouseを作った

 · 3 min read

hothouse というツールを作成しました。 package.jsonとロックファイルを更新してGitHubにpull requestを作成するCLIツールです。 npmかYarnをパッケージマネージャとして使用できます。 普通のリポジトリだけではなく、LernaやYarn…

lernaでnpmにpublicなscoped packageをpublishする方法

 · 1 min read

hothouse という、package.jsonを更新してPRを作成するGreenkeeperのようなOSSを作る際に、 プラグイン開発用の内部I/Fを @hothouse/types というpublicなパッケージとしてpublish…

タブ補完でpecoでnpm-scriptsをもっと超簡単に実行したい

 · 2 min read

便乗ネタです。 — pecoでnpm-scriptsを超簡単に実行したい - Qiita という素晴らしい記事が公開されたので実際に使ってみたのですが、 npm run まで打ってから「あれ、コマンドなんだっけ」と思い、入力内容を消し nrun…

ReactのNew Context APIは便利だけどreduxを使うのはやめないと思った

 · 3 min read

Reduxの新しいContext APIが発表され、2ヶ月くらいが経過した。 — React’s ⚛️ new Context API – DailyJS – Medium 私は少しバージョンの古いReact…