最近、CodeSandbox を使ってる人を見かけるようになりました codesandbox.io 以前取り上げた CodePen はデザイナーも使う cool な JS Playground という感じで、ブログにデモとコードを一緒に貼り付けたりするのに便利でした。 blog.kondoumh.com CodeSandbox はもう少しデベロッパー寄りのサービスのようです。 CodeSandbox のトップページの Create Soundbbox をクリックすると表示されるテンプレート選択ページで Sign in with GitHub ボタンからサインアップできます。 最近流行っているフロントエンドのフレームワークを数多くカバーしています。 コードエディタ + プレビューをブラウザの 1タブで使えます。 プレビューは別タブに出すこともできますので、Chrome DevTools など
数日前@naoiwata師匠に「JavaScriptにパターンマッチってないですよね?」って聞いていたら「Underscore.jsならあるかも」みたいなことをそそのかされたので少し触ってみた。 Underscore.jsは関数型プログラミングをしたい人のための軽量ライブラリだという認識でだいたい良いと思います。最近、「JavaScriptで学ぶ関数型プログラミング」みたいな本も出ているみたいで、ちょっと中身みたけどUnderscore.jsの使い方ぽい感じの本だったので興味ある人は読んでみるといいかと*1。 ちなみに僕が求めているパターンマッチは文字列の正規表現ではなくて、関数型言語でいわれるようなパターンマッチ。Gaucheのutil.match的なやつ。 で、とりあえずUnderscore.jsなんぞということでバーっとひと通りみてみた。 Underscore.js だいたい大きく6
セットアップ Downloads - selenium - Browser automation framework - Google Project Hosting ダウンロードページ WebDriverJs - selenium - A guide to using the JavaScript bindings for WebDriver. - Browser automation framework - Google Project Hosting オフィシャルマニュアル mochaのサンプルがどうしてもうまく動かない…。 はまりどころ chromeとieを動かすには、selenium起動時にdriverへのパスを通しておく java -jar selenium-server-standalone-2.39.0.jar -Dwebdriver.chrome.driver=./chr
背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは? npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの? サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJSとか node.js って何? よく見る browserify って何? こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。 「CommonJS」誕生 - Javascript は汎用プログラミング言語へ その昔、Javascript 大好きおじさんは言いました。 Javascrip
http://qiita.com/advent-calendar/2014/frontrend 概論 ここ近年のモダンJSは特に理由がなければcommon.jsのrequireスタイルで記述され、webpack/browserifyでビルド/読み込むことを前提にしてよい。今やビュー層を除いてブラウザとnodeのライブラリの境界は非常に曖昧である。 識者諸君においては常にどちらの環境でも読み込めるようなライブラリを提供するように心がけることを切に願う。 今日はライブラリの名前しか出さないんで各自ググるように。 立場 サーバサイド~ゲームプログラミング出身node寄りフロントエンドエンジニア このサイトのスタッフだけど他のことに手一杯でQiitaのフロントはまだそんなにいじってない すまんな 他ってなんだろうな 言語 CoffeeScript TypeScript 最近DDDっぽい構成を目指し
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、速くします」 (次の日) 私 「いいプロファイラがないなら作ればいいじゃない」 同じチームの人 「えっ?」 私 「最高のJavaScriptプロファイラ作ったよ」 同じチームの人 「「えっえっ???」」 私 「早速使ってみたらこことここが遅いって分かったよ」 同じチームの人 「「「この子は一体…」」」 JavaScriptのプロファイリングの難しさ 近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
この記事は賞味期限切れです。(更新から1年が経過しています) JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ!というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
MochiKit.Animator 0.9.2 Demos/Testbed MochiKit.Animator is an enhanced*, fully vectorized implementation of Bernard Sumption's animator.js. It eschews the use of classes and instead uses composition to build complex effects in one or two lines of code. The idea is to have everything work "right". This means not having to specify start values, maximum efficiency during playback, and clean, automati
id:amachang わーい \(^o^)/ JS で書ける IRC ボットライブラリできたよー (Rhino) たのしー \(^o^)/ というのに当てられて、タイトルですでにネタバレしているとおり、JSRuby を Rhino で試せるようにしてみました(笑)。 といっても、id:tokuhirom さんが commit してくれた repl.js をちょこっといじっただけですが(笑)。 (1) CodeRepos から JSRuby をぱしっと取ってくる。 (2) Java(5 以上?)や Rhino もいれておく (3) jsruby の trunk の下で下記実行 ( js.jar のパスは適宜指定 ) java -cp ./js.jar org.mozilla.javascript.tools.shell.Main tools/jjsruby.js これで対話的に Rhino
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50のJavaScriptに関連したツールやライブラリを紹介している(実際には51)。RIA開発においてJavaScriptは重要な地位を占めつつあり、適切な開発ツールやライブラリ、フレームワーク、プラグインを選択することは、迅速で効果的な開発を実現するために欠かせない。紹介されているツールやライブラリは次のとおり。 JavaScriptツール FireUnit (Firebug向けJavaScrip
相当歴史の長いプログラミング言語であるLisp。形を変え、様々な方言が生まれつつも今も広く利用されている。一般的にはEmacsの中で使われているのが有名だ。だがその特殊性もあって、使ってみたいと思いつつも手出しできていない人も多いはずだ。 Emacs上で動作するJavaScript そのような方々にとって、Emacs上で動くJavaScriptというのはある種可能性を感じさせるものかもしれない。 今回紹介するオープンソース・ソフトウェアはEjacs、Emacs上で動作するJavaScriptインタプリタだ。 Ejacsは全てEmacs Lispで書かれている。 ロードした後、js-consoleで起動する。すると「js>」が立ち上がるので、JavaScriptを入力すればそれが評価され、結果が返る。JavaScriptなので無名関数などもできるが、document.writeやalertは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く