［GDC 2013］Webブラウザで「Unreal Engine 3」がヌルヌル動く!? ゲームエンジンを5日でHTML5へ移植した驚きの技術とは
［GDC 2013］Webブラウザで「Unreal Engine 3」がヌルヌル動く!? ゲームエンジンを5日でHTML5へ移植した驚きの技術とは ライター：米田 聡 Game Developers Conference 2013（以下，GDC 2013）の2日めとなる米国時間3月26日，Webブラウザ「Firefox」の開発で知られる米Mozilla Foundation（以下，Mozilla）が，「Fast and Awesome HTML5 Games」（高速かつ驚愕のHTML5ゲーム）と題するセッションを開催した。 HTML5はそのポテンシャルが高く評価されてはいるが，実際にそれで作成されたゲームを見ると，「Webブラウザ上のゲームならこんなものか……」と落胆させられるものが多い。そのため正直に言えば，筆者はあまり期待せずに参加したのだが，蓋を開けてみれば，たしかにタイトルどおり「
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
愛宕山太郎坊/Staff
愛宕山太郎坊 アニメーション制作進行支援ソフト 愛宕山太郎坊 ログイン 会社id ユーザー名 パスワード ユーザー名またはパスワードが正しくありません。 閉じる ログイン
たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
【第29回 HTML5とか勉強会レポート】 次のモバイルアプリはどのフレームワークで作る？
【第29回 HTML5とか勉強会レポート】 次のモバイルアプリはどのフレームワークで作る？：D89クリップ（43）（1/2 ページ） スマートフォンアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する 大人気JavaScriptフレームワーク集合！ 2012年5月16日、ヒカリエのディー・エヌ・エー新オフィスの会議室にて『第29回HTML5とか勉強会』が開催されました。HTML5とか勉強会とは、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会です。今回のテーマはJavaScriptモバイルフレームワーク。会場は超満員でテーマへの関心の高さがうかがわれました。 Titanium MobileやPhoneGapなどのフレームワークが続々と登場してきたことで、iOSアプリやAndroidアプ
2000万通りのキャラ画像が簡単に作れる!! avatar.enchant.js を使ってサンプルとゲームを作ってみた. | TM Life
先日, 公開された avatar.enchant.js を使って早速ゲームを作ってみました. そもそも enchant.js って何？って方はこちらをどうぞ. 使い方とかざっくりまとめてあります. 簡単に言うと JavaScript で作られたゲームエンジンです. avatar.enchant.js で定義されている Avatar, AvatarMonster, AvatarBG クラスそれぞれの使い方とサンプル, そして, 作ったゲームのコードや解説も載っけているのでよかったら参考にしてください. Demo Download GitHub About avatar.enchant.js とは enchant.js 上で動くプラグインで, 服装や武器から髪型, 髪の色まで色々と組み合わせて使うことができるので 2000万通り以上のキャラ画像を簡単に生成してゲームに使うことができます. しか
シンメトリック、既存の携帯電話向けサイトを瞬時にスマートフォン向けに最適化する「sparrow.js」を発表
シンメトリックは、既存の携帯電話向けサイトにJavaScriptをわずか1行追加するだけで、瞬時にスマートフォン向けに最適化できるJavaScriptライブラリ「sparrow.js」（スパロウ.js）を、26日に発表した。なお、「sparrow.js」は同社Webサイトで利用登録書に記入することでダウンロード可能。個人、法人問わず無償で利用できる。 「sparrow.js」は、JSファイルを読み込むだけで、Viewportを自動で挿入し、携帯電話向けサイトをそのままスマートフォンで閲覧可能になる。また、スマートフォンだけに適応するCSSの定義や、半角カナの全角カナへの変換、ページ内リンクへのスクロールアニメーション挿入、絵文字の絵文字画像への変換、style属性中のfont-sizeプロパティの変換（文字サイズの調整）といった変換作業を行ってくれる。 さらに、HTML中の要素にclass
ke-tai.org > Blog Archive > エフェクト機能がすごいiPhoneやAndroid向けのJavaScriptフレームワーク「Wink Toolkit」
エフェクト機能がすごいiPhoneやAndroid向けのJavaScriptフレームワーク「Wink Toolkit」 Tweet 2011/2/23 水曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 2 Comments » かちびと.netさんに、iPhoneやAndroid向けのJavaScriptフレームワーク「Wink Toolkit」についての日本語解説記事がありましたのでご紹介させていただきます。 → かちびと.net iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った [kachibito.net] WinkToolkitは、JavaScriptで作られたスマートフォン向けのフレームワークで、エフェクトなどのデザイン面に特化した作りになっているよ
似た傾向のアーティストを次々とリストアップして試聴できる The Music Maze - 音楽方丈記
似た傾向のアーティストを次々とリストアップして試聴できる The Music Maze » 音楽Webサービス(楽曲再生) [編集] 好きなアーティスト名を入れると似た傾向のアーティストをツリー形式でリストアップしてくれて試聴できるサイト The Music Maze を紹介。 Firefox、Chrome、Safari でアクセス推奨。(IE はエラーで動きません) 使い方はごくシンプルで、アーティスト名を入力して出てくるツリー表示の中から、気になるアーティストをどんどんクリックしていくと代表的な曲が再生されていきます。(試聴用なのでフルコーラスでは再生されません) 楽曲分析 API の The Echo Nest で抽出した関連データを元に、試聴用音声は有料 MP3 配信サイトの 7Digital から、ツリー表示は JavaScript InfoVis Toolkit が使われてい
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
[JS]あなたのウェブページを52の言語に自動翻訳するボタンを簡単に設置できる -Translate This Button
<textarea name="code" class="html" cols="60" rows="5"> <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> Trans
これからは、賢く楽しくサムネイる。 | swfthumnail
swfthumbnail is a new solution of thumbnail swftumbnailは、サムネイル画像に対する全く新しいソリューションを提供します。 swftumbnailは、サムネイルの生成をサーバ側からクライアント側に移すことを目的として開発されています。 現状、サムネイルを使用するシステムには以下のような様々な問題があります。 1. サーバリソースに関する問題 サムネイルの生成/保存におけるサーバリソースの消費は、他の処理に比べ、比較的大きなものです。 2. サムネイルの管理とサイズ変更の柔軟性の問題 多種多様なサイズのサムネイルの管理にはコストがかかり、サムネイルのサイズの変更に必要な手間は大きなものです。 たとえ静的に設置された少量のサムネイルであっても、変更するのは面倒な作業です。 3. 大抵のサムネイルは退屈だという問題 「単純に縮小表示した
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」:phpspot開発日誌
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」 2009年12月16日- またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」。 Ext.js ばりにきれいなUIと多機能さで今後が期待されるJSフレームワークです。 次のような綺麗でリッチなインターネットアプリケーションが作れます。 デモページには多数のコンポーネントが掲載されていて色々できることがわかります。 GoogleMapや、各種UIパーツの他、３Dグラフなんかも面白いです。 JavaScript でクネクネ動く3Dグラフです。 以下のページを参照してください。 Ajax.org - The real-time collaborative application platform
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」:phpspot開発日誌
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」が公開されています。 マウスが上に乗るとポップアップしてヒントが出るようなグラフもこのJSライブラリで描画できます。 デモページでは、実に多数のサンプルグラフを見ることが出来ます。 それにしてもJSなのに描画するグラフが滑らかでいいですね。 以下のエントリを参照してください。 Highcharts - Interactive JavaScript charts for your webpage 関連エントリ JavaScriptだけでさまざまなグラフを描画できる高機能ライブラリ『HighCharts』 - IDEA*IDEA
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム:phpspot開発日誌
Home | Nidhis
Michael Leigeber