HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog
HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは 前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ 後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。 HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
HTML5 のオフライン機能 - 強火で進め
Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 (追記 2012/01/14) Googleから動画が公開されました。 http://www.youtube.com/watch?v=MY06xnSZyaw:moive ※このセッションで解説された内容に一部変更点があるとのことなので、こちらも合わせて参照下さい。 (追記ここまで) HTML5 のオフライン機能(Eiji Kitamura) @agektmr 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html スライド 動的なデータの保存 Web Storage (localStorage / sess
【第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）といった複数の実現方法を使い分けている
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
デブサミ2010「次世代Web標準 HTML5 最新動向」行ってきた - hiroyのブログ
デブサミに夕方から行ってきた。気になった部分だけ抜き書きメモ。 HTML5の背景 webアプリケーションの台頭 HTML/CSS/JavaScriptの組み合わせでは機能が足りなかった XHTML 2.0とかXFormsとか考えられたけど XMLベースの技術、開発者に支持されなかった ブラウザ含めて不安定な技術だった 何とかしようと考えられたのがHTML5 機能拡張 安定性の向上 Canvas immediate mode 描画したものを操作できない audio要素、video要素 FlashみたいにプラグインじゃないからCSS/Canvasと組み合わせられる Web Storage localStorage sessionStorage Web Worker Shared-nothing DOMとかにアクセスできない Web Cache CACHE MANIFEST とか書く onlin
HTML5対応を促進するのはモバイルデバイスの多様化ではないか
モバイルアプリケーションを開発する技術としてHTML5やJavaScriptなどのWeb標準が注目されています。しかしWeb標準が進化すれば自動的に普及する、といえるほど世の中は単純ではありません。 技術の進化以外に、モバイルアプリケーションの開発にWeb標準が使われるようになる理由として何が考えられるのでしょうか？ 最近、ある人とこのことをテーマに議論をしていたのですが、僕の意見は「デバイスの多様化がモバイルアプリケーションのHTML5化を促進するだろう」というところに落ち着きました。 モバイルデバイスの多様化は個人所有デバイスが推進する 米調査会社のガートナーは、昨年11月に発表したレポート「Gartner Reveals Top Predictions for IT Organizations and Users for 2011 and Beyond」で、2014年までに90％の組
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
