HTML5のみで実現したグラフィックツール「Sketchpad」 0-50

2010年02月09日

1 ：ボールペン(東京都)：2010/02/09(火) 11:37:19.66 ID:8euh/S9D

「HTML5があるからFlashは必要ない」とは、米Apple CEOのSteve Jobs氏を含む複数の業界関係者らの
見解(【レポート】 Apple ジョブズCEOの”怠け者”発言にAdobe CTOが反論 - Flashの裏事情と見解)だが、
確かにHTML5の登場が Flashがこれまで担っていた役割の一部を置き換えていくことは確実だろう。
HTML5の機能や実力を紹介するパワーデモはいくつか存在するが、今回紹介するドローイングソフト
「Sketchpad」もその1つだ。

百聞は一見にしかず、まずはSketchpadのサイトにアクセスしてみてほしい。
HTML5をサポートしているWebブラウザであれば、ここに掲載したサンプルのような画面が出るはずだ。
HTML5では「Canvas」タグのサポートが行われるが、これによりグラフ描画が容易になるほか、今回の
Sketchpadのようなドローイングソフトの表現が可能になる。JavaScriptとCanvasを組み合わせることで、
HTMLのみでちょっとしたドローアプリケーションの出来上がりだ。
これまで、グラフ描画や高度なグラフィック表現のためにFlashやFlexが利用されるケースが多かったが、
今後はこうした用途ではHTML5 の利用が進んでいくことだろう。

HTML5ではこのほか、ビデオ再生やオフライン動作モード、ローカルストレージへのアクセスといった機能
が提供される。Googleも Chromeの最新バージョンではGearsよりもHTML5サポートを優先するとしており、
一気にメジャーな存在としてクローズアップされることになりそうだ。
Flashをいきなりすべて置き換えることは現実的ではないとしても、その役割の一部は順次HTML５へと
移行していくことになりそうだ。

http://journal.mycom.co.jp/news/2010/02/09/004/index.html

Sketchpad
http://mugtug.com/sketchpad/

∈∈∈　スレ立て依頼所　∋∋∋
http://tsushima.2ch.net/test/read.cgi/news/1265355927/543

3 ：トレス台(埼玉県)：2010/02/09(火) 11:47:34.22 ID:rMCc4rVU

すげえな

4 ：セラミック金網(大阪府)：2010/02/09(火) 11:50:24.94 ID:+Q2oklx7

確信した。
フラッシュなんかいらない。

5 ：銛(catv?)：2010/02/09(火) 11:51:12.86 ID:JdWJCBSi

真っ黒だった

6 ：オートクレーブ(アラバマ州)：2010/02/09(火) 11:52:23.79 ID:uwNCKina

すげぇ、こりゃ面白いや

7 ：三角架(神奈川県)：2010/02/09(火) 11:53:12.80 ID:9GQkQPVx

>>1
ソース見たらXHTML1.0で残念

8 ：じゃがいも(dion軍)：2010/02/09(火) 11:53:43.25 ID:eLFUaIEh

おい真っ暗だぞブラウザ何で見れば良いんだ？

9 ：シャープペンシル(東京都)：2010/02/09(火) 11:53:47.50 ID:MOceC0wN

そんな事よりシルバーライトしようぜ！

10 ：釣り竿(関西地方)：2010/02/09(火) 11:53:52.27 ID:sAUPtjLD

HYML5の規格がまとまった時点でクラウドの時代に一気に
突入するということだ

11 ：昆布(千葉県)：2010/02/09(火) 11:54:04.80 ID:e3nijxZr

凄すぎてワロタ
次は3Dだな

PR

12 ：エビ巻き(中国地方)：2010/02/09(火) 11:57:00.72 ID:SotteKPQ

IE系はだめなのか

14 ：カラムクロマトグラフィー(京都府)：2010/02/09(火) 11:57:41.79 ID:CaaBBAIK

すげぇ。

15 ：ボウル(茨城県)：2010/02/09(火) 11:59:29.58 ID:ssDU8L7w

ソースコード丸見えなのは何とかならないのか

16 ：三角架(愛知県)：2010/02/09(火) 12:00:02.37 ID:YGebhP4r

一方Flashで動くイメージエディタは
http://pixlr.com/editor/

17 ：昆布(千葉県)：2010/02/09(火) 12:00:35.16 ID:e3nijxZr

GoogleがXAML、MXMLに代わるもの開発してくれたらFlashから移行するわ

18 ：昆布(中部地方)：2010/02/09(火) 12:01:22.22 ID:lxFoNF4s

何で背景ピンクで塗られてんの？ヘンタイ！

19 ：スプリッター(石川県)：2010/02/09(火) 12:01:27.92 ID:GM6+HN6P

はよFlash滅ぼしてくれ

20 ：昆布(石川県)：2010/02/09(火) 12:02:44.04 ID:4Yds/7Mv

AdobeはPC界のガン
早く切り捨てるべき

21 ：めがねレンチ(千葉県)：2010/02/09(火) 12:03:47.81 ID:Lxd0+r2p

うごかねえよｗ
真っ黒

22 ：紙(埼玉県)：2010/02/09(火) 12:04:57.02 ID:a9aN+F5W

動かない奴ってどんだけ前世代のブラウザ使ってるの

PR

23 ：ローラーボール(アラバマ州)：2010/02/09(火) 12:05:05.81 ID:K+EJJZMs

すげー軽いな。

24 ：篭(山口県)：2010/02/09(火) 12:06:24.17 ID:lQNGBceh

ユーチューブのHTML5なんか既に読み込んでるし

25 ：上皿天秤(大阪府)：2010/02/09(火) 12:06:25.27 ID:+SUp1EEf

>>16
こっちのほうがすごいな

26 ：原稿用紙(東京都)：2010/02/09(火) 12:06:29.97 ID:1Ea3nWqG

軽いわ最高
フラッシュ死すべし

27 ：トースター(埼玉県)：2010/02/09(火) 12:08:21.91 ID:/lDHGyVb

>>16
重いわ

28 ：試験管挟み(新潟県)：2010/02/09(火) 12:09:34.47 ID:u8GcpXVc

うちのボロパソコンでもファンがビクともしないぐらい軽い

29 ：すり鉢(アラバマ州)：2010/02/09(火) 12:09:49.81 ID:8OWWN6aR

Flashだとここまでできる! HTML5とFlashの機能比較
http://clockmaker.jp/blog/2010/02/flash-vs-html5/

http://clockmaker.jp/blog/wp-content/uploads/2010/02/100203-HTML5vsFlash.png

30 ：ばくだん(宮崎県)：2010/02/09(火) 12:09:57.41 ID:uqpiCduH

iPhoneでは一応動くけどドラッグするとスクロールしちゃうからぜんぜん使えないｗ

31 ：昆布(中部地方)：2010/02/09(火) 12:10:54.07 ID:lxFoNF4s

拡大とマスクとレイヤーの使い方教えろ

32 ：ボンベ(長屋)：2010/02/09(火) 12:11:12.87 ID:sKJW6Yz2

さようならflash

PR

33 ：やかん(アラバマ州)：2010/02/09(火) 12:11:45.63 ID:KbrUtZJS

>>16
すげえけど、誤ってウィンドウ消す可能性がある以上使う気になれない
タブ系のブラウザでロックできるならいいんだろうけど

34 ：昆布(石川県)：2010/02/09(火) 12:11:47.71 ID:4Yds/7Mv

IEだけ見れないな
本当どうしようもないなIEは

35 ：試験管(新潟県)：2010/02/09(火) 12:12:11.49 ID:hoFdley1

Flash終わったな

36 ：エリ(長屋)：2010/02/09(火) 12:12:32.60 ID:LX/BIX78

IE使ってる奴なんて、もはや人としてクズだろ。

37 ：テンプレート(京都府)：2010/02/09(火) 12:12:59.44 ID:7lEBmLId

>>1
JavaScriptオフだったら使えねえじゃん。

なにが「H　T　M　L　5　だ　け」だよ。嘘ついてんじゃねえ

38 ：すり鉢(アラバマ州)：2010/02/09(火) 12:13:58.00 ID:8OWWN6aR

http://www.ecodazoo.com/

http://www.hobnox.com/index.1056.en.html

FLASHならここまでできる

39 ：レーザーポインター(関西地方)：2010/02/09(火) 12:14:38.15 ID:1+80pHD1

文字で日本語打つとバグるな

40 ：砂鉄(大阪府)：2010/02/09(火) 12:15:30.33 ID:2O6WPXn6

>>11
３ＤはＶＲＭＬで1度廃れた。

41 ：グラインダー(東京都)：2010/02/09(火) 12:17:46.75 ID:boRhY8wd

普通にflashの方が多機能で良いからビビッたわｗｗｗ

42 ：バールのようなもの(長屋)：2010/02/09(火) 12:18:40.68 ID:6yu+V+mz

>>37
JSもHTMLも外部じゃないでしょ
つまりブラウザ自体で動かせるわけ

PR

43 ：スクリーントーン(東京都)：2010/02/09(火) 12:19:02.05 ID:nIuxQSLy

HTML5がただの規格で、実装がブラウザ任せなんだったなら、
現物のFlashPlayerのほうがいいだろ。

44 ：包丁(関西地方)：2010/02/09(火) 12:19:04.47 ID:Ev8vmjGY

無理してHTMLでやることかなあ。
高機能じゃどうせflashには勝てない限界があるんだし

45 ：紙やすり(静岡県)：2010/02/09(火) 12:20:09.82 ID:Mgc/Irf/

SilverLightは死産で終わるの？

46 ：バールのようなもの(長屋)：2010/02/09(火) 12:21:17.43 ID:6yu+V+mz

>>44
それじゃあローカルアプリでいいじゃんってなるだろ

47 ：ばくだん(宮崎県)：2010/02/09(火) 12:21:39.40 ID:uqpiCduH

>>37
HTML5ってJAVA使うの前提じゃないの？
ようつべのデモサイトもJAVA使ってたよ

48 ：駒込ピペット(北海道)：2010/02/09(火) 12:21:57.99 ID:BcXh5fDd

フラッシュより軽い

49 ：鏡(東京都)：2010/02/09(火) 12:22:14.45 ID:rGaskv74

右クリック出来ちゃうのが問題だな

50 ：集気ビン(埼玉県)：2010/02/09(火) 12:22:23.00 ID:082g/B2a

すげぇ
IE厨死亡ｗｗ

PR

HTML、Webページ、XHML、XML、ホームページ

2010年02月09日 | トラックバックURL |

カテゴリ: HTML

まだトラックバック、コメントがありません。

HTML5のみで実現したグラフィックツール「Sketchpad」 0-50 | HTMLの話題

HTML5のみで実現したグラフィックツール「Sketchpad」 0-50

タグ

関連するエントリー

トラックバック&コメント