Contributing to global development initiatives aligns with a sense of purpose and fulfilment. Knowing I am part of efforts to reduce poverty, improve health, and promote sustainability adds meaning to your actions. United Nations Development Programme (UNDP/PNUD)New York, NYWorking to end poverty, inequality, and climate change and helping countries achieve the Sustainable Development Goals.
Towards the end of last year we expanded the PWABuilder team and decided on some new directions for PWABuilder which David Rousset talked about in our last post, PWA Builder new team & new directions. Today I am excited to announce our first new release of 2020! This is a big release for PWABuilder and fixes a lot of the pain points the community had, along with some awesome new features and other
Documentation for the Cupper documentation builder, built with Cupper itself. Print version The Cupper Documentation Builder Welcome to Cupper: a documentation builder for inclusive designers and those trying to be inclusive designers. These are Cupper’s docs, but they are also an example of a site built with Cupper. Here are some of its features: Built with Hugo, so easy to structure content and
NODE_ENV (build-dependent) development: modules are bundled as is production: modules are minified and uglified PWA_ENV (build-dependent) development: configs are obtained from /config/development.js production: configs are obtained from /config/production.js customPwaEnv: configs are obtained from /config/customPwaEnv.js PWA_PUBLIC_PATH (build-dependent) /build/client/: assets are fetched from th
In this video, you'll learn where to start with Progressive Web Apps, what to implement, and how to prioritize PWA techniques. You'll also learn how to make the most of 'low hanging fruit' and take advantage of small changes that can have a big impact. Watch more Mobile Web and Chrome talks at GDD Europe ’17 here: https://goo.gl/VBSiFb Check out the ‘All Sessions’ playlist for the rest of the ta
一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク 実装 ライブラリ webpack-offline 構成 ファイル ルーティング アセットのインストール API周り SSR 資料 さいごに そういえばPWAの実装したことがなかったなと思ったので少し触ってみた。 PWAとは？ PWA(Progressive Web Apps) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。 また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能
App Shell モデルという設計パターン App Shell モデルは、共通のガワ部分を構成する HTML、CSS、JavaScript をシェルと定義し、その中に入る動的なコンテンツ部分と構造的に分離して扱えるように設計されます。 アプリケーション シェル（App Shell）アーキテクチャは、ネイティブ アプリのように瞬時に、そして確実にユーザーの画面に読み込める Progressive Web App を構築する方法の 1 つです。 アプリの「シェル」とは、ユーザー インターフェースが機能するために必要な最小限の HTML、CSS、JavaScript です。これらをオフラインで使用できるようにキャッシュしておくことで、ユーザーが同じページに再アクセスした際に、瞬時に高いパフォーマンス が発揮されます。つまり App Shell は、ユーザーがアクセスするたびにネットワークからす
PWA Directory: A Directory of Progressive Web Apps
Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase. To help you create the best possible experience, use the core and optimal checklists and recommendations to guide you. Core Progressive Web App checklist The Progressive Web App Checklist describe
A spiritual successor to TodoMVC TodoMVC has helped thousands of developers select an MV* framework for their JavaScript applications. However, the web ecosystem has evolved in the past few years allowing us to build powerful applications using modern browser capabilities. To provide developers with examples, we collected a list of unofficial Hacker News clients built with a number of popular Java
Media is a huge and increasing proportion of what we do online. Audio and video now constitute 70% of the bytes crossing the internet. The Web has the infrastructure you need to build great media experiences, with wide support for high performance playback without plugins, alongside powerful APIs for content creation and editing. In this session you'll learn how to optimize media for all your
Two years ago, our team at Google started work on JavaScript libraries to reduce the friction for building Progressive Web Apps. We started with Service Worker tools like sw-precache and sw-toolbox — now used by 1000s of brands to power offline caching & instant loading (on repeat visit) in their production mobile sites: In 2017, if you aren’t taking advantage of Service Workers, you’re leaving pe
PWAとは PWA（Progressive Web Apps）とは、ネイティブアプリ的な挙動をするWebサイトのことで、例えるならWebサイトとネイティブアプリを足して2で割ったような物と考えてもらえば解りやすいと思います。2015年に開催されたChrome Dev Summitや、2016年5月に開催されたGoogle I/O 2016において大々的に提唱され、実例や測定結果から2017年現在も注目を集めています。 個人的にはハイブリッドアプリの代名詞的な位置にあるApache Cordova（PhoneGap）のような印象があるPWAですが、後述の通りアプリとしての開発・公開の敷居は低く、仕様を理解していればエディタとGoogle Chromeだけで、特別なツールを使うことなく開発することができます。 PWAの利点 では、WebサイトをPWA化することに、どのようなメリットがあるのでし
One of the most significant benefits of service workers (from a performance perspective, at least) is their ability to proactively control the caching of assets. A web application that can cache all of its necessary resources should load substantially faster for returning visitors. But what do these gains actually look like to real users? And how do you even measure this? The Google I/O web app (I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.com: Building Progressive Web Apps: Bringing the Power of Native to the Browser: Ater, Tal: Books
