「外部パッケージの型定義もインストールし推論できるTypeScript playgroundを作った」という題で登壇してきました＋スライドの補足
· 23 min read
“外部ライブラリもインストール・型解釈できる TypeScript playground を作った”という題で俺得フロントエンド (1) LT 会という勉強会で登壇してきました。スライドはこちらです。 — 外部ライブラリもインストール・型解釈できる TypeScript…
JSConf EU 2019に行ってきました
· 57 min read
2019/6/1~6/2 の二日間ドイツのベルリンにて開催されたJSConf EU 2019に行ってきたのでレポートを書きます。 トーク以外にもイベント運営としてのクオリティの高さや JSConf…
シンタックスハイライト済みのソースコードの画像をブラウザだけで作成したい
· 9 min read
ソースコードを画像に変換できるCarbonという web アプリをご存知でしょうか。 ↑ のような画像が生成できるサービスです。フォントやテーマなどがとても素敵な画像が生成されるため、TL…
GatsbyでReactコンポーネントをDynamic importしてCode Splitするwork around
· 4 min read
前記事のGatsby 製サイトに Algolia のサイト内検索を実装するを実現するにあたって、色々ライブラリが増えるけどページのロード時間は増やしたくなかったので React Suspense（以下 Suspense）＋ React.lazy ＋ Dynamic import…
Gatsby製サイトにAlgoliaのサイト内検索を実装する
· 9 min read
ブログをGatsbyに移行してからずっとサボっていたサイト内検索機能ですが、ゴールデンウィークで時間があったので実装してみました。 なお、当記事はAlgolia自体の知識がある前提で書いてます。 Algolia自体の説明やMiddleman…
Intl.NumberFormatでゼロ埋めや％表記などの数値表現を楽に実装する
· 9 min read
Number#toFixed や Math.round/floor/ceil…
Dive into Deno：プロセス起動からTypeScriptが実行されるまで
· 47 min read
Denoのコードを読んでみました。 Rust に入門したばかりで基礎知識が足らず四苦八苦していますが、Deno のプロセスが起動してから TypeScript のコードが実行されるまでの仕組みについて愚直に読んでみたメモです。 想定読者 Deno の内部挙動に興味がある Node…
ChromeのBlink LazyLoadを有効にしたらページのロード時間が約10倍早くなった
· 5 min read
Lazy load はよく知られた web サイトの高速化テクニックの１つですが、自前で lazy load を実装したりライブラリを使う必要がなくなる未来が実現しつつあります。 Chrome のレンダリングエンジンBlinkが 画像や iframe の LazyLoad…
Gatsbyの記事にoEmbed準拠のコンテンツを埋め込めるようにした
· 7 min read
（※↑ はただの記事用のサムネイル画像です） 記事の中に URL を書くだけで oEmbed 準拠のコンテンツを埋め込めるようにしました。 oEmbed を聞いたことない方はまずデモを見てみてください。 oEmbed…
Node.jsの11.7.0からzlibモジュールでBrotli圧縮が使えるようになりました
· 6 min read
以下の PR により、Node.js に Brotli 圧縮がサポートされました。 — zlib: add Brotli support by addaleax · Pull Request #24938 · nodejs/node まだ master に入ったばかり（201…