public ├── 404 │ └── index.html ├── 404.html ├── app-fdbfd90de30d9bb2f8ed.js ├── app-fdbfd90de30d9bb2f8ed.js.map ├── build-js-styles.css ├── build-js-styles.css.map ├── chunk-manifest.json ├── commons-61689ac9f897bb0fcb2f.js ├── commons-61689ac9f897bb0fcb2f.js.map ├── component---src-layouts-index-js-00f5c2e25cfe978dd214.js ├── component---src-layouts-index-js-00f5c2e25cfe978dd214.js.map ├── compo
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
JSer.info #402 - Reactを使った静的サイトジェネレータであるGatsby 2.0.0がリリースされました。 Announcing Gatsby 2.0.0 🎉🎉🎉 | GatsbyJS Runtimeのサイズを削減、React 16、webpack 4、Babel 7に対応。 アクセシビリティの改善のためにreact-routerから@reach/routerに変更。 Investigate using Reach Router · Issue #5656 · gatsbyjs/gatsby layoutコンポーネントをgatsby-plugin-layoutへ移動するといった変更も行われています。 Nuxt.js 2.0(Vueベース)とNext.js 7(Reactベース)がそれぞれリリースされています。 Nuxt.js: Release v2.0.0 · n
Gatsby v2とNetlifyで運用コストゼロのサービスサイトを作る。ハマった部分とメリットの解説。JavaScriptReactNetlifygatsby はじめに はじめてのQiita投稿です。 現在、現役プログラマーとプログラミング学習者を直接つなげるマーケットプレイスCodeGritを開発しています。こちらのサービスで、事前登録、メンター募集を開始するにあたりティーザーサイトを構築しました。 構築したサイト: CodeGrit タイトルの通り、Gatsbyを利用したのですがGatsby.jsが現在Version1から2への移行期にあたり、一部混乱のある部分もあったのでこの記事ではハマりそうな部分と、Gatsby.jsとNetlifyを利用するメリットを解説します。 Gatsby.jsとは? Gatsby.jsは、React製のスタティックサイトジェネレーターです。Gatsbyの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く