ES6 — strings
Hello in “Let’s talk about ECMAScript 2015” series. Today I gonna show you a couple of changes to strings in JavaScript, which will be available when ES6 comes. A syntactic sugar, which could be helpful in daily work. template stringsFirst, a string interpolation. Yep, template strings (finally) support string interpolation. ES6 brings us also support for multi-line syntax and raw literals. let x
クラスタリング法で迷路生成するnpmモジュール | それなりブログ
とあるWebエンジニアのそれなりのブログ、JavaScript/Node.js/Python/PHP/ゲーム作成 など 「クラスタリング法」という手法で迷路生成をする npm モジュールを作成しました。 → generate-maze-by-clustering 使用例： $npm install -g generate-maze-by-clustering $generate-maze-by-clustering 20 10 ######################################### # # # # # # # # # # # ##### ### # # # # ### ##### # ### ### ### # # # # # # # # # # # # # # # ##### ### # ### # # ##### ### # # # # # # # # #
knockout.jsの双方向データバインディングのしくみ - Team Duet公式ブログ
knockout.jsの双方向データバインディングの仕組みを解説したいと思います。 双方向データバインディングとは ブラウザの画面上での入力値がJavaScriptのデータとして格納される JavaScript中のデータを更新すると画面上のDOM要素も更新される という2つの方向のデータの関連付けのことです。 ViewとView Modelのデータの関連付けを自動で行う機能です。 今回は、まずJavaScript側でデータを更新した時にDOM側が更新される仕組みを見ます。 HTMLのdata-bind属性に埋め込まれたコードはcomputed observable(=dependentObservable)のreadFunctionとして処理されます dependentObservableはそのreadFunctionが実行される時にリードする他のobservableを_subscript
モバイル向けにSPAをつくってた話 - console.lealog();
実は4月の頭にリリースされてて、今さら感のあるつくって"た"話です。 もちろん仕事でなのですが、ココはあくまで個人ブログなので、ある程度ぼやかしつつ書きます。 知ってる人は知ってると思いますが、コレです。 作ったもの 何もしらないとイメージしづらいと思うので、いちおう。 モバイルメインのWebサービス ゲームではないが、ゲーム性の強いWebサービス シナリオゲーみたいなやつ 複数のSPAと多数のページから成るそれなりの規模 ネイティブでもShell-Appでもなく純ブラウザ向け iOS5.x/Android4.x以上が対応OS Safari/標準ブラウザ/Chrome/各種WebViewが対象ブラウザ この記事を書こうと思ったわけ 新しいFWやらライブラリやら、流行り廃りが激しい最近ですが、 実績といえばなんのアテにもならないTODOアプリとか、たかだか3,4ルートのSPAだったりで、 実
Clusterize.js
<!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <div id="scrollArea" class="clusterize-scroll"> <table> <tbody id="contentArea" class="clusterize-content"> <tr class="clusterize-no-data"> <td>Loading data…</td> </tr> </tbody> </table> </div> </div> <!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <
Chrome Canary + IRHydra 2
How to retrieve files for IRHydra 2: Install Chrome Canary Go to its installation directory (%LOCALAPPDATA%\Google\Chrome SxS\Application\ on Windows), there should be chrome.exe Create script with all needed flags: @echo off chrome.exe --no-sandbox --js-flags="--trace-hydrogen --trace-phase=Z --trace-deopt --code-comments --hydrogen-track-positions --redirect-code-traces" Run script. Chrome windo
JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ
前回の記事の続き。前回は、正規表現が使えない時はパーサコンビネータを使ってみると良いということを書いた。 パーサコンビネータのためのライブラリは、以下のように各言語ごとにいくつかある。 JavaScript - Parsimmon Ruby - rparsec treetop Python - parsy PHP - PHPPEG 各言語でいくつかあるのだが、正規表現と違ってパーサコンビネータには統一的な書き方があるわけではないし、ライブラリによって使い方も様々である。なので、今まで正規表現だけ使ってきた開発者がちょっと使ってみようと思っても、使い方がよくわからずに面食らってしまうことがある。 パーサコンビネータはテキストをパースするための非常に強力な仕組みだが、その背後にある考え方を理解しなければこれらのパーサコンビネータのライブラリを使う際の障害になるだろう。逆に言うと、それさえ理解で
David Nolen (Cognitect) - The Front End Architecture Revolution
Felienne Hermans - How to teach programming and other things 2週間前 161 視聴者数 Iccha Sethi - From Requirements to Resilient Event Driven Systems with Kafka 2週間前 171 視聴者数
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - microsoft/reflect-metadata: Prototype for a Metadata Reflection API for ECMAScript
Brackets Blog - The Free, Open Source Code Editor for the Web
ramjet
GitHub - FGRibreau/jsobjectdiff: Ensure that two JavaScript files containing objects have the same keys and display differences
GitHub - mohayonao/tickable-timer: Manual ticking timer API
JS.js
GitHub - A/es6-class-mixin: Mixins for ES6 Classes
http://latentflip.com/loupe/
Spec: JavaScript Shared Memory, Atomics, and Locks
Solar System of JS
GitHub - caridy/es6-micro-loader: ES6 System Loader Polyfill
GitHub - elijahmanor/eslint-plugin-smells: ESLint rules for JavaScript Smells
