pirosikickのブックマーク / 2017年9月14日

pirosikick id:pirosikick

2017年9月14日のブックマーク (8件)

err.stackに含まれるコードの位置情報をsource mapで元に戻す - Qiita
webpackやBabel、uglifyjsなどを使ってソースコードを変換している場合、err.stackに含まれるコードの位置に関する情報が変換後のコードの位置になっており、デバッグが難しい。err.stackに含まれる位置の情報をsource mapを使って、元のコードの位置に変換する方法をちょっとだけ調べた。調べると色々なnpmパッケージが見つかるが、source-map-supportが有名っぽい。 # 検証用ディレクトリ作成 $ mkdir source-map-support-playground $ cd source-map-support-playground # 依存関係のインストール $ yarn add babel-cli babel-preset-flow source-map-support -D
pirosikick 2017/09/14
雑多なメモを投稿した

JavaScript
リンク
pwa_study アウトラインメモ
pwa_study - connpassに参加してきたのでメモ。用語 SW = Service Worker XSS = cross site scripting Fetch = Fetch API ウェルカムLT クライアントサイドDDDが行われるようになってきたクライアントサイドにロジックが寄ってきてる難しい Service Workerもクライアントサイドにそういうロジックや仕組みがよってきたという現象の一つなのでは Service Worker Lifecycle - laco スライド: Service Worker Lifecycle by Suguru Inatomi SWのライフサイクル Service Worker のライフサイクル | Web | Google Developers これよめば大体分かるスライド -> 記事読むと良い register -
pirosikick 2017/09/14
リンク
JavaScript for Internet Explorer 9 Beta
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
pirosikick 2017/09/14
リンク
Service Worker Lifecycle
if ('serviceWorker' in navigator) { // register service worker navigator.serviceWorker.register('/sw.js') .then((registration) => { registration.update() .then(() => { registration.unregister(); }); }); }
pirosikick 2017/09/14
リンク
GitHub - react-cosmos/react-cosmos: Sandbox for developing and testing UI components in isolation
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
pirosikick 2017/09/14
リンク
The new plugin system (week 22–23)
One breaking change of webpack 4 will be the new plugin system. But why changing one of the core components of webpack? Isn’t the current version working great? This post will go into more details. The probl ems with the current plugin system: PerformanceThe plugin system is a core component of webpack. This means plugin hooks are called pretty often. Many of the hooks are in the hot path. But the
pirosikick 2017/09/14
リンク
Web Components 周辺の仕様とか 2017年秋
2017.09.12 Web Components 周辺の仕様とかブラウザ互換性 2017年秋二週間後の素振り入ってます、連投ですが悪しからず。Web Components v0 から Web Components v1 へのアップデートに関しては、去年の DevFest Tokyo 2016 で発表した Web Components 2016 & Polymer v2 にまとめてあるが、それを改めて見直している。 HTML Templates HTML Templates は HTML ドキュメントに埋め込まれてもコピーして使うまで非活性であるような、本来的な雛形の機能を実現する <template> 要素の仕様である。 <script type="text/template">...</script> やら <div style="display: none">...</div> や
pirosikick 2017/09/14
リンク
A React And Preact Progressive Web App Performance Case Study: Treebo
Treebo is India’s top rated budget hotel chain, operating in a segment of the travel industry worth $20 billion. They recently shipped a new Progressive Web App as their default mobile experience, initially using React and eventually switching to Preact in production. What they saw compared to their old mobile site was a 70%+ improvement in time to first paint , 31% improvement in time-to-interact
pirosikick 2017/09/14
リンク
- 2017年9月15日
- 2017年9月14日
- 2017年9月13日