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

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

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

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

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

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

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

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

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

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

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

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

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

 · 12 min read
hothouseというツールを作成しました。 package.json とロックファイルを更新して GitHub に pull request を作成する CLI ツールです。 npm か Yarn…

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

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

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

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

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

 · 10 min read
Reduxの新しいContext APIが発表され、2ヶ月くらいが経過した。 — React’s ⚛️ new Context API – DailyJS – Medium 私は少しバージョンの古いReactを主に使っているため、しばらく情報を追わずにいたが、 — React…
© 2012-2021 Leko