nabinnoのブックマーク - はてなブックマーク

PRPL パターン実装の具体例調査と比較 - Qiita
PRPL パターンとは Google I/O 2016 で提案されたものですが、詳しくはこちらの記事がとても分かりやすいです。上の記事から一部を以下に引用します。 PRPL は、Progressive Web App（PWA）を構築および配信するためのパターンで、アプリの配信と起動時のパフォーマンスに重点を置いています。 PRPL は次の言葉を表しています。 Push: 最初の URL ルートに不可欠なリソースを Push（プッシュ）する。 Render: 最初のルートを Render（レンダリング）する。 Pre-cache: 残りのルートを Pre-cache（事前キャッシュ）する。 Lazy-load: オンデマンドで残りのルートを Lazy-load（遅延読み込み）する。少しだけ補足すると、ここでいう Push というのは、 HTTP/2 Push を指します。例えば JS
nabinno 2018/08/26
qiita

polymer

web-components

javascript

html
リンク
TypeScript 2.1 で導入される `keyof` を使って `EventEmitter` を定義してみる - Qiita
追記　(2018/09/05) 現在では、 TypeScript 2.8 で導入された Conditional Types を利用したよりよい方法があり、これを使うと最後に書いた「この方法の制限」も克服できます。上の記事の内容はかなり難易度が高いですが、これを理解しておくと Conditional Types への理解がかなり深まるので、おすすめです。（途中で僕のことにも言及してくれていて、ちょっと嬉しかったです）追記終わり。 keyof の概要 issue: https://github.com/Microsoft/TypeScript/issues/1295 PR: https://github.com/Microsoft/TypeScript/pull/11929 PR の説明文を省略して簡単に示すと、以下のような機能。 interface Thing { name: strin
nabinno 2018/05/17
qiita

typescript

javascript

html
リンク
[TypeScript 2.4] custom transformer を利用して React のバケツリレー問題を解決する - Qiita
[TypeScript 2.4] custom transf ormer を利用して React のバケツリレー問題を解決するJavaScript TypeScript React お詫び当初、 TypeScript 2.3 の機能として紹介していましたが、正しくは 2.4 でした。誤った情報を掲載してしまい、申し訳ありません。 TypeScript 2.3.1 では、 API として custom transf ormer を指定できるようにはなっているものの、 bug fix が取り込まれておらず、正常には使えない状態です。以下、本文前回の記事に引き続き、 TypeScript 2.4 で導入される custom transf ormer について紹介します。 custom transf ormer の概要については、前回の記事を参照してください。前回は、最初なので直感的に分かりやすいも
nabinno 2017/08/04
qiita

typescript

javascript

html

typescript-2.4

react
リンク
Lerna を使って、 Babel や React が採用している monorepo を試してみる - Qiita
monorepo とは複数の npm package を単一の git repository で管理すること例えば Babel では、 100 以上の npm package が単一の git repository で管理されている https://github.com/babel/babel/tree/master/packages package 毎に repository を作る場合と比較した Pros & Cons Babel の repository のドキュメントから抜粋 Pros: lint, build, test, release のプロセスを共通化できる package をまたがった修正が容易になる issue 管理を一元化できる開発環境の構築が簡単になるテストも package をまたいで実行でき、複数 package が絡む不具合の検知が容易になる Con
nabinno 2016/01/09
qiita

node.js

javascript

lerna

babel

react

monorepo
リンク
1