Adobe製のJavaScriptデバッガTheseusがすごい - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
MochaがPromisesのテストをサポートしました
このpromiseオブジェクトは、resolveするので、.then の第一引数で指定したonFulfilled コールバックに true という値を渡すようになってます。 今までのテストの書き方 このgetSuccessPromiseを 1.18.0より以前は以下のように書くことでテストをしていました。 it("should manually handling test...", function (done) { getSuccessPromise().then(function (value) { assert(value); done(); }).catch(done); // <= このcatchが今回の変更での焦点 }); getSuccessPromise()の返り値であるpromiseオブジェクトがresolveされると value に true が入って assert(t
JavaScript の ; を省略する派 - Kato Kazuyoshi
むかし同じチームだったひとに、JavaScript のセミコロンを省略する派のひとがいて、他の人と「もう日本語かくとき句読点も省略すればいいじゃないの」とか、散々いっていた。でも実は GitHub も省略派らしい。 GitHub の JavaScript Styleguide は、まず最初の「新しい JS は CoffeScript で書け」にびっくりするのだけど、さらに読み進めていくと、既存の JavaScript について「なるだけセミコロンは使うな」とある。 Do your best to never use a semicolon. This means avoiding them at line breaks and avoiding multi-statement lines. For more info, read Mislav's blog post. 出来る限りセミコロン
JSオジサン #3 で colo について話してきた。 - from scratch
coloについては、前にこのブログでも触れたんですが、今回のためにcoloをブラウザ対応させました。 <script type='text/javascript' src="./colo/colo.js"></script> <script type='text/javascript'> colog(colo.red("colo colo")); colog(colo.cyan.bold("colo colo")); colog(colo.green.underline("colo colo")); colog(colo.magenta.italic.bold("colo colo")); colog(colo.grey.bold.italic.underline("colo colo")); </script> bower対応させたので、 $ bower install colo でも入
仮想DOMライブラリの「virtual-dom」だけでMV*なビューを書く - Qiita
virtual-domという、（その名の通り）仮想DOMの生成とdiffを行うシンプルなJavaScriptのライブラリがあります。 GitHubのexampleを見るとわかるのですが、このライブラリのみでも、シンプルな形で動的なビューを実現することができます。 このシンプルさがとても魅力的で、実際に使ってみたのですが、 分かったことをまとめたいと思います。 仮想DOMって？ Reactなどで以前から採用されていて、最近流行している感じの 仮想DOM ですが、 重い本物のDOMとは別に、仮想のDOM（ただのJSオブジェクトなので軽い）のツリーを構築する 仮想DOMの構築を状態が変更されるたびに行って、前回の仮想DOMとのdiffをとって実DOMに適用する という形で動的なビューの実現に利用されます。 仮想であるので、ブラウザ上だけではなくサーバーサイドのHTMLレンダリングにも使えます。
iOS6 webkit timer bug workaround
ios6-timers.js �-���� (function (window) { // This library re-implements setTimeout, setInterval, clearTimeout, clearInterval for iOS6. // iOS6 suffers from a bug that kills timers that are created while a page is scrolling. // This library fixes that problem by recreating timers after scrolling finishes (with interval correction). // This code is released in the public domain. Do with it what you
facebook flowでHTML5 Canvasデモを作ってみた - ICS MEDIA
2014年11月にFacebookから発表された「flow」(以下「facebook flow」と記述します）ですが、皆さんは試されましたでしょうか？ facebook flowはJavaScriptの静的型付けチェックツールです。本記事では、facebook flowの採用によってWebコンテンツ制作にどのようなメリットがあるのか調べるために、インタラクションデモを作って検証しました。 ▲facebook flowの公式サイト flowで作成したコンテンツ HTML5 Canvasタグを使ったグラフィック表現で、約500行程度のJavaScript (flow code)で作成しました。タップやマウスしながら動かすと大量のパーティクルが拡散するような表現になっていますので、次をクリックしてブラウザで再生してみてください。 別ウインドウでデモを開く ▲ HTML5 Canvasで作成してい
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
ES6テンプレートリテラルをテンプレート関数化する - teppeis blog
V8にES6テンプレートリテラルが入ったらしいということで、 テンプレートリテラルが実装された - JS.next 先に入っているFirefox 34（現beta）で遊んでみた。 埋め込み変数は即時評価 埋め込み変数は即時評価なので、テンプレートリテラルが評価される時点で定義されない変数を埋め込みに使うとエラーになってしまう。 var name = 'Taro'; console.log(`Hello, ${name}.`); // 'Hello, Taro.' console.log(`Hello, ${hoge}.`); // ReferenceError: hoge is not defined' そうすると、Viewクラスのプロパティにテンプレートを持っていて任意のタイミングで呼ぶみたいなことができず、同じテンプレートでも使うところで毎回リテラルを書く必要がある*1。 // Vie
テンプレートリテラルが実装された - JS.next
概要 テンプレート文字列を記述できる構文が実装された。 テンプレートリテラル 基本の使い方 バッククオート『 ` 』で囲んだ文字が、文字列リテラル同様に文字列として評価される。 var t = `テンプレート` var s = "テンプレート" console.log(t) // "テンプレート" console.log(t == s) // true 改行がそのまま認識される。 var t = `テンプ レート` var s = "テンプ\n"+ "レート" console.log(t) // "テンプ⏎レート\t" console.log(t == s) // true 文字列中に変数などを埋め込む リテラル中の『${』と『}』で囲まれた部分は式として評価される。 var n = 123, f = () => 339 var t = `0${ n }45${ f() * 2 }9` v
AngularJS 嫌いな人が多い昨今について - tokuhirom's blog
AngularJS 嫌いな人が多い昨今について 最近 AngularJS 嫌いという言説が多いですが､そういうことを仰る方々は主に先鋭的な JSer のように思います｡ ただ､僕なんかの場合には､ユーザー向けの画面の構築などには AngularJS を使って書くことは最近はほとんどなく､JS を書くといえばもっぱら管理画面です｡ 管理画面の JS を書くにあたっては AngularJS way にのっかってやると非常に楽ですよね｡管理画面を書いたりする上では vue-js とかで頑張って書くと見通しが悪くなったりしますし､こった動きなどは必要ないというところで angular.js ワリといいなと思っています｡ もっといいものがあれば移りたいですが､コストをかけずに作りやすい管理画面を作るという意味ではやはり AngularJS にまだメリットがあるなあ､と思っています｡ 2.0 が出た時
[A 3]SSJSでも使える！Javascriptでオブジェクト指向プログラミング入門
XPagesDay 2014 (2014/11/18) 【A-3】「SSJSでも使える！Javascriptでオブジェクト指向プログラミング入門」で使用したスライドになります。
![[A 3]SSJSでも使える！Javascriptでオブジェクト指向プログラミング入門](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b5a14fedaf7a2d87e65e1a8f039c85ea7f8e41e/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fa-3ssjsjavascript-141120023907-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
aem1k - JS Hacks & Creativity
__ _/\ \ /' \ \ \ __ __ ___ ___ /\_, \ \ \/'\ /'__`\ /'__`\/' __` __`\/_/\ \ \ , < ___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____ /\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\ \/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/ JavaScript Hacks and Creative Coding Created by Martin Kleppe aka @aemkei. Projects Hello World 1K - spinning globe embedded in JavaScript code JSFuck.com - write an
JSおくのほそ道 #000 [IndexPage] - Qiita
ご挨拶 じぇいえすや 嗚呼じぇいえすや じぇいえすや 初めまして！ JavaScript街道600里を歩きながら、その中で生まれた発見や探求を詠み上げます。 テーマはとしては 「JavaScript基礎のその奥へ！」 を掲げてやって参ります。 単なる概要紹介と手順ではなく、一歩掘り下げた検証や考察を入れつつ 裏側(ソース)はなるべく見て周り、 「どのようなアーキテクチャによりそのモノが動いているのか」 もチェックしながら進めていきたいと思います。 Index 1つのトピックで1~10位の投稿を予定しています 順不同に書き進めます もはや常識！？NodeJSの基本 非同期型イベント駆動とは イベントループの仕組みを探る モジュール＆npmのキホン Webサーバ＋アプリ構築が速すぎる件 Socket.ioで双方向通信チャットアプリを構築 ビルドツールの骨身に迫る Gruntとの上手な付き合い方
![JSおくのほそ道 #000 [IndexPage] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5705c740388f2f58681ee207104292712d68051f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SlMlRTMlODElOEElRTMlODElOEYlRTMlODElQUUlRTMlODElQkIlRTMlODElOUQlRTklODElOTMlMjAlMjMwMDAlMjAlNUJJbmRleFBhZ2UlNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTA1MTA5NDBmMzMzNmUyNzVhMmZiNTU0ZjA5OTc2YTM4%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBob3NvbWljaGkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTU5NmIwNWE2NTk0MDIzMzEwMzY3MDY3YzQ5ZjY1ZjRh%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gVW5pcG9z5qCq5byP5Lya56S-%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Ddeafd5a3443b38aab3b6a6e33b38c3c5)
メンバー
阿部 淳也 Creative Director (代表取締役社長) 74年宮城県生まれ。自動車メーカでのユーザインターフェースエンジニアを経て、IT部門でデザイナー・テクニカルディレクターを経験。2004年より広告代理店系プロダクションにてクリエイティブディレクターとして従事した後、2008年に株式会社ワンパクを設立。 DMI（旧Web研）Web人賞受賞、企業Webグランプリ「BtoB部門グランプリ」受賞など 原 冬樹 Creative Director (取締役副社長) グラフィックデザイン、エディトリアルデザイン、パッケージデザイン、CD-ROM、Webサイトなど様々なクリエイティブ業務にデザイナー、ディレクターとして従事。 2008年1月にクリエイティブプロダクション1PAC. INC.に参画。 東京インタラクティブ・アド・アワード入賞、グッドデザイン賞受賞など 春菜 紘道 Tech
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
serratus/quaggaJS: An advanced barcode-scanner written in JavaScript
ペパボのフロントエンドスタンダード に関する記事一覧 - ペパボテックブログ
Document.getElementById()マニアックス
twitter/twemoji: Twitter Emoji for Everyone
JS1k 2014 - Demo 1951 - "Highway at Night"