2014-11-25のJS: Chrome 39、デバッグTips、Facebook Flow
JSer.info #203 - Chrome 39がリリースされました。 実装された機能などについてはβ時のリリースノートを参照して下さい。 Chromium Blog: Chrome 39 Beta: JS Generators, Animation Playback Control, and the WebApp Manifest ES6 Generatorがデフォルトで有効になったり、Web Animationsの実装が進められています。 また Web Application Manifestの対応やBeacon APIが実装されています。 通常のXHRを使った非同期通信ではページを閉じてしまうとそのデータを送ることが保証出来ませんが、 Beacon APIを使うことでUIをブロックすることなくちゃんとデータを送れるようになります(ビーコンというぐらいなので大きなデータを送る用途で
Modern Debugging Experience: Part 2 | Envato Tuts+
In part 1, we saw how to write and execute JavaScript using the DevTools. In part 2, we'll look at debugging JavaScript and adopting a workflow such that solving JavaScript errors and diagnosing problems becomes more efficient. Debugging JavaScript Using the DevTools Debugger Keyword You can use the debugger keyword directly in your code to invoke the debugging capabilities (if any) of the JavaScr
JavaScript の this キーワードは何を指すのか - コールバック関数内では this を使ってはいけない - vivid memo
本記事では、関数呼び出し (Function Call) の際の this キーワードの値の決定され方について説明していますが、より全般的な this キーワードの決まり方について別の記事を書きました。 合わせて参照してください: JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない JavaScript における this キーワードは、簡単なように見えて、その実 JavaScript 初心者にとって落とし穴になりやすいものです。 探せば this キーワードに関する解説はいくらでもありますが、基本に戻って ECMA-262 *1 を参照しながら解説してみたいと思います *2。 this キーワードの落とし穴 - コールバック関数がうまく動かない this キーワードがどのように落とし穴になりやすい
ES6+カジュアルトークに行った - axross blog
セッション runstantで始めるEcmaScript6入門 by @phi_jp Node.js v0.12で使えるようになるES6+αの機能 by @yosuke_furukawa ES6による 関数型プログラミング by @TanUkkii007 Introduing Break the Web: Array extra methods case by @Constellation Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略 by @teppeis 明日には使えなくなるES7トーク by @azu_re runstantで始めるEcmaScript6入門 runstantという、ES6をはじめ、TypeScriptやCoffeeScriptを実行できるオンラインエディタ上で、ES6の機能を試してみよう、という話。 runstant htt
ブラウザーに優しくて、アニメーションを滑らかに
ブラウザーに優しくして、 アニメーションを滑らかに Brian Birtles, Mozilla Japan html5j October 2014, Tokyo Animation is awesome… Source: Christopher Price 2013, http://topherchris.com/post/55109717733 Animation is awesome… Source: icanhasGIF.com windfinder.com earth.nullschool.net healthmap.org/ebola/ 蔓延[まんえん] = spread (disease) ebolavideo.org ウィンドウを最小化する 逆に負担になります。うまくいかなかった冗談みたい。 Animation is awesome? HTC J 端末上の Firefox
What I would recommend instead of Angular.js?
Update: Check github.com/steida/este, the ES6 React Flux webpack gulp om-like isomorphic immutable k̶i̶t̶c̶h̶e̶n̶s̶i̶n̶k̶ t̶w̶e̶e̶t̶y̶b̶i̶r̶d̶s̶ dev stack. Future now. For view aka user interface, use React.js.For routing, use github.com/rackt/react-router, or Este.js, or anything else even onhashchange event can work. It’s up to you.For module loading, forget about AMD and use CommonJS. You want
Midnight.js - Switch fixed headers on the fly
Midnight.js lets you switch fixed headers on the fly Scroll to try it out! The Header Create your fixed nav (or header) as you typically would. You can use whatever markup suits you, just make sure the header works well with position:fixed. The Sections After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class is the class you
Learning much javascript from one line of code - arqex
Since javascript is everywhere nowadays, it is really easy to learn new stuff everyday. Once you know the basics of the language, you can take bits of code from here and there that have a lot of knowledge in them. Bookmarklets are perfect examples of a bunch of packed functionality, whenever I discover a useful one, I enjoy studying their source, discovering how it can do so much. Also snippets to
JS.next: A Manager's Guide
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. ECMAScript 6 (aka JavaScript) includes an extensive list of new features, so many that it may feel overwhelming. In this concise book, Aaron Frost offers you a look at the latest JS sp
ECMAScript 6 modules: the final syntax
Warning: This blog post is outdated. Instead, read chapter “Modules” in “Exploring JavaScript”. At the end of July 2014, TC39 [1] had another meeting, during which the last details of the ECMAScript 6 (ES6) module syntax were finalized. This blog post gives an overview of the complete ES6 module system. Module systems for current JavaScript # JavaScript does not have built-in support for modules,
datalist experiment
datalist experiment By using <datalist>, you can define a list of suggestions you want the user to select from. Users can optionally select from your suggestions as well as typing it by themselves. Options can be tagged with datalist and referenced from the input element using list attribute by its id. See examples below. input[type=text] datalist For text type, datalist simply suggests list of wo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to handle error in angular-ui-router's resolve
AtScript: Google’s new superset JavaScript runtime
Raygun - Application Monitoring For Web & Mobile Apps
GitHub - zeman/perfmap: Front-end performance heatmap bookmarklet.
Nik Molnar - Full Stack Web Performance
r.jsの使い方 - Qiita
Modules
GitHub - sindresorhus/devtools-detect: Detect if DevTools is open and its orientation
How to detect Chrome Inspect Element is running or not?
