誇大広告です。 2日ほど前に「おまえはアホか」を作って音程だけなんだけど言葉のイントネーションで遊ぶのって面白いと思って、そもそも面白いイントネーションのものを素材にして別のものを作ってみた。 KSDN-808 http://ksdn808.herokuapp.com/ KSDN-808はJavaScriptで作られた4つのドラム音と関西電気保安協会が鳴る実用的なリズムマシーンです。あなたの作成したクールなリズムトラックを保存して共有することができます。無料です。 Web Audio API と Audio Data API を使っていて、Chrome と Firefox で動く。 画像が悪くてよく見えないけど、デモ動画も作ってみた。全部キーボードで操作している。 デモソング http://ksdn808.herokuapp.com/U0Sw7yAZ http://ksdn808.hero

非常に短いコードから音楽を生成するのがおもしろかったので，理解を深めようと思って，プレイヤーを作った． 勉強用に作っただけで，既存のプレイヤーと比べて，何か機能が増えたりしているわけではない． http://hitode909.appspot.com/one-liner-music/ Web Audioを使っている．Google Chromeで動く． 参考 countercomplex: Algorithmic symphonies from one line of code -- how and why? 1行のコードからアルゴリズム交響曲 - どのように、そしてなぜ？ - 閉村観光 ビキビキ…たった1行のC言語だけで鳴らされる異常に格好良い電子ノイズの数々 : matsu & take Music from very short programs - the 3rd iteration

Brendan Eich は JavaScript の生みの親であり現在は Mozilla の CTO です。JS 誕生時から、ECMA での標準化、オープンソース以前の V8 の話などを振り返りつつ、Brendan が 16 年ずっと持ち続けてきた JavaScript エンジンのモジュールオーナー権限を引き継ぐアナウンスを行ったブログ記事です。 つたない翻訳になってしまいましたが、他では聞けない秘話や、Brendan 独特の語りを多数のリンク先と併せて楽しんでいただければ幸いです。 原文: New JavaScript Engine Module Owner ご存じかもしれませんが、私は以前 JavaScript の 10 年について書いています。marca や Bill Joy などの協力の元で作られた Java の陰で、JS は基本的に独りで生み出されました。 始めに、少しばかり助

同僚の Ted Kaehler さんのアイデアをヒントに、HTML のコメントを表示するブックマークレットを作ってみました。 http://metatoys.org/unveil/ にある Unveil というリンクをブックマークバーにドラッグして使います。一度押すとコメントが表示され、もう一度押すと元に戻ります。サイトによっては、なかなか味わい深いコメントを見る事があります(Chrome, Safari, Firefox で確認済)。例えば、 asahi.com のように高校野球速報の指示が書いてあったり、 楽天トラベルのようにコメントの中に隠されたバナーや選択肢を見ることが出来ます。 コメントのような舞台裏を見るとなかなか背徳的な気分になるものです。HTML の開発時にも役に立つかもしれません。面白いコメントを見つけたら教えて下さい。

オブジェクトリテラル オブジェクトの作成はコンストラクタにて以下のように書けます。 var car = new Object(); car.goes = "far"; が、より簡素なオブジェクトリテラル表記を使うべきです。 var car = {goes: "far"}; オブジェクトコンストラクタに数値を渡した場合、以下のように実際に作成されるオブジェクトが異なります。 var o1 = new Object(2); console.log(o1.constructor === Number); // true var o2 = new Object("hello"); console.log(o2.constructor === String); // true var o3 = new Object(true); console.log(o3.constructor === Bool

instagramのAPIが公開された直後、なんとかstagramってWEBサービスがいくつか出てきて、僕は面白いなーって見てるだけだったんだけど、ちょっと思いついたので今更ながら作ってみました。 GLISTAGRAM なに？ instagramの写真をグリッチしながら表示するビューアーです。 適当にユーザ名やタグをいれて go すれば、画面全体にギャギャギャと表示されます。 ソースコードとか node.js on herokuで書きました。初めてのnode.jsで初めてのheroku。 初めてのCoffeeScriptにもチャレンジしたけど、CoffeeScriptのままherokuにデプロイできなさそうなので書くだけ書いて捨てました。 稚拙ながらGitHubにソースコードを置いてあります。 https://github.com/mohayonao/GLISTAGRAM 参考にしたもの

みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS

pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax

知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵 はてなブックマーク - 知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵 知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵の記事を読んだ後に当記事を読むこと推奨。 ブックマークコメントを見ていて、用語の使い分けが気になったので書いておこうと思う。 無名関数かクロージャーが一般的じゃないのか?即実効関数とか使い捨て関数なんて初めて聞いた。 「即時関数」を言い表したいときに「匿名関数」とか「クロージャー」というのは不相応。 「匿名関数」 これは単に名前の付いていない関数を表す言葉であって、定義後に即実行する関数を指すとは限らない。また、記