Leko

Leko
/

「外部パッケージの型定義もインストールし推論できるTypeScript playgroundを作った」という題で登壇してきました+スライドの補足

 · 17 min read

“外部ライブラリもインストール・型解釈できる TypeScript playground を作った”という題で俺得フロントエンド (1) LT 会という勉強会で登壇してきました。スライドはこちらです。— 外部ライブラリもインストール・型解釈できる TypeScript…

JSConf EU 2019に行ってきました

 · 52 min read

2019/6/1~6/2の二日間ドイツのベルリンにて開催されたJSConf EU 2019に行ってきたのでレポートを書きます。トーク以外にもイベント運営としてのクオリティの高さやJSConf…

シンタックスハイライト済みのソースコードの画像をブラウザだけで作成したい

 · 5 min read

ソースコードを画像に変換できるCarbonという web アプリをご存知でしょうか。↑のような画像が生成できるサービスです。フォントやテーマなどがとても素敵な画像が生成されるため、TL…

GatsbyでReactコンポーネントをDynamic importしてCode Splitするwork around

 · 3 min read

前記事のGatsby 製サイトに Algolia のサイト内検索を実装するを実現するにあたって、色々ライブラリが増えるけどページのロード時間は増やしたくなかったので React Suspense(以下 Suspense)+ React.lazy + Dynamic import…

Gatsby製サイトにAlgoliaのサイト内検索を実装する

 · 5 min read

ブログをGatsbyに移行してからずっとサボっていたサイト内検索機能ですが、ゴールデンウィークで時間があったので実装してみました。なお、当記事はAlgolia自体の知識がある前提で書いてます。Algolia自体の説明やMiddleman…

Intl.NumberFormatでゼロ埋めや%表記などの数値表現を楽に実装する

 · 6 min read

Number#toFixed や Math.round/floor/ceil を駆使して表示用の値を整形することってないでしょうか。カンマ区切りをオレオレユーティリティ関数で実装したりそういったことを実現するライブラリを探したことはないでしょうか。ほとんどの JavaScript…

Dive into Deno:プロセス起動からTypeScriptが実行されるまで

 · 34 min read

Denoのコードを読んでみました。Rust に入門したばかりで基礎知識が足らず四苦八苦していますが、Deno のプロセスが起動してから TypeScript のコードが実行されるまでの仕組みについて愚直に読んでみたメモです。想定読者Deno の内部挙動に興味があるNode.js…

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 に入ったばかり(2019/0…