自己紹介 藤澤伸 (のびー) fnobi.com カヤック社員ページ HTMLファイ部 最近のおしごと Lobi-SDK(Android・Unity・Cocos2d-x) NARUTO-ナルト-展 公式サイト ハイブリッドに技術を使うものや、わいわい動くLPが得意
![HTML5で音を扱う3つの方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/c37c146004e6e063ffc162c4244f96af0465de41/height=288;version=1;width=512/http%3A%2F%2F150217-html5sound.fnobi.com%2Fimg%2Fogp.jpg)
HTML5 Japan Cup とは? HTML5 Japan Cup(5jCup)とは、WebデザイナーやWebエンジニアのためのクリエイティブ・アワード(コンテスト)です。運営委員や審査員、はたまたボランティアに至るまでが、同じくWebに関わる人たちで構成されています。そんな私たち(皆さん)が自分たちのために作り、盛り上げていくのが、このアワードです! 超豪華なスポンサー陣が提供する様々な賞に応募することができますので、複数の賞を同時に受賞することも夢ではありません。まずはテーマを選び、動作するプラットフォームを選び、そしてその他の特別賞などを目指して応募作品を作りましょう!また、5jCupを盛り上げるための公式ハッカソンや準公式イベントなど、さまざまなイベントを企画していますので、皆さん楽しみにしていてください。 :)
Enterprise x HTML5 Web Application Conference 2014の発表資料です。Read less
株式会社サイバーエージェントが、スマートフォンサービス開発のためのオープンソースとしてブラウザ向けのサウンドライブラリ「boombox.js」を公開した。 「boombox.js」は、ブラウザでサウンドを再生する際に使われることの多い、一般的なオーディオ関連のAPIである「HTMLAudio」「WebAudio」「HTMLVideo」を包括して、一貫性のあるAPIとして提供するブラウザ向けサウンドライブラリ。「boombox.js」は、複数のオーディオ関連APIにおける環境差異を吸収しており、ラジカセのようにシンプルなAPIで簡単に利用することができる。また、ブラウザが非アクティブ時には音声を停止する機能や、複数サウンドを同時に再生する機能なども有している。 なお、「boombox.js」は既にAmebaにて提供中のソーシャルゲーム「なぞってピグキッチン」などのサービス開発でも採用され
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか?基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提 シングルページアプリケーション セマンティクスやSEOは考慮しない 基本哲学 共通モデルの初期化を徹底的に行う サーバーにリクエストを投げるのは最小限 クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない 理由 いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。 プログラマとし
cocos2dっていうiPhoneでは有名なゲームエンジンがあるんだけど、それのHTML5版でcocos2d-html5ってのがある。 http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Cocos2d-html5 これ、ちょっとまともに調べてみたけどかなり凄い。 凄いんだけどいまいちZyngaの日本での頑張りが足らないのか記事が少ないので、ちょっと紹介する。 ダウンロードとか とりあえず自分で触ってみるわって人は、上のリンクからCocos2d-html5-v何がしの最新版リンクをクリックしてダウンロードすればいい。 この記事時点ではCocos2d-html5-v2.1.4が最新。 サンプルゲームはpixi.js辺りに比べるといまいちだけど、個別の機能を確認するのはcocos2d-html5のテストプログラムが使える。 http://www.c
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
「第39回 HTML5とか勉強会+日本Androidの会 2013年5月定例会」の参加メモ #html5j #jag201305 第39回 HTML5とか勉強会+日本Androidの会 2013年5月定例会に参加してきました。 そのメモ。ほぼベタ書きです。 最近のHTML5はどうなっているのか (白石さん) 日本Androidの会との初めての合同勉強会と言うことで、HTML5の基本的なところを話す。 なぜHTML5がこんなに騒がれているか。 ・マルチプラットフォームである ・マルチデバイスである ・技術的に成熟してきた マルチプラットフォーム/マルチデバイスのところは異論もあると思うが、とりあえずそういうことにして話を進める。 HTML5の7つの「○○Web」 オフラインWeb。 リアルタイムWeb。 レスポンシブWeb。 セマンティックWeb。 スピーディなWeb。 Webプラットフォー
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか? 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA(シングルページアプリケーション)など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
HTML5で2次元のインタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。どれを選択するべきか迷いどころではないでしょうか? そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。 今回検証したフレームワーク メジャーなJavaScirptライブラリとして次の5種類でテストしました。バージョンは2013年4月10日現在の最新版を使っています。詳しい検証方法は記事の後半にまとめています。 CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) 各種JavaScirptライブラリのベンチマーク結果 ※グラフの数値が高いほどパフォーマンスが高いこと
にゃあプロジェクトさんに教えてもらったのですが、HTML5用のパーティクルエンジン「ParticleEmitterJS」が面白そうだったので試してみました。次のような表現がビジュアルエディターを使ってHTML5で簡単に作ることができます。 Demo (Require the browser supported HTML5 Canvas) Demo (Require the browser supported HTML5 Canvas) ParticleEmitterJS は CreateJS のフリーの拡張ライブラリで、簡単にパーティクルエフェクトを作ることができます。パーティクルエフェクトはゲームやコンテンツ表現の演出強化や、雲や炎などのシミュレーションにも利用できます。パーティクルは基本的に数値演算を利用するためプログラマの領分という印象が強いですが、ParticleEmitterJS
本日2回目のブログ更新となります! 本日1回目のブログでもお伝えしていていましたが いよいよ開発者の皆様に向けた新規企画の発表です! (タイトルでバレバレですが^^;) 本日、HTML5 開発者に向けた (スマートフォン)搭載ブラウザの仕様を確認するツール ※PCブラウザでも確認できます。 ブラウザ仕様確認ツールをリリースしました!! URLはこちらです!↓ http://spec.nttdocomo.co.jp/spbss/ 上記のURLにブラウザでアクセスすると W3Cのカテゴリに基づいたHTML5の仕様を 搭載ブラウザで利用できるか判定をして OK or NGで結果を返します! TOP画面はこんな感じで UAの情報を確認できるようにしています! 今回は、判定項目数を約2600個用意しました! あれこれ精査していくうちに開発者の皆様により多くの項目を見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く