TypeScriptってなにさ - Kokudoriing
TypeScriptは10/1にMicrosoftが発表したJavaScript互換の新言語。 C#設計チームのチーフであるAnders Hejlsbergらによって開発されただけあって素敵構文。 というわけで続々とJavaScript周りの言語が溢れかえってるわけですが。 最近だとDeNAのJSXとかが話題になってましたね。 ・そもそも何故JavaScriptがあるのに似たような言語がいっぱい出てくるの？ これはもうJavaScriptが色々とアレな言語だからとしか言い様がないわけですが。 まずJavaScriptにはモジュール機構、つまりファイル分割の概念が無いです。 なのでJavaScriptで大規模開発なんてファッキンな訳です。 ・しかしECMAScript5が2009年の末にリリースされたばかりなのでは？ ECMAScript5は後方互換性を最大限重視した結果言語レベルの変更が殆
CoffeeScriptを使う理由 - Qiita
function Person() { this.name = "takashi"; this.age = 20; }; Person.prototype.echo = function () { return "Hello " + this.name + " !!"; }; コンストラクタ、メソッドを書いただけで、コード量が増えてきましたね。 毎回クラス名とprototypeと書く必要があります。 めげてきましたか？ 私はめげてます。 次は継承してみましょう。 function inherits(ctor, superCtor) { ctor.super = superCtor; ctor.prototype = Object.create(superCtor.prototype, { constructor: { value: ctor, enumerable: false, writ
Riot.js ドキュメント日本語版 - Qiita
このドキュメントは、Riotの公式ドキュメントのWhy Riot?とRiot developer guideの全訳です。修正あれば、こちらにプルリクエストください 追記・公式に取り込みました! 記事はこのまま置いておきますが、最新版は公式サイトを参照してください。 公式ドキュメント: http://riotjs.com/ja/ なぜ Riot? 答え1: カスタムタグ RiotはIE8以降の全てのブラウザで、カスタムタグを実現します。 <todo> <!-- layout --> <h3>{ opts.title }</h3> <ul> <li each={ item, i in items }>{ item }</li> </ul> <form onsubmit={ add }> <input> <button>Add #{ items.length + 1 }</button> </f
Riot.js試してみた - Qiita
Reactで消耗しているmizchiです。 とりあえず一通り動かしてみた。webpack上でtag-loader使ってtagを動的にコンパイルすると便利だった。 https://github.com/mizchi-sandbox/webpack-riot-skeleton Overview 軽量仮想DOM実装 Vue風の独自文法 riotが軽量なのは独自の文法に対してプリコンパイラを持っててパーサがランタイムから切り離されてることと、仮想DOM実装が本当に最低限で結構サボってるようにみえる。 仮想DOMの実装部分はここ https://github.com/muut/riotjs/blob/master/riot.js#L348-L413 一通り書いてみた結果、独自シンタックスが最大の特長で、イベントハンドラ周りで基本的にDOMべったりのコードを要求されるといった印象。 JSとHTMLを並
Riot 2.0 のホームページを読んでみる - Qiita
https://muut.com/riotjs/ 軽量JavaScript UIライブラリらしいRiotのバージョン２を試していきます。3.5KBでReactのようなユーザインターフェースが提供できるらしいです。まずはRiotのホームページを読んで、どのようなものか理解していきましょう。 Why Riot? そしてなぜ新しいUIライブラリが必要なのか 1. Custom tags RiotはIE８は始めとする全てのブラウザにカスタムタグを提供します。 <todo> <!-- layout --> <h3>{ opts.title }</h3> <ul> <li each={ item, i in items }>{ item }</li> </ul> <form onsubmit={ add }> <input> <button>Add #{ items.length + 1 }</but
次世代JavaScriptでデータバインディング： Object.observe() を試す - ぼちぼち日記
1. はじめに、 本記事は、HTML5 Advent Calendar 2012の参加（6日目）エントリーです。 当初は昨年のアドベントカレンダーでテーマにしたマイナーAPIをネタにして書こうかと考えていたのですが、探してもあまりピンとくるものがなく、いつものごとく新技術ネタに飛びついてしまう習性がでてしまったので今回次世代JavaScript(ES.harmony)ネタ(Object.observe)を書かせていただきます。 現時点では直接HTML5とは関係ありませんが、標準で利用できるようになったら皆さんがお世話になる機会が必ず増えると予感しています。今の時点で知っておいてもらっても絶対損はないと思いますのでどうかご了承ください。 （＿Ｏ＿） 2. Object.observe() とは何か？ 先日のHTML5勉強会でも取り上げられましたが、最近 JavaScript の MVC フレ
dirty check について調べてみた - need something more...
はじめに 自分は普段 Backbone.js や Angular.js を書く機会はあまりありません。 Backbone.js、Angular.js についてはかじった程度、Ember.js についてはほとんど知りません。 なので理解不足な部分があると思います。よろしければツッコミをお願いします。 この記事の対象となる Angular.js のバージョンは最新の安定版 v1.2.16 です。 この記事の大部分は Angular.js について書かれていますが、基本的に Node.js や JavaScript Engine v8 についての興味から書かれたものです。 tl; dr ざっくり言うと dirty check とは object の状態を記録して、特定のキッカケを元に変更をチェックする仕組みである パフォーマンスの懸念もあるが、人間の体感速度などを加味し、Angular.js で
FAQ - vue.js
なぜ、Vue.js は IE8 をサポートしないのですか？ Vue.js は、ECMAScript 5 の新機能である Object.defineProperty メソッドを利用し、dirty check に頼ること無く、プレーンな JavaScript オブジェクトのシンタックスを提供することができます。IE8 において、このメソッドは DOM 要素にのみ有効で、JavaScript オブジェクトに対しては Polyfill ができないからです。 つまり、Vue.js はデータを上書きするのですか？ Vue.js は、規定のプロパティを getter と setter に変換するので、そのプロパティがアクセスまたは変更された場合には通知を受けることができます。シリアライズすると、データがまったく同じになります。もちろん、いくつかの注意点があります： console.log の出力では、g
妄想ニホン料理はSFであ～る - orangestarの雑記
ＮＨＫで月一回くらいのペースでやってる妄想ニホン料理、という番組が面白い。 http://www4.nhk.or.jp/mousou/www4.nhk.or.jp フランスとかアルゼンチンとか、チリとかインドネシアとか、日本から遠く離れた外国の料理人のところへ行き、そこで、日本料理についての雑なヒントを出して、想像と妄想に基づき適当な料理を作ってもらうっていう料理なんだけれども、そのお題がいつもすごい雑なせいで（磯部焼きだったら、延びる、磯部とは海の近くという意味、ミスリードを誘うためのダミー情報で本当にひどい）これ絶対に正解にたどり着けないだろうって思う。そもそも正解ぶたどり着くのが目的ではなく、何か正体のわからない情報を与えられたとき、自分の持っているデータとリソースからなんとか再構成する、その過程を見ることによってその、外国の持っている文化や考え方を知ることができるっていう文化交流バ
Introducing Brotli: a new compression algorithm for the internet
The latest news from Google on open source releases, major projects, events, and student outreach programs. At Google, we think that internet users’ time is valuable, and that they shouldn’t have to wait long for a web page to load. Because fast is better than slow, two years ago we published the Zopfli compression algorithm. This received such positive feedback in the industry that it has been in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今すぐ辞めて欲しい、「jQuery勉強してます」「Backbone.js勉強してます」