Light TableはJavaScript/Clojureを評価できる新しいコンセプトのIDEです。プログラミングする際には何らかのテキストエディタやIDEを用います。今回は新しいコンセプトのもとに開発されているLight Tableを紹介します。将来的にはコア部分をオープンソース化す... 続きを読む
4月23日に都内で開催されたエンジニア向けのイベント「QCon Tokyo 2013」。基調講演に登壇したのは、JavaScriptの重鎮であるDouglas Crockford氏。「プログラミング・スタイルと私たちの脳」という大胆なタイトルで、JavaScriptプログラミングにおいてバグをど... 続きを読む
JavaScriptのプログラミングスタイルはどうあるべきか? 重鎮Douglas Crockford氏が脳の働きとの関係を語る(前編)。QCon Tokyo 2013 4月23日に都内で開催されたエンジニア向けのイベント「QCon Tokyo 2013」。基調講演に登壇したのは、JavaScriptの重鎮である... 続きを読む
Twitter で聞いてみたところ @hasegawayosuke さんいわく、Bookmarklet の文字数制限は最短だと約2,000文字らしいです。でも、その長さで bookmarklet を書くのって難しいですよね。かといって、別のサーバから JavaScript をダウンロードして実行するとなると... 続きを読む
webrubyはWebブラウザ上で動作するmrubyです。mrubyは組み込み用として開発されたミニマムなRuby実行環境ですが、ミニマム故に使いどころが色々とありそうです。今回はなんとWebブラウザ上で動作するmruby、webrubyを紹介します。 WebGLを使うデモ。 結構ぐりぐ... 続きを読む
MMD.jsはPMD/VMDを読み込んでWebGLを使って描画するソフトウェアです。先日mmd.jsを紹介しましたが、さらに完成度の高いMMDをWebGLを使ってレンダリングするのがMMD.jsです。 踊っている1シーン。かなりスムーズです。 見ている向きを変更できます。上からがで... 続きを読む
HexaFlipは写真などのコンテンツを立方体にして回転させられるJavaScriptライブラリです。写真やコンテンツの見せ方を工夫すれば、閲覧した人の受ける印象は全く変わってきます。ただ表示するだけでは面白くない、と考える方はHexaFlipを使って回転するコンテン... 続きを読む
Stellar.jsは縦横両方のスクロールに対応したパララックスを実現するライブラリです。最近見かけるようになったパララックス(視差効果)を使ったWebサイト。スクロールによって要素ごとに速度が異なることで面白いイフェクトを生み出します。今回はそんなパラ... 続きを読む
canvizはCanvasを使ってDOTファイルをグラフ化するソフトウェアです。フローチャートなど複雑なグラフを描くのに適しているのにDOT言語が知られています。通常、Graphvizを使って画像化するのですが、今回はcanvizを紹介します。なんとDOTファイルを読み込み、W... 続きを読む
Use 'z' or '>' to zoom in, 'x' or ' Show: (diffusion) (grounded diffusion) (powered diffusion) (polysilicon) (metal) (protection) Animate during simulation: Link to this location 続きを読む
あのですね、JavaScriptにsleep()とかwait()みたいなのってほしいじゃないですか。で、調べてみると標準にはなくて作れるには作れるけどブラウザ依存だったりビジーループだったりJava Applet併用だったりしてがっかりするじゃないですか。 ぼくは1年半くらい... 続きを読む
こんにちは、ICS池田です。HTML5でインタラクティブコンテンツを制作するにあたり、さまざまなJavaScriptライブラリがありどれを選ぶのか迷いどころではないでしょうか? そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみ... 続きを読む
2013/03/05 Zepto.js v1.0がリリースされました v1.0rcが11ヶ月間も続いていたのですが、 ようやくRelease Candidateではなくなり正式リリースとなったようです。 今回はZeptoについて振り返ってみました。 http://zeptojs.com/ https://github.com/madrobby/ze... 続きを読む
従来、グループウェアのカスタマイズといえばテンプレートの改修や追加コードの開発が必要だった。サイボウズのクラウド版では、JavaScriptによるカスタマイズが可能と手軽。しかも、独自開発をしなくても、既存のカスタマイズを選択するだけで、かなり有用なコ... 続きを読む
JavaScript を使った Windows ストア アプリを使うと、使い慣れた言語 (HTML、CSS、JavaScript) で Windows アプリを作成できます。多くの場合、JavaScript を使った Windows ストア アプリのプログラミングは Web サイトのマークアップやコードの記述と同じで... 続きを読む
JavaScript: The Definitive Guide (Kindle ed.) David Flanagan [邦訳:JavaScript 第6版] 以下のようにした理由は、実はJavaScriptのArrayが配列ではないことに起因します。 404 Blog Not Found:Algorithm - Ruby 2.0 や Haskell の遅延リストを JavaScript で... 続きを読む
log('𠮷野家'.length ); // 4 // unfortunately log('𠮷野家'.codepoints ); // 3 // naturally log(String.fromCodePoint(0x20BB7) ); // '𠮷' log('𠮷野家'.codePointAt(0).toString(16) ); // 0x20BB7 log('𠮷野家'.uCharAt(0) ); // '𠮷' log('𠮷野家'.toAr... 続きを読む
HTML5で超リッチ超高速なインタフェイスを作れるJavaScriptフレームワークFamo.usが、サンフランシスコで行われたHTML5 Developer Conferenceで今朝(米国時間4/1)、二つの発表をした: このフレームワークは数社の“大手ハードウェアベンダ”のおかげで無料で... 続きを読む
JavaScriptの実行速度を劇的に改善するasm.jsの特徴は、CやC++のような言語をJavaScriptのサブセットで記述すること 6月のリリース予定で現在開発が進んでいるFirefox 22では、JavaScriptのサブセット言語仕様であるasm.jsと、asm.jsに最適化したJavaScriptエン... 続きを読む
JavaScriptのサブセットとして静的型付け言語を定義し、事前コンパイルを可能にすることでJavaScriptの実行速度を劇的に改善しようというasm.js。 asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers - Badass JavaScript asm.js: A ... 続きを読む