Your SlideShare is downloading. ×
HTML5時代のwebクリエイターに必要なこと
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

HTML5時代のwebクリエイターに必要なこと

1,325
views

Published on

Published in: Technology

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,325
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
3
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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript

    • 1. HTML5時代のWEBクリエイター に必要なこと TechLion Kobe 2012.10.4 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. http://dev.w3.org/html5/decision-policy/html5-2014-plan.html
    • 6. HTML5の特長
    • 7. HTML5の特長• マシンリーダブルな文章構造• Webアプリケーションに必要な 多くの機能
    • 8. HTML5の特長 • マシンリーダブルな文章構造 • Webアプリケーションに必要な 多くの機能今日はこちらを簡単に紹介
    • 9. ? どれだけすごいの?
    • 10. グラフィック系のデモ Te c h L i o n i n K o b• http://roxik.com/mona/• http://panasonic.jp/lamdash/dna/• https://developer.mozilla.org/ja/demos/detail/ snappytree/launch• http://helloracer.com/webgl/ HTML5-WEST.jp
    • 11. 他にも様々な機能がある Te c h L i o n i n K o b • Geolocation   http://bit.ly/YSQoN • WebSocket   http://bit.ly/1UpYug • WebStorage   http://bit.ly/Ugotk • IndexedDB   http://bit.ly/5eSeBs ... Webアプリで実現できなかったことが可能になる。 HTML5-WEST.jp
    • 12. ? 一番注目の機能は? (個人的に)
    • 13. オフライン駆動関連 Te c h L i o n i n K o b • AppCache   http://bit.ly/O36Oui • WebStorage http://bit.ly/Ugotk • IndexedDB http://bit.ly/5eSeBs HTML5-WEST.jp
    • 14. 月と地球
    • 15. 月と地球 約 384,400 km光速だと約2.5秒で往復
    • 16. ちたま 光速だと約2.5秒で往復 地球のWEBサーバーとの通信は 物理的に遅延する。 NowLoading... が月のユーザーの ストレスにならないように非同 期処理、オフライン時の動作を 高いレベルで実装する必要があ る。
    • 17. ちなみに 火星と地球 約 7000万 km光速で往復 約25分くらいらしい オフライン動作必須!!
    • 18. HTML5はWebを変える。そしてWeb制作を変える。
    • 19. HTML5を駆使するWEBクリエイターに求められるのは何か?
    • 20. HTML5制作のいま Te c h L i o n i n K o b • より高度な制作能力が求められる 洗練されたアプリケーションデザイン、各APIの専門的な知識... • Web以外の制作知識が必要 ゲーム、モバイル、ネットワーク、組込機器... • 他業種参入に対する付加価値 他業種のHTML5採用、ウェブ制作会社の専門業でなくなってきている HTML5-WEST.jp
    • 21. ? ウェブクリエイターに求められ るスキルとは?
    • 22. これからのWEB制作者の持ち味 Te c h L i o n i n K o b • 自分の専門分野に対する深い造詣 Canvas高速化、データ非同期連携、端末毎の動作検証... • WEB技術全ての知識と判断 全てをおさえた上で、何が使えて何が使えないかケース毎に判断できる • 常に新しいことに取り組む姿勢 半年前のTIPSは通用しない世界。自分の技術も日々アップデートさせる HTML5-WEST.jp
    • 23. これらを一人でやるのはしんどいので、、、orz
    • 24. 制作チームで、分担・共有するのはどうでしょうか?
    • 25. チームワークを高品質に遂行するためのコミュニケーション能力を身につける。
    • 26. コミュニケーションという付加価値 Te c h L i o n i n K o b ON HTML5 FIELD 第9回 HTML5制作現場に求められるクリエイターのスキルセット より http://bit.ly/uv49BX HTML5-WEST.jp
    • 27. アジャイルなプロジェクトは、短期間高密度。個々人の技術力よりも密なチームワークがリリースの品質を決めると思う(経験談)
    • 28. チームのスタッフ(プログラマー、デザイナー、ディレクター)がお互いの技術概要を理解し、立場を尊重してコミュニケーションをとる。
    • 29. HTML5-WEST.jp各々が専門家として責任のある技術的判断をし、他者に理解できるよう情報を共有する。目的、品質を共有して同じゴールに向かって前向きに取り組めるチームをつくる。HTML5というパラダイム・シフトの中で、WEBクリエイターは新しい技術、自分のあり方を見つけることでシフトアップできる。
    • 30. WEB制作に特化した高度なコミュニケーション技術を洗練していくことが、今後のWEB制作専業者の強みになるかもしれない。
    • 31. 一方で、
    • 32. 専門家なら、バズワードにも踊らされちゃダメだよね。
    • 33. Q. Flashは死ぬのか?
    • 34. A. もうそろそろダマされんな。
    • 35. 何かと同じ土俵で比べられる両者ですが、
    • 36. 『ノコギリvs包丁 どっちが切れる!?』 にみえる今日このごろw
    • 37. Thanks!