JavaScript whileループとPot.Deferred.forEverイテレータでCPU使用率を比較-Pot.js+PotLite.jsリリースノート | 圧縮電子精神音楽浮遊構造体
2012年2月11日土曜日 JavaScript whileループとPot.Deferred.forEverイテレータでCPU使用率を比較-Pot.js+PotLite.jsリリースノート Pot.js 1.13 と PotLite.js 1.30 リリースしました。 Pot.js 1.13 と PotLite.js 1.30 では、主に内部ループ処理を大幅に高速化しました。 (そろそろ ChangeLog 作らないとまずいかも…) あとは、変数宣言とか 例の (function(){}()) とか (結局直してる) 細かい修正などです。 先日、Hacker News や Echo JS で Pot.js が紹介されました (ありがとうございます)。 でもアクセスが今までの 1000 倍くらいになって、すごいことになってちょっとビビった。 (API サーバのほうは適当に調節し
3DSブラウザ用コンテンツ
任天堂から発売されているゲーム機3DSで動作するブラウザ(NetFront® Browser)で閲覧するためのWebページです。 JavaScriptを使用して、ゲームなどのコンテンツを作るにはどのようにすればよいか検証していきます。 ゲーム テトラブロック 15パズル 修正2011.10.15 サンプルプログラム キャラクタを歩かせる 複数キャラクタ表示(DIVタグ) 複数キャラクタ表示(CANVASタグ) スクロール表示(window.scroll) 動作テスト 画面サイズ 980px 画面サイズ 320px キー入力イベント マウス入力イベント Cookieによるデータ保存 インターバルタイマの最小間隔 回転拡大縮小による地形表示 データスキームURI 更新2011.10.04 ページスクロール 部分スクロール new IFRAMEタグ 更新2011.10.24 画像の回転 色深度
HP製のJavaScriptフレームワーク·Enyo MOONGIFT
EnyoはHPがリリースしたWebアプリケーションフレームワークです。モバイル、デスクトップ双方で動作します。 EnyoはHPがwebOSのオープンソース化ロードマップとともに発表されたHTML5のWebアプリケーションフレームワークになります。特にスマートフォンに適したオブジェクト指向のフレームワークになります。 サンプルです。左側がコード、右側がその実行結果です。 ボタンを押すとテキストが追加されます。 同様に色が変わるサンプルです。 消したり表示したりします。 ボタンを追加していくサンプルです。 Flickr画像検索&ビューワーのデモです。 こちらはYouTubeの検索&ビューワーです。 ボールが落下するデモです。 WebKitに最適化されたモックです。 頭文字ごとにグループ化されたリストです。 ボタンです。 日付ピッカーです。 サンプルゲームです。同じ動物を縦横に3つ並べると消えま
TrueType/OpenTypeフォントを読み込んで描画·Font.js MOONGIFT
Font.jsは任意のフォントを読み込んでテキストを描き出すJavaScriptライブラリです。 Web上での好きなフォントを使ってテキストを描画したい、そんなニーズに応えてくれるのがFont.jsです。Imageオブジェクトに似た、Fontオブジェクトとして作るのが特徴です。 最初の表示です。ボタンを押します。 こんな感じでフォントを埋め込んで使えます。 TrueTypeフォントを使っています。 こちらはOpenTypeフォントの例です。 実際のコードです。 Googleの提供するWeb Fontsに似ていますが、独自のTrueTypeやOpenTypeフォントが使えるのが利点と言えそうです。フォントデータはAjaxで取得するので、使っていない場合は読み込まれません。描画幅を取得するメソッドがあるなど、面白い使い方もできそうなライブラリです。 Font.jsはJavaScript製、MI
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
Firefox 10 の後方互換性に関わる修正
Firefox 10 は 01/31 のリリースに向けて開発が進められています。可能な限り互換性を維持するよう開発されていますが、他のブラウザとの相互運用性や最新 Web 標準仕様への準拠のため、後方互換性に関わる修正も含まれます。そのような修正点をまとめましたので、動作検証時などにご参照ください。 ここでは後方互換性に影響し得る修正のみ解説します。その他の新機能や変更点については次のページをご覧ください: ユーザ向けも含めた新機能: Firefox 10 の主な新機能を紹介します 開発者向けの新機能や変更点: Firefox 10 for developers UserAgent 文字列のバージョン番号が 2 桁になります Firefox 10 は初めてメジャーバージョン番号が 2 桁になる Firefox です。UserAgent 文字列でブラウザ判別を行っており、そのスクリプトのバー
DeNA、スマホゲーム向けHTML5開発支援フレームワーク「Arctic.js」をオープンソース化
ディー・エヌ・エー（DeNA）は1月24日、「Mobage」の人気ソーシャルゲームに活用しているHTML5開発支援フレームワーク「Arctic.js」をオープンソース化して公開した。同フレームワークを活用することで、一度の開発でAndroidとiOSに対応したゲームをリリースできるとしている。 スマートフォン向けブラウザゲームに利用できるJavaScriptフレームワーク。アクションゲームの操作や、複雑なアニメーション表現を支援する各種機能を備えており、ActionScript 3.0に近いAPIを持つことでFlashデベロッパーの学習負担軽減などが図られている。 Mobageの「ガンダムロワイヤル」（バンダイナムコゲームス）などで使用されており、「オープンソース化で多くの開発者に利用してもらうことで、優れたゲームの開発を促進できる」と期待している。 各種ファイルはGitHubに公開した。
gl.enchant.js 入門 – ざっくりと作る流れをまとめてみました!! | TM Life
ついに enchant.js の拡張プラグイン gl.enchant.js の β版が公開されました. これは内部的に WebGL を使っているので高速で豊かな 3D 表現が可能です. OpenGL や 3D プログラミングは仕事柄, 専門というか得意分野なので, ついにキターって感じです♪ さっそく使ってみて, ついでに簡単なプログラムを作る流れをまとめてみました. 以前書いてたくさんの方に見ていただいた『enchant.js を使ってゲームを作ろう!!』同様, step 形式で細かく区切っています. 参考になれば幸いです. Sample and Download 今回制作するサンプルはこちら. 球体を表示して, キーボードやマウスで回転できるようにしただけの単純なサンプルです. ジンバルロック対応は気が向いたらやります. また, クロスドメインの規制でローカルではテクスチャが使えないの
新しいことをしたいならチェックしておきたい、最近のJavaScriptライブラリ
「crocro.jscam」JavaScript... / 3D野郎は寄ってたかれ!WebGLでグリグリ遊べ... / jmpress.js | a jQuery pl...他...全6件
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
クライアントサイドだけでファイルを保存する·FileSaver.js MOONGIFT
FileSaver.jsはクライアントサイドでデータを生成しダウンロードするJavaScriptライブラリです。 Webアプリケーションが増える中、Webブラウザ上で作ったコンテンツをそのままエクスポートする時に使えるライブラリがFileSaver.jsです。 まず画像を保存するデモです。 こんな感じに適当にマウスで文字を書きます。 ファイル名をつけて保存ボタンを押すと保存が実行されます（ウィンドウ下部にダウンロードファイルがあります）。 ダウンロードされたファイルです。内容が動的に生成されているのが分かります。 同様にテキストの保存もできます。 テキストファイルの内容も動的です。UTF-8で作成されます。 HTMLファイルの保存もできます。 FileSaver.jsはコンテンツをCanvasタグにレンダリングし、それをダウンロードしているようです。HTML5対応ブラウザに限定されますが、
crocro.jscam
「crocro.jscam」JavaScriptでWebカメラの画像を取得するライブラリ はじめに 「crocro.jscam」は、JavaScriptで、Webカメラの画像を取得するためのライブラリです。 動作対象はHTML5以上、PCとなります。デバッグを行ったのは、Chrome16、IE9、Firefox9になります。 本ライブラリは、以下のようなことを行なえます。 Webカメラの画像のキャプチャ。 キャプチャした画像の2値化（白黒化）。 2値化を元にしたラベリング（領域分割）。 ドットパターンの検出、あるいはマーカーの検出（4隅の位置と向き）。 キャプチャを指定した場合の即時コールバック処理（各種解析データの取得）。 検出時のコールバック処理（各種解析データの取得）。 Webカメラで取得した画像をHTML5で利用したいといった用途や、マーカーをコントローラー代わりに使った簡単なゲー
オフライン勉強会でJSer.info一周年について発表してきた
オフラインJavaScript勉強会 で発表してきた内容についてのまとめです。 去年の1月16日にJSer.infoを始めてからほぼ一年になりますが、JSer.info 1年を迎えてについてと世界のJavaScriptを読もう @ 2012という発表をオフラインJavaScript勉強会でしてきました。 結局、発表したのは3つのスライド Introduction 一つ目は単なる自己紹介用のスライドになっています。 オフラインJavaScript勉強会に向かう途中で書いたので、WebStormについての紹介を簡単に書きました。 2コ目のスライドから本題についてのスライドです。 という、本題のJSer.info一周年について書いたスライドです。 どのような目的を持ってJSer.infoを作成したか、またどういうサイクルでJSer.infoを更新しているかについての話です。またTumblrで書い
最速な JavaScript のリファレンスマニュアルサイトをつくった - tokuhirom's blog
最速な JavaScript のリファレンスマニュアルサイトをつくった http://jsref.64p.org/ JavaScript のリファレンスマニュアルといえば MDN(Mozilla Developers Network) が有名ですが、MDN の資料は探索がめんどくさいし、表示が遅いということで使い勝手がわるいという問題がありました。 そこで、jQuery のリファレンスマニュアルサイトとして有名な jqapi.com とおなじよような使い勝手のサイトがあったらいいのになーとおもいました。 なので、つくりました。 サイト自体はすべて static なデータで構成されているので、github からデータを取得すれば、イントラや自分のマシン内で閲覧することも可能となっています。 なお IE での動作確認はしていないので、うまくうごかない場合は pull-req してください。 I
[iOS]第1回 JavaScript実行開発環境MyScriptsの魅力を全力で伝えてみる
MyScriptsの基本 MyScriptsは、複数のエントリを登録、管理可能なエディタに、JavaScript実行機能が付いたアプリといえます。 JavaScriptエンジンには、UIWebViewを使っています。 UIWebViewはMyScripts起動時に初期化され、MyScriptsが終了されるまで維持されます。 これは、XMLHttpRequestの安定的動作のための仕様です。 従って、グローバル変数、グローバル関数は取り扱いに注意が必要です。 変数は都度varで宣言し直した方がいいでしょう。（続きは[Read More]から） MyScriptsの特徴: 入力と出力 MyScriptsの特徴として最初に挙げられるのは、入力と出力です。 iOS用のプログラミング言語はたくさんありますが、アプリの外の世界との連携が考慮されたものは一つとしてありません。 MyScriptsは、クリ
JavaScript製のALACデコーダー·ALAC.js MOONGIFT
ALAC.jsはJavaScriptで実装されたALACデコーダーです。 AppleからALAC（Apple Lossless Audio Codec）がオープンソースとしてリリースされて以来、様々なプロジェクトで使われるようになっています。今回紹介するのはALAC.js、ALACをJavaScriptで利用できるデコードライブラリです。 デモです。WebサーバでALAC.jsを試せます。 こちらもデモです。ALACファイルを読み込んで再生します。波形も検出されるようになっています。 ALAC.jsはALACのデコードをJavaScriptにポーティングしており、Web Audio APIを使って再生しています。 ALAC.jsはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る 素人としてはMP3だろうがALACだ
2012年注目のモバイル向けJavaScriptフレームワーク・ライブラリあれこれ | gihyo.jp
昨年は、スマートフォンが急速に普及した年でした。それに伴って、モバイルサイトの重要性が増し、多くのモバイル向けJavaScriptフレームワークやライブラリが産まれました。本稿では、それらのモバイル向けのJavaScriptフレームやライブラリの中から、ピックアップして紹介していきたいと思います。 豊富な機能やリッチなインターフェースが多く用意されているフレームワーク まずは、モバイルサイトの構築を一から行えるフレームワークを紹介します。jQuery MobileやSencha Touchといった著名なフレームワークを始めとして、jQTouchやiUIなど比較的軽量なフレームワークまで簡単に解説します。 jQuery Mobile jQuery Mobileは、有名なJavaScriptライブラリであるjQueryをベースとしたモバイル向けのフレームワークです。ネイティブアプリのようなUI
Pathの華麗なメニュー表示をTitaniumアプリにも取り込む·pathmenu.js MOONGIFT
pathmenu.jsはPath（iPhoneアプリ）で実装されているメニュー表示をTitaniumで行うモックアプリ。 PathというiPhoneアプリに実装されているメニュー表示、選択機能が人気です。Objective-Cで実現するのはQuadCurveMenuですが、さらにTitaniumで実装したプロジェクトが登場しました。それがpathmenu.jsです。 初期表示です。右下にアイコンがあるのでタップします。 メニューが開きます。もちろんアニメーション付きです。 項目をタップすると拡大されます。 デモ動画です。Path風に動いているのが分かります。 pathmenu.jsが面白いのはモジュールを使うのではなく、JavaScriptだけで実装したということではないでしょうか。うまくすればWebベースでさえ使える可能性がありそうです。 pathmenu.jsはTitanium用、Ja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これ知らないプログラマって損してんなって思う汎用的なツール
JavaScriptエンジニア向け！スマートフォンで動くブラウザゲームの作り方