Create a Game Character with HTML5 and JavaScript
In this series we will explore how to create a game character using HTML5 Canvas and JavaScript. Each part of the series will give step by step instructions how to give our character a new ability such as running and jumping. The source code is available for download at the conclusion of each part. The purpose of this series is discuss the basics of creating a game character in HTML5 and JavaScrip
JSDeferredがやっとわかった - by edvakf in hatena
JSDeferred による非同期処理のスライドを見て、「JSDeferred っておもしろそー」って思ってたんだけど、1ヶ月放置した挙句にやっと読み始めた。 JSDeferred の解説記事って検索しても出てこないので、ソース読まずにはちゃんとした使い方がわからない。 それどころか、ソース読んでも一見何やってるのかわからない。(おまけにコメント部分の英語がちょっとアレなのでというのもあるけど…) というわけで腰を落ち着けて読みながら理解した点をメモってたら、こんな分量になってしまった。 JSDeferredのソース読んでる - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その2 - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その3 - JavaScriptで遊ぶよ - g:jav
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
仮想パネル: JavaScriptで非同期プログラミングを乗り切る方法
これに対して、CommonJSグループはPromiseという形でこれに答えている。これは任意の時点で、完了しているかもしれないし完了していないかもしれない、非同期に実行されるアクションの結果を表現したオブジェクトとのインターフェイスを提供する。この方法では、さまざまなコンポーネントが非同期アクションのためのpromiseを返すことができ、コンシューマは予測可能な形でそのpromiseを利用できる。また、Promiseは非同期性を支援するために構文上便利な言語レベル拡張のために利用される基本エンティティを提供することもできる。 Stratified JavaScriptはこれとは別のアプローチをとっており、JavaScript言語のスーパーセットを提供することで、この問題を解決している。しかし、使う言語を切り替えられないのなら、とるべき道はシーケンシャルなコードをエミュレート可能な、柔軟なA
第3回 JSDeferredを用いたアプリケーション開発（その2） | gihyo.jp
前回に引き続き、Wikipediaから緯度経度を取得しGoogle Maps上にプロットするアプリケーションを作っていきます。 今回は透過的なキャッシュの仕組みを入れるのと、geolocation APIを用いて、データのロードが終わり次第自分の近くのマーカーを表示させてみたいと思います。 完成コードは以下のようになります。 今回作成するサンプル（完成品） 透過的なキャッシュ キャッシュのための領域として、localStorageというものを使います。これはFirefoxやSafariなどで実装済みの、簡単にいってしまえば大容量のCookieみたいなものです。 localStorageは同期的に値を取得やセットをできますが、キャッシュするデータはXMLHttpRequestで取得される非同期なデータです。この二つの条件分けを最小限にして実装するために、JSDeferredを間に挟むことにし
Node.js — Run JavaScript Everywhere
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts. Download Node.js (LTS)Download Node.js (LTS)Downloads Node.js v20.16.01 with long-term support. Node.js can also be installed via package managers.Want new features sooner? Get Node.js v22.6.01 instead. // server.mjs
JSDeferred 紹介
JSDeferred について JSDeferred は JavaScript のコールバックによる非同期処理を直列的に書けるようにするために作られたライブラリです。 foofunc(function () { barfunc(function () { bazfunc(function () { }); }); }); foofunc().next(barfunc).next(bazfunc); 簡単な使いかた 読み込み まずは JSDeferred を使うために、HTML に script 要素を追加します。 <script type="text/javascript" src="jsdeferred.js"></script> <script type="text/javascript" src="my.js"></script> JSDeferred は外部ライブラリに依存しておら
JavaScriptによるWeb統合開発環境「Orion」、Webブラウザで試せる「OrionHub」でβ版公開
JavaScriptによるWeb統合開発環境「Orion」、Webブラウザで試せる「OrionHub」でβ版公開 「Orion」は、Webアプリケーションの統合開発環境を、JavaScript/HTML/CSSなどのWeb技術を用いてWebブラウザ上で実現しようとするオープンソースのプロジェクトです。Javaベースの統合開発環境として知られるEclipseを開発しているEclipse Foundationが開発しています。 Orionは現在開発中のソフトウェアですが、広く開発者からフィードバックを得るという目的で「OrionHub」というサイトが開設。ここからサインインすることでOrionを試すことができます。 Firefox 3.6で試してみた 実際に試すには、OrionのWebサイトからメールアドレスを登録します。すると、IDとパスワードがすぐにメールで送られてきます。このIDとパスワ
browserify: browser-side require() for your node.js :: The Universe of Discord
Announcing browserify, a node.js module that bundles up all your javascript into a single file so you can use node.js-style require() from the browser. Check this: server.js var connect = require('connect'); var server = connect.createServer(); server.use(connect.static(__dirname)); server.use(require('browserify')(__dirname + '/js')); server.listen(9797); js/foo.js var bar = require('./bar'); mod
Nicholas C. Zakas「ローディング系jsライブラリについて思うところ」 - 以下斜め読んだ内容
nczonline 2010.12.21のエントリ Thoughts on script loaders ローディング系jsライブラリはいらない派のNicholasが使われてるテクニックを切り口に見解を淡々を述べる趣旨のエントリ いらない派であること、他の人のエントリの紹介とかが不正確、ということでコメント欄が盛り上がってる 以下斜め読んだ内容 最近のjs高速化ニュースとして・・・ ControlJS 2010.12.14スタート クリエータはSteve Souders ゴールは、jsのロードと実行タイミングを簡単にコントロールできるライブラリ メリットは、jsの並列ローディング（によるページ高速化） jsのロード／jsの実行の分離 jsのロード完了してもjsの実行は遅延、とかやること ControlJSはStoyan Stefanovのアプローチを採用 （補足1）object/image
JavaScript パターン - とあるかえるのつぶやき
JavaScript パターンを読んだ JavaScriptパターン ―優れたアプリケーションのための作法posted with amazlet at 11.03.28Stoyan Stefanov オライリージャパン 売り上げランキング: 2892 Amazon.co.jp で詳細を見る 仕事でJavaScriptを使っているといえば使っている。 ただ、JavaScriptに関しては結構いい加減なアプローチだった。これまでは。 ただ、昨今の流れを見てみると、JavaScriptの重要性は格段に上がっている。ブラウザのみならずnode.jsのようなサーバーサイドで動作するJavaScriptまで出てきている。 こうなってくると、否が応でもその「プラクティス」を学ぶ必要性が出てくる。 もう、適当にやってやり過ごす対象ではなくなってしまったわけだ。 私自身がコードを書くことはもうすっかり稀にな
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
CoffeeScript
☕ CoffeeScript CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript's less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it. Disclaimer: CoffeeScript i
2011-03-08のJS: ローダー系ライブラリのまとめ、JavaScriptの歴史、WebGL1.0
JavaScriptの歴史はネタになりやすいので、いろいろなところで話されていますが、JS historyのスライドは知らないこともあってとても面白いです。 またかなりの数が出ていたJavaScriptのLABjs、ControlJS、RequireJSなどといったローダー系ライブラリのまとめを作る感じのものが出てきました。今後も増え続けるとLightboxみたいな感じになってきそうです… Javascript loaders https://spreadsheets.google.com/ccc?key=0Aqln2akPWiMIdERkY3J2OXdOUVJDTkNSQ2ZsV3hoWVE&hl=fr&authkey=CNGC0-UC 乱立するJavaScriptローダ系のライブラリを機能などで比較した表を作成している。 Travis Leithead「IEで出る”Operation
PhantomJS： 「最小限なheadlessのWebKitベースのJavaScriptツール」 - karasuyamatenguの日記
こりゃ面白い。http://code.google.com/p/phantomjs/ "PhantomJS is a minimalistic, headless, WebKit-based, JavaScript-driven tool" headless=スクリーンがない=コマンドと考えればいい。要はブラウザから画面と取り除いてJavaScriptによるスクリプティングを可能にしたコマンドツール。逆に言うとDOM+JavaScript+Networkingをコマンドにしたもの。 説明してもピンとこないだろうから実例を紹介する。http://code.google.com/p/phantomjs/wiki/QuickStart hello world hello.js console.log('Hello, world!'); phantom.exit();$ phantomjs hel
さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 - 川o・-・）＜2nd life
本日行われた Shibuya.js の発表資料をアップしました。 さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 View more presentations from hotchpotch JS のテスティングフレームワークのおおざっぱな説明や JavaScript テストにおける問題、それについての解決方法の一つ、CUI でのテスト、Envjs、エンドツーエンドテストにおける JS / Ajax のテスト、終わりにちらっと Phantomjs の話があります。 スライドの最後にあるように、やはりまだコレだ！という JS のテスティングフレームワークは存在しなく、今後 JS のテストは『僕らが書きたいテスト』をどれだけ簡単に書ける・書く手法が確立されるかによって流行廃りは決まってくるんじゃないかなぁ、と思ってます。そのうちの一つがスライ
JavaScript対応APIドキュメント生成ツールのまとめ
JavaScriptにもJavaDocのようなコメントからAPIドキュメントを生成するツールがいろいろとあるため、どのようなものがあるか少し調べて見ました。基本的なコメントの書き方は大体がJSDocと共通しているので、特に言及がなければそのような書き方が通るものが多いです。 JsDoc Toolkit JSDoc(開発停止)の後継であるため最も有名だと思います。 現在はver2で機能追加のリクエストは停止されていますが、JSDoc 3が開発中となっているそうです。 情報量もそこそこあると思うので、APIドキュメント生成ツール関係について調べる時に参考になる。 Closure Compilerなどいろいろなところで使われていたりします。 -JsDoc Toolkitを使う！ – トップページ YUI Doc YahooのYUI Libraryで使用されているドキュメント生成ツールです。 Py
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Appcelerator Developer Center - API for (version 1.6.2)
Gbosky | Link Gabung Slot Akun Gacor Gampang JP Tanpa Pola
phantomjs - Project Hosting on Google Code