JavaScriptで正規表現練習ゲーム作った - aike’s blog
特に何か目的があるわけじゃないんですが、JavaScriptの練習のためにゲームを作ってみました。 Regex Of The Dead タイピングゲームのように正規表現を練習するためのシンプルなゲームです。ゾンビと一般人が迫ってくるのでゾンビの名前にだけマッチするように正規表現を入力して倒していきます。 HTML5の流れでオーディオ、グラフィック、フォントがHTML/JavaScriptで簡単に扱えるようになり、さらにenchant.jsのようなゲームエンジンも充実してきて、ゲームもJavaScriptだけで気軽に作れるようになってきたようです。 そんなわけで試しに書いてみたのがRegex Of The Deadです。プログラミングは長いことやっているもののゲームを作ったのは大学のとき以来かもしれません。 最初、何か良さそうなゲームエンジンがないものかいくつか調査しましたが、こういったタイ
よーし、パパ酔った勢いでJSXに盛り上がっている連中をdisっちゃうよ〜 - mitamex4uの日記
念のため書いておくけど、俺はJSXの開発者をdisったりはしない。 俺は車輪の再発明が好きだし、何よりモノを作る人間は素晴らしい。 しかし俺は今JSXに盛り上がっている連中にとてつもなく違和感を感じている。 JSXが登場した時にはすでにHaxeがあった。 JSXは開発途上だから今後に期待するが、現時点ではHaxeの方がはるかに洗練された言語であることは間違いない。 もう一度言うぞ。現時点ではHaxeはJSXより間違いなく優れている。 俺は静的型付け言語が好きだと言った。だがな、型はプログラミングを楽にするためのものであって、型のためにプログラミングするのは嫌なんだよ。 大人が誰も言わないなら俺が言ってやる。 型推論の無い静的型付け言語はクソだ。 型推論の無い静的型付け言語をありがたがって使う奴はドMだ。 JSXは現状では型のためにプログラミングする言語だ。 でもいいんだよ。JSXはまだ出て
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
Three.js対応。Webブラウザ上で3Dモデルを作成·ThreeFab MOONGIFT
ThreeFabはTree.jsに対応した3DモデルをWebブラウザ上で作成できるソフトウェアです。 Three.jsはJavaScriptで高度な3Dモデルを描画するエンジンですが、そのモデル作成はやはり大変な作業になります。そこで使ってみたいのがThreeFabになります。 最初の画面です。3Dモデルが奇麗に描かれていて格好いいです。 マウスで視点の変更もできます。 モデルを追加できます。 回転したりライトを変更することもできます。 最終的に作成されるコードを使ってThree.jsで3Dモデルを描けます。 こんな感じにモデルを追加していきます。 ThreeFabを使えばThree.jsで使えるモデルをWebブラウザ上で作成できます。S、D、X、スペースキーがそれぞれショートカットキーとして使えます。最初、慣れるまではなかなか操作が難しいかも知れません。ThreeFabはさらにアニメーシ
Private Presentation
Private content!This content has been marked as private by the uploader.
Front End Development Guidelinesの読書メモ - prog*sig
■簡単な内容紹介 Accessibility/HTML/CSS/JavaScript/jQuery/について基本的な事や知っておくべき、意識しておくべき事などについて書かれたドキュメントです。 あちこち触れている感じなので、一つ一つは余り濃くない内容が多めです。 ■Accessibility What's Up, DOCTYPE? DOCTYPEがないのは論外として、今までは以下のようなスニペットを使っていた人もいるだろう。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML5ではもっとスリムにしたスニペットを利用できます。 このスニペットはモダンなブラウザはサポートしていますし、IE6とI
new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo
私は陰謀論者じゃないですし JavaScript の new 演算子が大好きなわけでも大嫌いなわけでもないです。 念のため。 本記事は Hiraku さんが書かれた下記記事への言及です。 newを封印して、JavaScriptでオブジェクト指向する(1) newを封印して、JavaScriptでオブジェクト指向する(2) newを封印するべき4つの理由 new 演算子は使うな!? 「newを封印するべき4つの理由」 でも new がいかに糞であるかが書かれていますし、その記事からも言及があるように Crockford さんが書かれた書籍 『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』 でも new 演算子は Bad Parts に分類されています。 new 演算子が忌避される理由はいろいろあるみたいですが、Hiraku さんの記事では n
for() と $.each() のパフォーマンステスト - jsdo.it - Share JavaScript, HTML5 and CSS
(function(){ $(function(){ var count = 1000000; var startTime; var currentTime; var forTotal = 0; var eachTotal = 0; var arr = new Array(); var i; for(i=0; i < count; i++){ arr.push(Math.random()); } $('<h1>' + count + '回ループでテスト</h1>').appendTo('#result'); for(i=0; i < 5; i++){ // for でまわす startTime = new Date(); var length = arr.length; var forArr = new Array(); for(var j=0; j<length; j++){ forAr
【レポート】JavaScript APIやWebサービスAPIはバージョン化が必要 - 開発者指摘 | エンタープライズ | マイコミジャーナル
Nicholas C. Zakas is a web software engineer who specializes in user interface design and implementation for web applications using JavaScript, Dynamic HTML, CSS, XML, and XSLT. Yahoo!の技術者でありJavaScript関連の技術紹介に定評のあるNicholas C. Zakas氏がNCZOnlineにおいて、パブリックに公開されているWebサービスはバージョン管理されたAPIを提供すべきだといった内容の記事を公開した。依然として多くのWebサービスがバージョン管理されていない状況で提供されており、開発において不利益を被っているという内容になっている。 デスクトップやサーバの開発で利用されるライブラリはバージョ
javascriptがrubyを駆逐する - Scene Research Station
rubyに限らず同系統のLLはjavascriptに滅ぼされるんじゃないかと先輩が言ってたので、流石にそりゃないでしょうと言ったところ、以下の反論をされた。 サーバも同じ言語で書けるメリットは大きい最近のjsは速くなった。他のLLよりもずっと速い 速度については、幾つかのベンチマークを組み合わせて評価している Which programming language is fastest? によると、確かにjs(というよりv8)が他のスクリプト言語をちぎっている *0 。v8はただのフィボナッチだとCに迫る速度だ。恐ろしい。crankshaftでさらに1.5倍ほど高速化するらしいし、ブラウザの開発競争が続く限りjsの速度的な優位は他のLLと比べてますます大きくなるであろう状況にある。 さて、速度的にも優位だしクライアントとの親和性も抜群とくれば、もはやnode.jsを使わない理由は無く、他のL
さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
jstudy #2 にいってきた - すぎゃーんメモ
@hokacchaさん主催のJavaScript勉強会「jstudy」に初参加してきました。 jstudy #2 : ATND jstudy#2 - Togetterまとめ みなさんステキな発表資料をupしてくださっていて助かります。 JavaScript入門講座 by @hokacchaさん function オブジェクトについて by @kyosukeさん jquery cssプロパティ拡張 by rti 7743 on Prezi by @super_rtiさん jQuery plugin refactoring by @Takazudoさん http://180mm.heteml.jp/lab/20101120/ by @180mmさん Nodejs Introduction by @jxck_さん あんまりJS関連の勉強会には参加したことがなかったのだけど、この界隈のヒトたちはさ
TwitterのIDが64bitになるとJavaScript等で問題が出るので対策を - F.Ko-Jiの「一秒後は未来」
Twitterのシステムが生成する ID の体系が変わるという情報は以前からありました。 » Twitterのstatus IDの仕組みが変わる – 頭ん中 » The Twitter Engineering Blog: Announcing Snowflake » Status IDs are changing on 21st September – Twitter Development Talk | Google グループ Snowflakeというシステムを使って、ツイートやユーザーの ID が64bitの整数で生成されるようになるそう。 特に影響はないかなと思っていたのですが、ProgrammableWebの「The Twitter ID Shuffle: Text vs Numbers」という記事に気になることが。 The reason for aborting the laun
Twiwt:Blog / jugyo : node.js - express の初歩の初歩
0 express のインストールは npm を使うと良いと思う。 npm install express 1 サーバーを起動するだけならこんな感じで書ける。 var app = require('express').createServer(); app.listen(3000); ただサーバーが起動するだけでアプリとしては何もできない。 2 '/' を GET すると 'hello world' を返すようにしてみる。 var app = require('express').createServer(); app.get('/', function(req, res){ res.send('hello world'); }); app.listen(3000); 3 ビューを使うにはアプリケーションを以下のように修正し、 var app = require('express').cr
JavaScriptとHTML5 Canvasを使って顔認識するコードがすごい:phpspot開発日誌
Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas JavaScriptとHTML5 Canvasを使って顔認識するコードがすごいです。 ccv.jsとface.jsというファイルがGitHub上で公開されていて、認識自体をJavaScriptでやってしまっているようです。 JavaScriptが高速化するにつれ、WEBはもっと高速に、サーバにも優しくなっていく流れになっていきそうですね。 GitHubでは２つのJSと１枚のHTML、１つのPHPコードが配布されています。 ccv.jsがコアで、face.jsは定義ファイルっぽいです。 画像を外部から呼び出すためのプロクシ用にphpを使っていますがphpでOpenCVを使ったりはしていないようです。 関連エントリ PHPでOpenCVなしのピュアPHPで顔認識す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Functional Programming Fundamentals in JS & PHP
http://kangax.github.io/es5-compat-table/non-standard/
IBM Developer
Bp study39 nodejs
IDEA * IDEA
