Html5制作の現在

  • 3,146 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,146
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
25
Comments
0
Likes
13

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. HTML5制作の現在HTML5-WEST.jp×gloops×Web CAT Studio 2012.8.29 BathTimeFish 村岡正和
  • 2. 自己紹介むらおか まさかず村岡正和 @bathtimefishWebアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティングHTML5-WEST.jp代表 / 京都GTUG / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など HTML5-WEST.jpHTML5 JavaScript Python中国拳法 主夫になりたい 炊事 Google Apps http://html5-west.jp/
  • 3. HTML5とは• HTMLの次のバージョンの仕様• 現在W3C Working Draft Last Call• 勧告を待たずに多くのブラウザが実 装をはじめている
  • 4. イマココ
  • 5. HTML5の特長
  • 6. HTML5の特長• マシンリーダブルな文章構造• Webアプリケーションに必要な 多くの機能
  • 7. HTML5の特長 • マシンリーダブルな文章構造 • Webアプリケーションに必要な 多くの機能今日はこっち
  • 8. 現在注目の機能 WCS x Gloops x • Canvas API • CSS3 特にゲーム開発で注目されている HTML5-WEST.jp
  • 9. Canvas API WCS x Gloops x • JavaScriptでグラフィック描画が可能 • グラッフィック系プラグイン不要 • スマートフォンでのグラフィック描画では鉄板 • 簡単高機能 • 最近はスマフォでもハードウェアアクセラレート HTML5-WEST.jp
  • 10. HTML5-WEST.jphttp://www.spielzeugz.de/html5/space-noodles/ http://roxik.com/mona/ DEMO
  • 11. CSS3 WCS x Gloops x • 超簡単高機能 そもそもプログラミング言語 じゃない • 要素を高度に装飾、移動、変形できる • モノによってはCanvasよりも手軽に高速なア ニメーションができることも • iOSは古くからハードウェアアクセラレート している HTML5-WEST.jp
  • 12. HTML5-WEST.jphttps://developer.mozilla.org/en-US/demos/detail/ cssplay-go-slide-v11/launch http://panasonic.jp/lamdash/dna/ DEMO
  • 13. つかいどころ WCS x Gloops x最近PVが多くなってきたデバイスのWebブラウザ HTML5-WEST.jp
  • 14. つかいどころ WCS x Gloops x最近PVが多くなってきたデバイスのWebブラウザ スマートデバイスとか HTML5-WEST.jp
  • 15. つかいどころ WCS x Gloops x最近PVが多くなってきたデバイスのWebブラウザ スマートデバイスとか スマートデバイスとか HTML5-WEST.jp
  • 16. つかいどころ WCS x Gloops x最近PVが多くなってきたデバイスのWebブラウザ スマートデバイスとか スマートデバイスとか あと、 HTML5-WEST.jp
  • 17. つかいどころ WCS x Gloops x最近PVが多くなってきたデバイスのWebブラウザ スマートデバイスとか スマートデバイスとか あと、 スマートデバイス HTML5-WEST.jp
  • 18. スマートデバイスな理由 WCS x Gloops x• 今売れている• WebブラウザでFlashが動作しない• HTML5非対応Webブラウザがない• PCよりも急速にニーズが拡大している• HTML5技術でアプリを開発できる手 段が豊富 HTML5-WEST.jp
  • 19. いいことずくめにみえるけど、実際そうじゃない(経験談)
  • 20. 経験談 WCS x Gloops x• Webブラウザごとに実装や動作がまちまち• 詳細な動作検証と開発技術のチョイスに時間 がかかる• 言ってるとおりに動かない• Androidが特に大変 http://slidesha.re/IzSgd5 HTML5-WEST.jp
  • 21. 結局いまのところクロスブラウザ対応がWebクリエイターの腕のみせどころ。
  • 22. 結局いまのところクロスブラウザ対応がWebクリ エイターの腕のみせどころ。はっきりいってPCよりしんどいです。 がんばってください
  • 23. Progressive enhancementなどのコンセプトでいかにクライアントとトレードオフができるかがWebディレクターの腕のみせどころ。
  • 24. 閑話休題
  • 25. Q. Flashは死ぬのか?
  • 26. A. もうそろそろダマされんな。
  • 27. なぜHTML5を学ぶのか?
  • 28. HTML5-WEST.jpHTML5は次世代のWeb標準技術。同時に多種多様なWeb製作技術のひとつでもある。
  • 29. HTML5-WEST.jpHTML5は次世代のWeb標準技術。同時に多種多様なWeb製作技術のひとつでもある。
  • 30. HTML5-WEST.jpHTML5の登場でまたひとつ選択肢が広がった。HTML5を深く学ぶ。と同時に、既存の技術の造詣をさらに深める。それぞれの違いを知る事で、ケースごとに最適な技術選択する。それが現在のWeb制作の本質である。
  • 31. Thanks!