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

HTML5のみで実現したグラフィックツール「Sketchpad」
「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をいきなりすべて置き換えることは現実的ではないとしても、その役割の一部は順次HTML5へと移行していくことになりそうだ。



マイコミジャーナル
Sketchpad


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


4: セラミック金網(大阪府) :2010/02/09(火) 11:50:24.94 ID:+Q2oklx7
確信した。
フラッシュなんかいらない。


6: オートクレーブ(アラバマ州) :2010/02/09(火) 11:52:23.79 ID:uwNCKina
すげぇ、こりゃ面白いや


21: めがねレンチ(千葉県) :2010/02/09(火) 12:03:47.81 ID:Lxd0+r2p
うごかねえよw
真っ黒


22: 紙(埼玉県) :2010/02/09(火) 12:04:57.02 ID:a9aN+F5W
動かない奴ってどんだけ前世代のブラウザ使ってるの


23: ローラーボール(アラバマ州) :2010/02/09(火) 12:05:05.81 ID:K+EJJZMs
すげー軽いな。


28: 試験管挟み(新潟県) :2010/02/09(火) 12:09:34.47 ID:u8GcpXVc
うちのボロパソコンでもファンがビクともしないぐらい軽い


34: 昆布(石川県) :2010/02/09(火) 12:11:47.71 ID:4Yds/7Mv
IEだけ見れないな
本当どうしようもないなIEは


36: エリ(長屋) :2010/02/09(火) 12:12:32.60 ID:LX/BIX78
IE使ってる奴なんて、もはや人としてクズだろ。


10: 釣り竿(関西地方) :2010/02/09(火) 11:53:52.27 ID:sAUPtjLD
HYML5の規格がまとまった時点でクラウドの時代に一気に
突入するということだ


11: 昆布(千葉県) :2010/02/09(火) 11:54:04.80 ID:e3nijxZr ?2BP(3333)
凄すぎてワロタ
次は3Dだな


40: 砂鉄(大阪府) :2010/02/09(火) 12:15:30.33 ID:2O6WPXn6
>>11
3DはVRMLで1度廃れた。


13: 落とし蓋(空) :2010/02/09(火) 11:57:11.29 ID:vZnqru+K
>「HTML5があるからFlashは必要ない」

問題はHTML5が優れてるかどうかじゃなくて、Flashを使ったサイトが見れるかどうかだよな。
糞箱があるからDSなんか必要ないって言う、友達のいない奴みたいだな。


16: 三角架(愛知県) :2010/02/09(火) 12:00:02.37 ID:YGebhP4r
一方Flashで動くイメージエディタは


25: 上皿天秤(大阪府) :2010/02/09(火) 12:06:25.27 ID:+SUp1EEf
>>16
こっちのほうがすごいな


27: トースター(埼玉県) :2010/02/09(火) 12:08:21.91 ID:/lDHGyVb
>>16
重いわ


33: やかん(アラバマ州) :2010/02/09(火) 12:11:45.63 ID:KbrUtZJS
>>16
すげえけど、誤ってウィンドウ消す可能性がある以上使う気になれない
タブ系のブラウザでロックできるならいいんだろうけど


140: 錐(アラバマ州) :2010/02/09(火) 15:54:26.29 ID:LVWNFr8j
>>16
どうせ大したこと無いだろうと思って開いたらスゴすぎワロタ


187: ムーラン(北海道) :2010/02/09(火) 21:37:31.12 ID:KazRuxlG
>>16
これすごいな。ただ、いらないのに無理にflash使ってるサイトが多いんだよな。
web屋が悪いのか?メーカーのサイトで商品情報見たいだけなのに
flashで待たされたりする意味がわからん。


72: アリーン冷却器(東京都) :2010/02/09(火) 12:38:56.18 ID:PJuXVonZ
>>16
Flashでクライアントアプリ並のUIが作れるのに、イマイチ認知されてないよね。

俺もFlexでUIを作ってるけど、
有料コンテンツだったりイントラネット用だったりするので、一般ユーザーの目には入らない。

実際、企画会議でも一般ユーザーである相手方はFlashでやれる事を認知していない。
Flash=糞ムービーという認識。


74: 昆布(東京都) :2010/02/09(火) 12:42:40.96 ID:IwXjDYG+
>>72
Flash=広告
なイメージだからなあ

Flashでゲームとかやってるからいろいろ作れるのはわかるけど


80: グラインダー(東京都) :2010/02/09(火) 12:46:13.28 ID:boRhY8wd
>>72
Flashってそういう一般ユーザーの目には入らない所で使ってれば良いんじゃない
一般ユーザーには、糞重いかつ非安全なwebアプリなんていらないからさ


83: スプーン(三重県) :2010/02/09(火) 12:53:01.04 ID:D1N9gpDI
>>72
最近だと郵便局の年賀状作成アプリがFlashだったよね。
このスレでも使った奴はいるだろ


17: 昆布(千葉県) :2010/02/09(火) 12:00:35.16 ID:e3nijxZr ?2BP(3333)
GoogleがXAML、MXMLに代わるもの開発してくれたらFlashから移行するわ


29: すり鉢(アラバマ州) :2010/02/09(火) 12:09:49.81 ID:8OWWN6aR
Flashだとここまでできる! HTML5とFlashの機能比較
http://clockmaker.jp/blog/2010/02/flash-vs-html5/



30: ばくだん(宮崎県) :2010/02/09(火) 12:09:57.41 ID:uqpiCduH
iPhoneでは一応動くけどドラッグするとスクロールしちゃうからぜんぜん使えないw


37: テンプレート(京都府) :2010/02/09(火) 12:12:59.44 ID:7lEBmLId
>>1
JavaScriptオフだったら使えねえじゃん。

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


42: バールのようなもの(長屋) :2010/02/09(火) 12:18:40.68 ID:6yu+V+mz
>>37
JSもHTMLも外部じゃないでしょ
つまりブラウザ自体で動かせるわけ


47: ばくだん(宮崎県) :2010/02/09(火) 12:21:39.40 ID:uqpiCduH
>>37
HTML5ってJAVA使うの前提じゃないの?
ようつべのデモサイトもJAVA使ってたよ


38: すり鉢(アラバマ州) :2010/02/09(火) 12:13:58.00 ID:8OWWN6aR
http://www.ecodazoo.com/


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


FLASHならここまでできる


41: グラインダー(東京都) :2010/02/09(火) 12:17:46.75 ID:boRhY8wd
普通にflashの方が多機能で良いからビビッたわwww


43: スクリーントーン(東京都) :2010/02/09(火) 12:19:02.05 ID:nIuxQSLy
HTML5がただの規格で、実装がブラウザ任せなんだったなら、
現物のFlashPlayerのほうがいいだろ。


44: 包丁(関西地方) :2010/02/09(火) 12:19:04.47 ID:Ev8vmjGY
無理してHTMLでやることかなあ。
高機能じゃどうせflashには勝てない限界があるんだし


52: グラインダー(東京都) :2010/02/09(火) 12:22:45.34 ID:boRhY8wd
マジな話、これからはSilverLightが一番良いと思うんだが


55: 紙やすり(静岡県) :2010/02/09(火) 12:24:55.57 ID:Mgc/Irf/
作る側と楽さとしては

SilverLight>JavaScript+HTML5>>>>ActionScript(Flash)

じゃね?


56: メスシリンダー(アラバマ州) :2010/02/09(火) 12:24:58.98 ID:lEoqKeLT
MS工作員はSilverlightを推します


62: グラインダー(東京都) :2010/02/09(火) 12:30:02.94 ID:boRhY8wd
>>56
工作員じゃ無くてもSilverlightがマシだと思うけど
Flashより自由度高いし、安全性もマシだよ
HTML5なんていつになるか分からないしな


98: 蛸壺(アラバマ州) :2010/02/09(火) 13:12:16.26 ID:1Zu67i4N
>>62
HTML5は、もう仕様は確定しているんだから、あとは、
MSがどれだけ自社仕様との帳尻あわせを詰められるか、
というところだと思う。

SLは俺も期待してる。お気楽アニメーションツールだった
はずなのに、ShockWaveの引継ぎでゴチャゴチャなもの
になっちまった。未だ簡易なストリームもできないし。

SLは、SL単体はMSのものだけど、いろんな製品と組み
合わせて、フリーのストリームサーバーもセキュアに組み
込むことができるし、なによりも、Flashみたいにムービー
ベースじゃなく、スクリプトありきでGUIもできればムービー
もできれば、というところがいいと思う。.netランタイムが、
SLのついでに、いろんなプラットホームに移植されるように
なれば、Linuxでいまひとつ決定打がないGUIツールの
定番になるかもしれないし。


101: スプーン(三重県) :2010/02/09(火) 13:16:35.55 ID:D1N9gpDI
>>98
Flashがムービーベースっていつの時代の認識で止まってるんだよ


109: 昆布(千葉県) :2010/02/09(火) 13:24:27.40 ID:e3nijxZr ?2BP(3333)
>>98
>フリーのストリームサーバーもセキュアに組み 込むことができるし、なによりも、Flashみたいにムービー
>ベースじゃなく、スクリプトありきでGUIもできればムービー
>もできれば、というところがいいと思う。

>いろんなプラットホームに移植されるように

えーと、Flashはどっちも達成済みじゃない?


64: スプリッター(石川県) :2010/02/09(火) 12:32:26.76 ID:GM6+HN6P
Silverlight使ってるとこなんて音泉くらいしか知らんわ


71: 電子レンジ(アラバマ州) :2010/02/09(火) 12:37:07.75 ID:unQf4W4a
>>64
2ちゃんじゃ有名なJR会津若松駅のライブカメラもSilverlightになってる
プラグインでWMPを使ってたストリーミング系のサイトが
Silverlightに変えてると思う


63: 偏光フィルター(宮城県) :2010/02/09(火) 12:30:36.30 ID:AUvwlomw
良く出来てるな。図や動画といった要素はこれからますます基本要素となっていくんだろうな
残るFLASHの用途としてはゲームくらい?とりあえずトップページにムービーどーん!な使われ方は死滅して欲しい


66: スクリーントーン(東京都) :2010/02/09(火) 12:33:54.34 ID:nIuxQSLy
>>63
それは作成者の問題であってツールの問題ではないと思うよ。
HTML5だろうがSLだろうが、やっぱり糞が作れば果てしない糞ができると
思う。(HTML5なら作成者の意図を無視して自動的に飛ばしてくれるなんての
なら違うかもしれんが)


111: 目打ち(兵庫県) :2010/02/09(火) 13:28:59.75 ID:S//tAGph
>>66
全くそのとおり
>>1みたいにHTML5でFlashと同じ事が出来るスゲーなんて喜んでる場合じゃないわな
Flashと同じ事やったらHTML5ウゼー邪魔に変わるだけなんだよ


68: 回折格子(長屋) :2010/02/09(火) 12:34:12.56 ID:r+2N8bNP
ユーザーから見たらflashだろうがhtml5だろうが関係ないんだよな。
面倒がなく、快適に動けば何でもよくて。
HTML5に移行したからって今のクソフルFlashみたいなサイト作ってたら意味ないわな。



おまけ

97: マジックインキ(東京都) :2010/02/09(火) 13:11:56.67 ID:kTE7fMjs
クソブラウザ判定

#表示テスト

ACID2
http://acid2.acidtests.org/


ACID3
http://acid3.acidtests.org/


ICC
http://www.color.org/version4html.xalter


modernizr CSS3/HTML5 対応チェック
http://chirashi-no-ura.net/modernizr/
http://www.modernizr.com/


#JavaScriptベンチマーク


sunspider
http://www2.webkit.org/perf/sunspider-0.9/sunspider.html


peacekeeper
http://service.futuremark.com/peacekeeper/index.action


V8
http://v8.googlecode.com/svn/data/benchmarks/v4/run.html


lifebench
http://www1.ocn.ne.jp/~tabby/games/lifebench.html


137: セロハンテープ(愛知県) :2010/02/09(火) 15:42:29.34 ID:Jfxuf2Jm
Sketchpad
http://mugtug.com/sketchpad/

HTML5


splashup
http://www.splashup.com/

フラッシュ


166: 昆布(東京都) :2010/02/09(火) 18:27:01.59 ID:GlmcFfU9
http://journal.mycom.co.jp/news/2010/01/27/033/index.html
なんか面倒臭いことになってるのな



167: 和紙(東京都) :2010/02/09(火) 18:31:22.70 ID:wgHHUbUQ
http://www.youtube.com/html5
ここの設定でHTML5を有効にするとGoogle ChromeならHTML5でYoutubeが見れるよ
Firefoxは未対応


177: フードプロセッサー(大阪府) :2010/02/09(火) 20:14:29.87 ID:KQ6tCRc4
そりゃAdobeも焦るわなぁ。


178: アリーン冷却器(東京都) :2010/02/09(火) 20:26:53.02 ID:PJuXVonZ
>>177
Adobeは余裕ぶっこいてる

http://ascii.jp/elem/000/000/459/459590/


ただ、HTML5はいろいろな問題を抱えています。肝心の「ブラウザー間の互換性をどうとるか」
との問いに対する解決策はまだ示せていません。
HTML5の目的が「スタンダードでオープンなWebを実現すること」だとしたら、
HTML5をサポートするブラウザーはどれも一貫した実装をする必要があるはずです。
しかし、HTML5のどの部分がすべてのブラウザーに実装されるのか、まだ分かりません。


HTML5の完成には、あと10年はかかるでしょう。


――グーグルなどのHTML5推進派の主張を聞いていると、まるで「Flashはもう要らない」と言っているようにも聞こえます。
それはグーグルの主張ですよね(笑




このエントリーをはてなブックマークに追加


0 コメント :

コメントを投稿

【注意】投稿前にコメントの名前欄の確認を!!【注意】
Googleアカウントにログインした状態でコメントする際は、「コメントの記入者」の欄をよく確認してから投稿するようお願いいたします。

自動スパム検出機能により投稿が反映されない場合があります。スパムでないことが確認でき次第公開しますので、しばらくお待ちください。