サンプルで理解するHTML5におけるJavaScript
一般に「HTML5」と呼ばれている仕様は、HTML要素の仕様だけでなく、Webアプリケーション用APIの仕様も含んでいます。これらのAPIを使うことによってHTML5では、2D/3Dグラフィックスの描画やローカルパソコンへのデータの保存といったことが可能になります。 HTML5ではJavaScriptを使うことで、できることが従来より大幅に増えます。しかし、これは逆に言えば、HTML5の機能を活用するには、JavaScriptのスキルが不可欠だということです。 このパートでは、筆者がHTML5（＋JavaScript＋CSS3）で作成したお絵描きアプリケーション「My Animals Note！」をサンプルにして、HTML5におけるJavaScriptプログラミング、具体的にはcanvas要素を使ったグラフィックス描画や、Web Storage APIを使ったローカルパソコンへの画像データ
File API: Writer (W3C Working Draft 26 October 2010)
File API: Writer W3C Working Group Note 24 April 2014 This version: http://www.w3.org/TR/2014/NOTE-file-writer-api-20140424/ Latest published version: http://www.w3.org/TR/file-writer-api/ Latest editor's draft: http://dev.w3.org/2009/dap/file-system/file-writer.html Previous version: http://www.w3.org/TR/2012/WD-file-writer-api-20120417/ Editor: Eric Uhrhane, Google Copyright © 2014 W3C® (MIT, ER
$("div").append("<section>section</section>") できないらしいので色々調べてみた - latest log
追記: jQ的には解決していませんが、素の JavaScript を使った回避方法がわかりました。IE8以下では、オンザフライで作成した要素に対して innerHTML すると謎要素が作成されてしまうといった現象がでるため、一度要素片を、DOMツリー( body とかね ) にぶらさげてから innerHTML すると回避できました。 つまり、オンザフライな↓ではだめで… var div = document.createElement("div"); // 作る div.innerHTML = "<section>ほげー</section>"; // 突っ込む → ι(´Д｀υ) ↓のようにすると謎の挙動を回避できます。 var div = document.createElement("div"); // 作る document.body.appendChild(div); // あて
Webteko 第11回で Web Workers について発表した - mollifier delta blog
1/23(土)に神戸で Webteko(ウェブテコ)第11回が開催された(告知ページ) 今回のテーマは「HTML5 と CSS3」ということで、僕も Web Workers について発表してきた。 発表内容 Try WebworkersView more documents from H M. サンプルコード デモとして、バックグラウンドで足し算を行う JavaScript コードを紹介した。あと、1%分完了するたびに進捗状況を表示してる。計算してる途中でもブラウザが固まらないってのがポイント。 まずこれが HTML ファイル。入力ボックス、ボタン、結果表示欄があるだけ。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Web Workers を使って足し算する</title> <script type="applic
HTML5 Tech Talk -- Canvas 編
告知通り HTML5 の Tech Talk に参加した。セッションは二つ。 オフライン・ウェブ・アプリケーションを作るための API の説明 HTML5 で絵を描くための Canvas の説明 本エントリーは後者の Canvas セッションのメモ書き。 Canvas VS. SVG ウェブ・ブラウザーで絵を描くといったら、SVG が有名。Canvas は何が違うのか? 相違点を列挙して下さった。 JavaScript を使って描画 描いた図を個別に認識できない (JavaScript で後からいじれない: 位置をずらすとかね) 描画が高速 ピクセル操作が可能 SVG XML 形式のマークアップで図を表現 描いた図を個別に認識できる (JavaScript で後からいじれる) 要素が増えると重くなる ピクセル操作は不可能 結果、Canvas はマンデルグローブ集合のような複雑な図を描くのが
HTML5 のセクションアウトラインを生成してみよう！ - IT戦記
昨日 HTML5 のセクションアウトラインを取得する JavaScript - IT戦記 という記事で、以下の JavaScript ファイルを公開しました Outliner.js で 公開したのはいいのですが、 @amachang 使い方がわからんです…。見てるページで試せるように、Bookmarkletになっていると嬉しいです。 http://twitter.com/os0x/status/3972339847 …肝心の使い方を書くのを忘れていました＞＜ ＞＜ というわけで簡単に使い方を解説したいと思うます。 手順は 2 ステップ 1. まず outliner.js を読み込む <!DOCTYPE html> <html> <head> <title>hoge<title> <script type="text/javascript" src="http://amachang.saku
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jsvectoreditor.googlecode.com/svn/trunk/index.html
「スマートフォン版GREE HTML5+JavaScript & Android」講演資料公開いたしました | GREE Engineering
Engadget | Technology News & Reviews
http://jp.droidget.com/mobile-5/html5
俺Javascript勉強会資料