ジェネレータを活用し隊 // Speaker Deck
All slide content and descriptions are owned by their creators.
Tips for using async functions (ES2017)
This blog post gives tips for using async functions. If you are unfamiliar with them, you can read chapter “Async functions” in “Exploring ES2016 and ES2017”. Know your Promises # The foundation of async functions is Promises. That’s why understanding the latter is crucial for understanding the former. Especially when connecting old code that isn’t based on Promises with async functions, you ofte
Harnessing Domain Driven Design
Gayathri Thiyagarajan Lead Software Engineer - Capgemini Andrew Harmel-Law Principal Software Engineer - Capgemini Eric Evans’ Domain Driven Design (DDD) is a core text for all developers, and it's experiencing a renaissance due to the rise of microservices. But are most of us really applying DDD when we're "doing" distributed systems development? Gayathri and Andrew are going to argue that we're
Syntax: language agnostic parser generator
In this post we’ll briefly talk about the new language agnostic parser generator, called Syntax. Note: we don’t describe here parsers algorithms in detail; the target audience is supposed to be familiar with parsers terminology, and basic parsing techniques. For detailed info on parsers theory and implementation you can address the Essentials of Parsing course. Syntax tool is implemented as a Node
Chrome 55 Beta: Input handling improvements and async/await functions
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Antwar
What?Antwar is a blog aware static site engine built with React and Webpack. It's fast, extensible and friendly. Why?The world needed a site engine that was easy to extend and a pleasure to work with. Sounds cool. Can I try it?Check out our getting started guide. If you have questions or want to check out the code, have a look at the GitHub repo.
Migrating to Webpack 2 - Jack Franklin
October 21, 2016Migrating to Webpack 2Webpack is on the verge of having its latest major version released, and it's expected to drop very soon. However, the main thing holding the release back is documentation, and the code is mostly written. I recently took the time to update our work project from Webpack 1 to 2, and thought I'd document the steps taken for anyone else who wants to make the move.
Async functions - making promises friendly
Async functions are enabled by default in Chrome 55 and they're quite frankly marvelous. They allow you to write promise-based code as if it were synchronous, but without blocking the main thread. They make your asynchronous code less "clever" and more readable. Async functions work like this: async function myFirstAsyncFunction() { try { const fulfilledValue = await promise; } catch (rejectedValu
Integrate with the OS sharing UI with the Web Share API | Articles | web.dev
Integrate with the OS sharing UI with the Web Share API Stay organized with collections Save and categorize content based on your preferences. Web apps can use the same system-provided share capabilities as platform-specific apps. With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps
Once upon an event listener | Blog | Chrome for Developers
Pop quiz: what's the purpose of the third parameter passed to addEventListener()? Don't be embarrassed if you thought that addEventListener() only took two parameters, or perhaps just always hardcode a value of false, with a vague understanding that it has something to do with… bubbles? A more configurable addEventListener() The addEventListener() method has come a long way since the early days of
Pointing the way forward | Blog | Chrome for Developers
Pointing at things on the web used to be simple. You had a mouse, you moved it around, sometimes you pushed buttons, and that was it. Everything that wasn’t a mouse was emulated as one, and developers knew exactly what to count on. Simple doesn’t necessarily mean good, though. Over time, it became increasingly important that not everything was (or pretended to be) a mouse: you could have pressure-
auxclick is coming to Chrome 55 | Blog | Chrome for Developers
When is a click not a click? For a web developer working on a complex user interface, that's not an abstract philosophical question. If you're implementing custom mouse input behavior, it's crucial to keep user intent in mind. If a user clicks on a link with their mouse's middle button, for instance, then it's reasonable to assume that they wanted to open a new tab with that link's contents. If a
responseURLに対応していないライブラリを使っているときにクロスドメイン通信を無理やり止める
cors_killer.js @3��^U ����^U // responseURLに対応していないライブラリを使っているときにクロスドメイン通信を無理やり止める // https://github.com/jquery/jquery/pull/1615 // responseURL // https://bugzilla.mozilla.org/show_bug.cgi?id=998076 // https://bugs.chromium.org/p/chromium/issues/detail?id=377583 // https://bugs.webkit.org/show_bug.cgi?id=136938 new function(){ var base = location.origin; var orig = XMLHttpRequest.prototype; ["resp
Forward Universal WebApps
ubb.jp で発表した Forward Universal WebApps の覚悟のトークです。
Capture a MediaStream from a canvas, video or audio element | Blog | Chrome for Developers
The captureStream() method makes it possible to capture a MediaStream from a <canvas>, <audio> or <video> element. This enables a video or audio stream from any of these elements to be recorded, live-streamed via WebRTC, or combined with effects or other MediaStreams in a <canvas>. In other words, captureStream() enables MediaStream to pass media back and forth between canvas, audio or video eleme
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://utf-8.jp/cb2016/cb-hasegawa-ja.pdf
GitHub - beautifier/js-beautify: Beautifier for javascript
GitHub - 5to6/5to6-codemod: A collection of codemods that allow you to transform your js code from ES5 to ES6.
Release JSHint 2.9.4 · jshint/jshint
JavaScript is a programming language that was frozen in amber for a decade, and ... | Hacker News