![Amazon.co.jp: Webサイト制作者のための HTML5+JavaScriptスマートフォンサイト実践講座: 佐藤歩, 杉本吉章, 安藤建一: 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/f7aa0cb588ac3db0af241cdb9339083d721df0c9/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F519KOWGPt8L._SL500_.jpg)
C++ Advent Calendar 2012 / 4th day (!) この記事はC++ Advent Calendar 2012の参加記事です ヽ(=´▽`=)ノ 記事の公開と本編内容が4th dayのリミットより数時間遅れてしまいました事をお詫び申し上げます。 Native-client vs. HTML5 ; C++ in web-client-world! 諸元 Published: 2012.12.4 By: Usagi Ito <usagi@WonderRabbitProject.net> Environments: (to see the last section of this entry) Abstract 世間ではHTML5が一般にも話題になり始め、徐々に持て囃される様になり、次第に一般にも浸透して来た様な気がする2012年のクリスマスシーズン、 (…中略…)、
最近色々あってAndroidと心を通わせられるようになってきたago(@kyo_ago)です。 このエントリは tech.kayac.com Advent Calendar 2012 3日目の記事です。 Application cache(cache manifest)とは WHATWGやW3で議論されているHTML5 Offline Web Applicationの仕様の一部です。 細かい仕様等に関しては最後に参考URLをつけたのでそちらをご覧ください。 ここでは色々誤解の多いApplication cacheの使い方をご紹介したいと思います。 使い方 .appcacheの拡張子に対してtext/cache-manifestのMIMEタイプを設定してください。 .appcacheファイルは以下の形式で作成してください。 CACHE MANIFEST: #更新用ID(日付+連番等) キャッ
$('#example').photobooth().on("image",function( event, dataUrl ){ $( "#gallery" ).append( '<img src="' + dataUrl + '" >'); }); container = document.getElementById( "example" ); gallery = document.getElementById( "gallery" ); myPhotobooth = new Photobooth( container ); myPhotobooth.onImage = function( dataUrl ){ var myImage = document.createElement( "img" ); myImage.src = dataUrl; gallery.appendChi
■ ZEROJAXとは? ZEROJAXとは、 CGIなどの動的(Dynamic)なWebサイトの構築に関し、 従来のHTML4的手法、すなわちDB、SQL、LAMP(MySQL/PHP)、Ruby on Rails、CakePHPなどの サーバサイドの技術を排除し、 それに代わる手法として JavaScriptを中心とした DB不要のクライアントサイドによるHTML5的手法を模索した新技術です。 結果として、管理、開発が容易で、さらに超高速動作が可能になっております。 なお、以上を一言で要約すると、 DB不要。ただ単に JavaScript、JavaScript、JavaScript。 となります。 当然の前提知識ですが、JavaとJavaScriptはまったく違う、ということをご了解の上。 ■ ライセンス: GPL2/MIT/Public Domain、三つともOKのトリプルラ
Slashdot: HTML 5の仕様からオーディオ・ビデオコーデックに関する要件白紙に。ベンダーの意向の相違が原因。 HTML5にて、ビデオコーデックの仕様が定まらず、予想通りに迷走してるっぽい。 Flash Playerの対立軸(?)として、一部で持ち上げられているHTML5だけれども、課題というか大きな問題点が1つある。 それはHTML5が利害関係の一致しないプレイヤーの綱引きで、フットワークと合理性を失いつつある点だと思う。 ビデオのコーデックなんかは、事実上のディファクト状態になった .flv 以後の主導権を誰が手に入れるか?という綱引き状態で、宙ぶらりん状態な感じかと。iPhone導入を契機にYoutubeにH264対応を押し通したAppleとしては、TheoraよりH264を通したいのだろうし、他も色々考えがあってまったくまとまらない。 <追記>はてぶで指摘があったとおり、f
また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開 Motorola Mobilityが今月公開したHTML5オーサリングツール「Ninja」のバージョン0.7は、SVGやCanvas、WebGLなどを用いたHTML5でのアニメーション効果の開発を得意としたオーサリングツールです(それにしてもNinjaという名称は海外で人気がありますね……)。オープンソースソフトウェアとして開発されています。 Ninjaは、同じくMotorola MobilityがリリースしたHTML5対応のフレームワーク「Montage」をベースにしています。Montageは、Adobe Flash/Flexのような形でHTML5のアプリケーション開発ができるようにという意図で開発されたフレームワーク。 Ninjaの画面
図1 アップルやグーグル、アマゾンやマイクロソフト、フェイスブックといった企業が、ネットとコンピュータが融合する時代のこれからを占うべく激しく競合している。 ことの始まりは、1990年代のなかば、PCの画面の中で起こったことだ。フューチャーウェーブ・ソフトウェアという会社が、画期的なアニメーションの作成ソフトとWebプラグインを作り、これをマクロメディアが買収して「Flash」となった。それまで、文字と写真がほとんどだったWebの画面に、ゲームのような滑らかさでイラストが動きだしたのだ。いわゆる「RIA」(Rich Internet Application)という、Webだけで立派なアプリが作れる世界になってくる。 やがて、「Flash MX 2004」というバージョンが登場して、アニメーションと一緒に動画までをも扱えるようになる。実のところ、2005年にスタートした「YouTube」のヒ
ある ニュース記事を同僚に教わった。 この記事によるとタッチデバイスの会社は WebKit2 に対応しているのに検索の会社は旧バージョンにとどまっており、HTML5 に課題は多いのだそうな。 そりゃ課題は常に山積みだよね…と思っていたら記事は誤解だと別の同僚が説明を書いている。 リンク先の記事はさておき、世間の関心をいまいち集められていない気がする WebKit2 についてざっと説明をしてみたいとおもう。 この記事を読み終われば WebKit2 と Chromium WebKit, Webkit1 の違いを知ったかぶれるようになる予定。 WebKit2 は 2010 年の 4 月にアナウンスされた WebKit の新しい API レイヤで、Mac 版 Safari などが使っている。 大きな特徴はレンダリングエンジンを別プロセスで動かせること。 Chromium でやっているのと同じような
カヤックのHTML5シリーズ第2弾!日頃の運動不足を解消できる?ちょっと贅沢なコンテンツ集。
みなさんは、フルスクラッチでテトリスを作ることができますか? プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの45分でテトリスが完成! それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ
はじめまして、jActionの佐藤佳文です。私はアプリ制作会社で主にFlashやHTML5開発をしているエンジニアです。クライアントワークで企業PRのためのWebアプリを開発したり、趣味でWebサービスを作ったりしています。 jActionを知らない方が多いと思いますので、簡単に紹介します。jActionは、HTML5による動的かつリッチなWebアプリを効率的に制作できるようにするJavaScriptライブラリです。jQueryのようなイメージと考えてもらって構いません。 今回は連載初回となりますので、「本連載の目指すところ」「HTMLにまつわる5つの誤解」についてお話ししましょう。 最終目標は「HTML5を使ってWebアプリをつくれるようになること」 本連載では、プログラミング経験者かつHTML5の初心者で、これからHTML5を仕事に生かしたい方、自作のアプリをつくりたい方に向けてお送り
Rubik's Cube ® used by permission of Seven Towns Limited. | Published in 2012 Tutorial Move your device to trigger the accelerometers and rotate the cube. Use flick gestures to move the faces. Rotate your device to start the landscape application. Have fun! Welcome to the HTML5 Rubik's page! Swipe left your finger over the panel to get into the next pages
With the revised and improved edition of HTML, the authors as well as the web developers have been given some more flexibility and interoperability in order to create more interactive and creative websites. HTML5 has been proposed recently because the community believed that now it is the time to move forward and push the limitation of HTML further more in every direction. In today’s collection, w
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く