【第21回 HTML5とか勉強会】 ゲーム開発はHTML5+スマホベースが新潮流
ゲーム開発でHTML5やCSS3、JavaScriptの使いどころは？ 2011年9月27日、サイバーエージェント セミナールームで、「第21回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナ向けの勉強会だ。今回のテーマは「HTML5＋ゲーム」。当日の様子をお伝えしよう。 「Smartphone 向け HTML5 ゲームの作り方」 まず、ディー・エヌ・エーの城戸氏（@sou）からプレゼンがスタートした。城戸氏はDeNAで海外向けWebViewHTML5アプリ開発や、内製タイトルのスマホ対応などを手掛けている。 mobageでは、さまざまなタイトルがすでにAndroid/iOS対応済みであることを紹介した。具体的にはHTML/CSS3ベース、Canvasベース、SWFベース（ExGame）といった複数の実現方法を使い分けている
Post by @0-9
jQueryにはイベント制御のAPIとして、clickやmouseoverの元になるbindの他に、同じような呼び出し方のliveやdelegateが提供されている。 bindはDOM APIで提供されているaddEventListenerのwrapperだが、liveは以下のような実装になっている。 1. 第一引数のイベント名でdocument objectにlive用のイベントハンドラーをbindする 2. 1で設定したイベントハンドラー内でdocument object内に存在する要素上で発生したイベントを全てキャッチする ・イベントの発生元要素がbind時に設定されたセレクタに一致する場合、第二引数に指定されたユーザーのイベントハンドラーを呼び出す これはもともと「多量の要素に対してbindするとUIをロックしてしまう」という問題の対策として知られていた手法だが、liveはそれをj
詳細 ECMA-262-3 第1章 実行コンテキスト - oogattaの勉強日記
Dmitry A. Soshnikov, ECMAScript, JavaScript, 翻訳, 詳細 ECMA-262-3 | 09:06訳者によるまえがき私が以前、「コア・JavaScript ( JavaScript. The Core. )」と題して、 ECMAScript に関する Dmitry Soshnikov さんのすばらしい記事を翻訳させていただいてから、1年が経ってしまいました。継続して Dmitry さんの記事を訳していくとお約束していながら、このように時間が経ってしまい、本当に申し訳ありません。健康上の理由から集中した時間を取ることができず、こうして技術文書を翻訳できたりするようになったのはごく最近のことです。幸いにも、リハビリのような形で勤務先からこのシリーズの翻訳を業務として行えるよう許可をいただきましたので、こうして掲載させていただきます。また、 Dmitry
Google Dartがなぜ的外れなのか - やや肌寒い - ずっと君のターン
自分の感じたことをきれいにまとめてくれてる文章があったので適当訳。 http://www.sitepoint.com/google-dart-fail/ Google Dartがなぜ的はずれなのか DartはGoogleによる構造化されたウェブアプリケーションを設計するための新しい言語だ。サーバ上で動作させることもできれば、クライアント上で動かすこともできる。つまりブラウザ上で。 あなたが何を読んだかによって、GoogleはDartがJavaScriptの代替になることを認めていたり否定していたりするだろう。しかし、Chromeは近いうちに両方の言語が利用可能になり、選択肢が与えられることになる。もちろんGoogleは開発者たちが彼らのコントロール下にある技術を選ぶことを望んでいると私は確信している。 最初は私もDartに懐疑的でありつつも評価はより多くの情報が出てくるまで保留していた。し
{{ mustache }}
Logic-less templates. Available in Ruby, JavaScript, Python, Erlang, Elixir, PHP, Perl, Raku, Objective-C, Java, C#/.NET, Android, C++, CFEngine, Go, Lua, ooc, ActionScript, ColdFusion, Scala, Clojure[Script], Clojure, Fantom, CoffeeScript, D, Haskell, XQuery, ASP, Io, Dart, Haxe, Delphi, Racket, Rust, OCaml, Swift, Bash, Julia, R, Crystal, Common Lisp, Nim, Pharo, Tcl, C, ABAP, Elm, Kotlin, SQL,
Let's WeakMap - 枕を欹てて聴く
ES.nextとして入っていて, ECMAScript 6にも入りそうな気配がするWeakMap. という訳で. WeakMapとは WeakMapとは, harmony:weak_maps [ES Wiki] keyへの参照が弱参照 keyが任意のObject valueはなんでもあり というものです. 弱参照であるため, WeakMapのkeyに指定されたObjectが, weakなreferenceからしか参照されていなかった場合, GCに回収されます. また, WeakMapという名前が隠しがちですが, どちらかと言うと主機能は任意のObjectがkeyとして取れるということでしょう. var map = new WeakMap(); var obj = {}; map[obj] = "OK"; // このとき, toString()されたりしない. Objectをとれる 従来のO
DOM操作の主流になるか！？ セレクタAPIを使いこなそう
連載目次 従来、JavaScriptでは、以下のようなメソッドを利用して、操作対象の要素を特定していた。 getElementByIdメソッド：IDの値をキーにノードを取得する。 getElementsByTagNameメソッド：要素名をキーにノードを取得する。 getElementsByClassNameメソッド：class属性の値をキーにノードを取得する。 しかし、この方法で複雑な構造のHTML文書から要素を取り出す場合、コードが複雑になりやすいという課題もあった。例えば、以下は従来のgetElementXxxxxメソッドを利用した要素の取得例だ。 上記のJavaScriptコードでは、奇数番目の要素を特定するために全てのインデックス番号をif文で判定させている。ほかにも属性値やclass属性によって要素を絞り込むならば、同じような判定式を書いた経験が読者諸氏にもあるだろう。「もっと簡
jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
Mozilla 勉強会で ECMAScript 6 の WeakMap について LT しました - mooz deceives you
2011/10/01 に開催された Mozilla 勉強会＠東京 6th で WeakMap について LT を行わせて頂きました．発表資料，メタ的な説明，勉強会の感想，そして Firefox Hacks Rebooted の説明を記します． 発表資料 説明 ECMAScript 6*1 に導入される予定の機能に WeakMap というものがあります．これは平たく言うと「連想配列」で，ようやく ECMAScript にもまともな連想配列*2が導入されて喜びもひとしおな方も多いことでしょう． その WeakMap ですが，以前 Proxy を先走って実装してくれた Mozilla が再び先走って実装を行なっています．結果として Firefox 6 からこの WeakMap は利用可能となりました． 今回は 5 分間の LT ということで仔細な話は無理と判断し，抑えておくべき WeakMap
Radi
For web animation Draw vector shapes and give them life with motion animation and shape poses. Add images, patterns and text. Publish as HTML that's compatible with smartphones, iPads & e‑books — no Flash required. For video production Create effects and add animations to your video files. Export as HTML5 video with all formats automatically generated. Mix in realtime graphics and web content with
『【研究課題レポート抜粋】WebGLによる3Dアプリケーションに関するレポート』
※このエントリは、古谷氏が最優秀賞を受賞した第6回研究課題レポートからの抜粋です。 研究の背景 これまで、Web上で3Dコンテンツを扱う場合、専用のplug-inを導入する必要があったが、plug-in無しで3Dコンテンツを扱うことが現実的になってきている。 これを実現するのが、クロノス・グループにより管理され、規格策定中であるWebGLである。 WebGLワーキンググループには、Google、Mozilla、Opera、Appleが参加していることもあり、今後Webの標準となると想定されるため、技術的な調査を行うことにする。 本研究の目的 本研究では、WebGLの技術的な理解を深め、WebGLを利用したWebアプリケーションを開発するために必要なツール、ライブラリ、および開発フローについて調査することを目的とする。 今回は、以下を利用しデモアプリケーションを開発する。 ・モデリングソフト
インテル、JavaScriptに並列処理機能を追加する「River Trail」プロジェクトを初披露。IDF 2011
インテル、JavaScriptに並列処理機能を追加する「River Trail」プロジェクトを初披露。IDF 2011 「JavaScriptはこれまでほとんどの場合、クライアント側でシーケンシャルな処理をしてきた」と語るのは、インテルのイベント「IDF 2011」に登場したJavaScriptの生みの親、モジラのCTO Brendan Eich氏。 そのEich氏に前に、JavaScriptに並列処理機能を追加する「River Trail」をインテルラボのディレクター兼CTOのJustin Rattner氏が初めて披露しました。 JavaScriptでマルチコアを活用する「River Trail」 River Trailは、「データ並列」な処理を実現するためのJavaScriptの拡張。 デモンストレーションでは、物理シミュレーションとして宇宙空間でお互いに影響し合う星の振る舞いを表示し
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
GitHub - pbakaus/viewporter: Meta viewport done right.
Dart programming language
GitHub - liuliu/ccv: C-based/Cached/Core Computer Vision Library, A Modern Computer Vision Library
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
GitHub - caolan/nodeunit: Easy unit testing in node.js and the browser, based on the assert module.
three.jsでMMDのモデルを表示 - 強火で進め
