Web Platform Dive into the web platform, at your pace.
MessageEventって何? MessageEvent というのは、server-sent events, Web sockets, cross-document messaging, channel messaging, broadcast channels などで使われてる、データをやり取りとりするときに使われてるEventの一種です。 よく見かけるのだと、 window.postMessage で渡されるeventは MessageEvent という型になってます。(WebWorkerとかとやりとりするときもこれですね) MessageEvent型のオブジェクトは以下のようなプロパティを持ってます。 data データ本体(仕様ではanyとなってるので配列とかも渡せます) origin データ送信元のオリジン(targetOriginで指定されたやつ) lastEventId この
2014/1/17(Fri) に開催される CROSS2014 にて、実況解説つき!ペアプロでわかるJavaScriptテスト入門というセッションを担当させていただくことになりました。 (ちなみに、去年のは CROSS2013 には 大規模JS開発徹底比較 という内容で参加させていただきました) 今日はこのセッションの意図と概要について書こうと思います。
12月なので,今日から,ブログバトンを始めることにしました. CoffeeScriptについて 最近ちょっとCoffeeScriptを書いたりしていて,チーム内にシェアしたところ,うーんみたいな感じで,あんまり使ったこない人もいそうだったので,まとめておきたいと思います. 経緯 僕はCoffeeScript2011年くらいから使ってて,遊びで書くのは全部CoffeeScriptで書いてる. 仕事では,アプリケーション本体じゃなくて,業務上使う便利ツールなどは,CoffeeScriptで書いてる. CoffeeScript導入のメリットについて. 些細なミスが減る CoffeeScriptでは,JSの構文上の微妙に気をつけるべきところがだいたい解消されている. たとえば,Objectを適当に書いておくと,コンパイル後には最後のカンマだけ自動的に除かれるので,書くときに,ここにカンマがあるとI
この記事はNode.js Advent Calendar 2013 - Adventarの8日目です。 一日で二つかぶってしまった…。 Scaffoltはテンプレートジェネレータです。Chaplin.jsやBrunchで使われていて、作者はいずれも @paulmillr 氏です。Githubでのアクティビティがくっそ高いです。 簡単に言うと、handlebarsで展開できるRailsのscaffoldみたいなもんです。 インストール $ npm install -g scaffolt 使い方は簡単で、project_root/generators/ 以下に何がどこに展開されるかというjsonを書いて、各ファイルをhandlebarsで展開し scaffolt <generator名> <名前> みたいに入力するだけです。 generator.json { "files": [ { "fro
Part 2: https://speakerdeck.com/rauschma/callable-entities-in-ecmascript-6 Older version of this talk on video: http://www.youtube.com/watch?v=_ZG_CrYyh_Q
Haskell Advent Calender 2013 12/5日当番記事です。 CoffeeScriptとかHaxeとかTypeScriptみたいなJavascriptにトランスレートして使う言語たちをAltJSっていうそうです。HaskellコードをJSに変換するプログラムもいくつかあって、このページに一覧があって詳しい。そこに掲載されてるFayとHasteを触ってみます。他にUHCやGHCJSというのもありますが試したら弱冠インストールでハマったのでそれらは機会あればまた。 そいつらを上手く使えば、サーバサイトはYesodまたはScotty、クライアントサイドはHaskellなAltJSを使ってオールハスケルなWeb開発が(マークアップをHaskellでやるやつとかもありますね)可能になります。ちなみにScottyのTipsを以前少し書いたので以下もあわせてどうぞ。 Scottyで
Writing programs to do static analysis on Javascript is easier now than ever, thanks to Esprima - the Javascript parser library. In this post, I'll demonstrate how to use Esprima to do something fairly simple - detect accidentally leaked global variables in a program. Accidentally leaked global variables happen when a value is assigned to an identifier without declaring the identifier as a variabl
3D graphics in the browser have been a hot topic ever since it was first introduced. But if you were to create your apps using plain WebGL, it would take ages. This is exactly why some really useful libraries have recently came about. Three.js is one of the most popular, and in this series I will show you how best to use it in order to create stunning 3D experiences for your users. Before we begin
先日のng-mtg#4 AngularJS 勉強会でLTしようと思ったけど申し込みが間に合わなかったのでブログに書きます。 先月リリースされたAngularJS 1.2はセキュリティがんばってる的なことを聞いたので、セキュリティ周りの仕組みを調べてみました。 お題は以下です。 CSRF JSON CSP (Content Security Policy) Escaping CSRF ユニークなトークンをHTTPリクエストに載せてサーバーでチェックする対応が世の中では主流(最近はカスタムヘッダのチェックによる対策も) AngularJSでは、XSRF-TOKEN Cookieにトークンが載っていると、$httpを使ったHTTPリクエストのヘッダに自動的にX-XSRF-TOKENヘッダーが付く。 XSRF-TOKEN CookieはもちろんNot HttpOnlyで。 Angular界ではCS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く