DeNA、HTML5開発のフレームワーク「Arctic.js」を公開
ディー・エヌ・エー（DeNA）は1月24日、「海賊トレジャー」や「ガンダムロワイヤル」など、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開した。 Arctic.jsは、スマートフォン向けブラウザゲームにおけるアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScriptフレームワーク。豊富なアニメーション作成支援機能を搭載するほか、各種スマートフォンOSの断片化を吸収し、開発工数を大幅に削減できるという。 DeNAでは、Arctic.jsを使用してJavaScriptのコーディングを行うことで、開発者は短期間かつ1度の開発で、Android OSとiOSの双方に高品質なゲームを提供することが可能になるとしている。
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
これからはJavaScriptがポイント （Titanium Mobile、PhoneGap、Yubizo Engine）：成長する技術と衰退する技術、そして期待する技術：エンジニアライフ
これからはJavaScriptがポイント （Titanium Mobile、PhoneGap、Yubizo Engine） みなさんこんにちわ。 佐藤環（サトウ タマキ）です。 正月中も粛々と仕事しており、正月気分が特別なかったため「明けましておめでとうございますコラム」を書くことをすっかり忘れていましたのでここで。 明けましておめでとうございます。 更新頻度が低いコラムですが、今年もご指導頂きながら少しでも皆さんの役に立つコラムになるよう、頑張ります。 さて、前置きが長くなりましたが年明け1本目は「JavaScript」。 もともとWebサービスの開発でJavaScriptが使われる機会は非常に多かったと思いますが、スマホの登場でさらにその存在感を高めています。 スマホのアプリ開発では、iOS/Objective-C、Android/Javaのネイティブ開発に加えクロスプラットフォームで
ON HTML5 FIELD 第8回 - MdN Design Interactive
【第8回】HTML5制作のためのおすすめツール 2012年01月11日 TEXT：村岡正和 HTML5でWebデザイン、Webプログラミングを実践していく際に役立つツールが登場してきた。今回はjQuery Moble、Modernizr、LESSといったツールを取り上げ、その特徴を紹介する。 >>> 全記事目次はこちら（HTML5関連求人情報も掲載） ■スマートフォン開発、クロスブラウザ対応など HTML5が普及するにつれ、制作に便利なツールがたくさん公開されるようになった。今回は、HTML5制作をする上で筆者がおすすめしたいツールをいくつか紹介する。これからHTML5でWebデザイン、Webプログラミングする際の制作効率向上につながれば幸いだ。 ●jQuery Moble（http://jquerymobile.com/） まずはjQuery Moble。HTML5をベースとしたWeb
機械がHTML文章の中のメタデータをより認識しやすくする「Microdata」 | DevelopersIO
機械がHTML文章の中のメタデータをより認識しやすくするための仕様です。 具体的には「itemscope」や「itemprop」などの特殊な属性を利用します。この属性を利用して、HTML文章内の情報を意味づけすることができます。 Microdataのサンプル <section itemscope> <p itemprop="name">Ryuichi Nonaka</p> <p itemprop="age">24</p> <p itemprop="desc">都内で働く気ままなWeb制作者です。</p> <p itemprop="image"><img src="profile.png" alt="プロフィール画像" /></p> </section> Microdata専用の属性 以下を見てもらえればわかるように、Microdataはアイテム（item）という単位を重要視します。 ite
マイクロデータは面白い - 気になるITまわり
今まで技術的なことはあまり書いてませんが、どちらかと言うと技術的なことばっかりに興味がある人です。そんなこんなで最近HTML5を勉強していたのですが、これがなかなか面白そうだったので、それについて少し書いてみたいと思います。 マイクロデータとは HTML5の中の1つの仕様で、タグに意味づけを行えるものです。たとえば今までのHTML4で料理のレシピを書こうと思った場合以下のようにかけると思います。 <div> <h1>味噌汁</h1> 材料 <ul> <li>味噌</li> <li>大根</li> <li>ねぎ</li> </ul> </div> 人間がみると、どれが料理名で、材料なのか分かりますが、基本的にタグにはそれらの意味は含まれていません。HTML5ではマイクロデータの仕組みを使ってタグに意味をつけられるようになります。上の例をマイクロデータをった形に変更してみましょう。 <div
HTML 5 / A vocabulary and associated APIs for HTML and XHTML / W3C Working Draft 22 January 2008
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
The Wilderness Downtown
An interactive film by Chris Milk Featuring "We Used To Wait" Built in HTML5 This film does not work on mobile as it requires pop-ups. Please visit the site from a desktop browser. This film requires pop-ups. Click the icon in the address bar. Select "Always allow pop-ups from wildernessdowntown.com."
Firefox Tweet Machine
Firefox Tweet Machine is a visualization of Firefox activity on Twitter. It is an experiment with exclusively open web tools and technologies.About the Machine Firefox Tweet Machine is a visualization of Firefox activity on Twitter designed and put together by Quodis for Mozilla. It is an experiment with exclusively open web tools and technologies, and works on all modern browsers that support HTM
CanvasタグとJavaScriptで3Dのデモを作ってみました | ClockMaker Blog
HTML5というわけではないですが、CavasタグとJavaScriptを使って3Dのデモを作ってみました。 デモを見る ソースコード (［右クリック］→［ソースを見る］を選択) こういうのを見れば「HTML5すごい、Flashいらない」と思う人もいるかもですが、冷静にファーストインプレッションを。同じものを以前Flashで実装したことがありますが（Papervision3D演出サンプルNo.01:羽ばたく蝶々）、両者のデモを比較することでメリット・デメリットが見えてきます。 ＜追記：2013年9月3日＞ Three.jsの最新版rev 60にアップデートしてみました。3年前に作成したときはrev 17だったのですが、別物のライブラリと言わんばかりにほとんどAPIが変わってしまっています。ちなみにTypeScriptで書きなおしています。 デモを見る ソースコード (TypeScript)
今更聞けないcanvasの基礎の基礎 - KAYAC Engineers' Blog
はじめまして。新入りのnagataです。 入社式で自転車乗ってた野郎です。 先輩方から「ブログ、書いてね！」とのお達しがあったので、 日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。 ※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。 canvasってなんぞ？ 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル（かつ動的な）表現が行えるわけです。 とりあえずつかってみる 早速何か描いてみましょう。 こういうことは実践あるのみです。 処理にはJavascriptを使います。 canvasに描画を行うときは、canvas要素からcontextを取得して、
泥臭いWEBの底から～WEBディレクター覚書～ FlashをHTML5で代替する、とはwebディレクターにとってどういうことか?
このごろ「HTML5があればFlashは不要」みたいなほとばしった意見を見かけることがある。そうなるかどうか、いつごろそうなるか、という点はよく判らない。どうせ棲み分けしていくんだろうけど、そうなったとして、それぞれの局面でどちらで実装するかディレクターが判断することになるんなら、ちょっと面倒だ。 ここで少し余談。Flashが担っていた部分をHTML5に置き換える理由って色々とあるだろうけど、「オープン性」を挙げている人がiPhoneやiPadについて賞賛しているのを見ると、どうにも収まりの悪い気持ちになる。なんで? と言われそうだが。 余談はさておき。「FlashをHTML5で代替する」という可能性について少し違った切り口で考えてみたい。 棲み分けがなされたとして、HTML5でやりましょうとなったとき、では誰にやってもらうのか？ というのはちょっと気になる。いやまあ、アサインできる制作ス
HTML5先取り！CanvasならFlash不要で絵が描ける (1/3)
現在主流のHTML 4.01が勧告されたのが1999年12月。その後もWebは進化し続け、HTML+CSS+JavaScript（≒DHTML）でできないことはFlashやSilverlightで補うことで、さまざまな表現が可能になっています。たとえば、ユーザーの操作で画像の位置などが変化するゲームや、刻々と変化するデータを外部が取り込んで図形を描く株式市場の相場グラフはFlashを使うのが一般的ですが、できればHTMLやJavaScriptだけで済ませてしまいたいもの。そこで今回は、HTML5の新機能「Canvas」を使い、Webページ上にJavaScriptで図形を描画する方法を紹介します。 Canvasってナニ？ 2010年の勧告を目指してW3C（World Wide Web Consortium）で策定中のHTML5では、「Canvas」という新しいHTML要素（タグ）が追加される
HTML5のインパクト ～ それを巡るAppleとGoogleの呉越同舟：In the looop：オルタナティブ・ブログ
ついにiPadが発表され，タブレットへの期待感が高まっている。 当ブログでは，前記事で，PCに変わりインターネットの主役となるであろうモバイル機器にフォーカスし，Google vs Apple vs Microsoft によるOS戦争の構図について分析した。 ・ Google vs Apple vs Microsoft ～ ひと目でわかるモバイルOS戦争の構図 (2010/1/3) 【記事内チャートより】 この記事でも言及しているが，この戦いの延長戦上にあり，極めて重要なポジションを占めるであろう技術がリッチコンテンツ対応等を特長とするHTML5だ。iPadの発表時にジョブスが「Flashには対応しない」と強烈に言い放ったことで一躍注目を浴び始めた次世代HTMLである。 ・ 「邪悪にならないGoogle」は嘘、Adobeは怠慢――Jobs氏発言 (Wired Vision, 2010/2/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
沖縄振興計画、県主体に 特措法改正案、一括交付金を明記 ：日本経済新聞
HTML 5 Outliner
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色
Nissan LEAF Electric Car
HTML5 Canvas and Audio Experiment | Bookmarks | DB - KAYAC Designer's Blog （カヤック デザイナーブログ）