Oilpan's Performance & Shipping PlanOilpan’s Performance & Shipping Plan haraken@chromium.org
世界のJavaScriptを読もう @ 2014
世界のJavaScriptを読もう @ 2014 ^目的: ウェブの世界は絶対変化するもの 変化する前提の行動が求める それをどうやって見ていくか、それを知ってどうするか ^ JavaScriptやブラウザ周りのリリースの状況はウェブの変化にあわせるように変化してきている。 どのように変化してきたか知り、どうやって変化を見ていくのか、そしてわたしたちはどう変化していくのかを考えよう。 アジェンダ 世界のJavaScriptを読もう @ 2012 の続編的なものです ブラウザやJavaScriptのリリースは変化してきている 私たちはどのように変化を知り見ていくのか そして私たちはどのように変化していくのか [fit] 世界のJavaScriptを見る話 [fit] JSer.info 開始 2011年〜 ^ JSer.infoを始めた2011年を一つの基準として考えて、 そこからブラウザや
A State of Change — On the future of Object.observe
{ } { changed: true } No idea it changed Solutions? var model = new Model(); model.set('foo', 'bar'); model.get('foo'); Dirty checking — a.k.a. $scope.$digest( ) — “Angular models are plain old JavaScript objects. This makes your code easy to test, maintain, reuse, and again free from boilerplate.” var o = {}; Object.observe(o, function(changes) { console.log(changes); }); // Add a property o.foo
Keeping secrets with JavaScript - An Introduction to the WebCrypto API
October 29, 2014 With the web slowly maturing as a platform the demand for cryptography in the browser has risen, especially in a post-Snowden era. Many of us have heard about the upcoming Web Cryptography API but at the time of writing there seem to be no good introductions available. We will take a look at the proposed W3C spec and its current state of implementation. https://github.com/ttaubert
Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略
ES6+カジュアルトークの発表資料です。 http://connpass.com/event/9113/
Model-View-Intent and the Virtual DOM
ReactiveX: Duality turns your mind upside downModel-View-Intent and the Virtual DOM. Andre Medeiros. October / 2014 Used React for RxMarbles.com Just the 'View' in MVC. Not really. React components Have state (Model) Handle inputs to change state (Controller) Render JSX templates (Presentation) Contain lifecycle hooks for external purposes Are opinionated on where should state live A MESS Don't ,
ブラウザーに優しくて、アニメーションを滑らかに
ブラウザーに優しくして、 アニメーションを滑らかに 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
AST, CST & awesome tools!!
AST, CST & Ferramentas Incríveis!! @millermedeiros / Agosto 2014 Primeira regra... Não use RegExp para analizar JavaScript! Segunda regra... Não use RegExp para manipular JavaScript! rè̑ͧ̌aͨl̘̝̙̃ͤ͂̾̆ ZA̡͊͠͝LGΌ ISͮ̂҉̯͈͕̹̘̱ TO͇̹̺ͅƝ̴ȳ̳ TH̘Ë͖́̉ ͠P̯͍̭O̚N̐Y̡ H̸̡̪̯ͨ͊̽̅̾̎Ȩ̬̩̾͛ͪ̈́̀́͘ ̶̧̨̱̹̭̯ͧ̾ͬC̷̙̲̝͖ͭ̏ͥͮ͟Oͮ͏̮̪̝͍M̲̖͊̒ͪͩͬ̚̚͜Ȇ̴̟̟͙̞ͩ͌͝S̨̥̫͎̭ͯ̿̔̀ͅ http://stackoverflow.com/a/1732454 Como parsers funcionam? Mas
ES6 & Traceur
Erik Arvidsson GitHub: @arv Twitter: @ErikArvidsson Language Improvements to JavaScript leads to: Better code Easier to maintain Happier Developers! Three topics on how to improve your code: ES6 features Part of all browsers soon Your own language extensions Make it part of your own tool chain Angular 2.0 language extensions Part of the Angular tool chain ECMAScript 6 What's new in ES6? How will i
Yahoo! JAPAN Creative Blog — 「SCRIPTY#1 」の資料を公開します #scripty01
先日弊社にて、「SCRIPTY#1〜フロントエンド紳士・淑女のための勉強会〜」を行いました。 その際に発表させていただいた資料を公開いたします。 遠方の方や、ご都合によりご参加いただけなかった方はぜひご覧ください。 なお、当日はグラフィックレコーディングがなされ、発表内容がリアルタイムに可視化されていました。 そちらの内容も併せてお楽しみいただければと思います。 発表セッション 1.本当にあった怖いCSS 〜BEMのすすめ〜 発表者：小川 健史 実務で実際に遭遇した怖いCSSと、解決策の一つとして、 BEMを導入し得られた知見について発表しました。 発表スライド： http://i.yimg.jp/images/creativeblog/140916/takogawa.pdf グラフィックレコーディング 2.backbone.js 光と闇 発表者：柴田 和祈 Backbone.jsとそのプ
これからのJavaScriptー関数型プログラミングとECMAScript6
Objective-C や Swift のネイティブコードから JavaScript をランタイムで実行するための JavaScriptCore.framework のお話です。基本的な機能の説明と、注意点を整理して紹介しています。
Flow: A living full-stack framework for the web
These are the slides I've prepared for presenting at CampSmalltalkVI2014 flow, a full-stack smalltalk framework for doing Single Page Applications. tl;dr: it's Smalltalk for startups. In a nutshell: flow is Amber frontend, Pharo backend and Mapless for networking objects in JSON and uncomplicated MongoDB persistence. MIT license
Get Started React.js
React.jsについての簡単な紹介 Component化、Prop、Stateの使い分け、イベント、addon、mixin、アーキテクチャ、ServerSide Renderingなどについての説明。 一部v0.12で変わった部分の対応もしています。
Syncing Async
Syncing Async with Kyle Simpson Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca I bet you think “callback hell” is about function nesting and levels of indentation. Not so much. I bet you’ve heard that Promises replace callbacks. Nope. We need some clarity on what async flow control is all about in JavaScript. We’ll explore the perils of “Inversio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
効率的なAST tool chainのご提案
[PDF]ECMAScript 6 for Penetration Testers
Localize your frontend by Tina U
Ampersand.js – Minimalistic Approach to not so minimalistic Problems
React - A JavaScript library for building user interfaces
guiding-through-the-javascript-frameworks.pdf
