1. ボクたちのWWW
Webクリエイターのこれからを考える
FutureSync 2013
2013.5.11
Bathtimefish 村岡 正和

2. 自己紹介
Webアプリケーション開発 IT業務システム設計/開発
Webサービス導入/事業戦略コンサルティング
HTML5-WEST.jp代表 / 京都GTUG / CSS Nite in OSAKA / 神戸ITフェス
ティバル実行委員など
むらおか まさかず
村岡正和 @bathtimefish
http://html5-west.jp/
HTML5-WEST.jp
HTML5 JavaScript
中国拳法 Python 主夫になりたい
炊事 Google Apps

3. マークアップ部発足！
html5j.org
初代 部長になりました。

4. 監修しました。
実例ごとの実装例がたくさん書いてあ
ります。ウェブサイト制作やCMSの運
用時に便利です。
好評販売中！！

5. 本題

6. 今日のおはなし
•Webが向かっているところ
•HTML5
•WebApps beyond NativeApps
•これからのWebを担うということ

7. まあ個人的な見解と展望ですが、
聞いてやってください。
m(_ _)m

8. Webはどこに向かっているのか？

9. WebPlatform

10. http://www.webplatform.org/
WebPlatform.org

11. One Web
あらゆるWebコンテンツが存在するただひとつの場所

12. Blog
Book
Photo
Movie
Music News
Friends

13. Webは全地球的な
データプラットフォーム

14. What s next?
次は何がくる？

15. Web Application
based

16. HTML5
& Latest Web Technologies

17. What s HTML5
• Webの進化を爆速にしたキーワード
• HTML5 is Candidate Recommendation now.
• つづきは HTML5.1 で
• 一般的にはHTML5とそれを取り巻くWeb技術仕様
の総称として使われている

18. HTML5 (spec)

19. HTML5 (Web Technology)

20. 余談ですが、
ボクが注目している
HTML5関連技術

21. AppCache
&
WebStorage

22. オフラインを想定した
非同期データ処理

23. なぜか？

24. 月と地球
約 384,400 km
光速だと約2.5秒で往復

25. 光速だと約2.5秒で往復ちたま
地球のWEBサーバーとの光通信
でも物理的に遅延する。もしく
は繋がらない。
いつまでたっても
白い画面...

26. 最新データのダウンロー
ドが終わるまではキャッ
シュされたデータを表示
既存のデータだけを素早
く利用できるようにする
ダウンロード完了時にデ
ータを更新する
データ送信は一旦デバイ
スに保存、後でゆっくり
サーバーに送る
地球からのデータは遅い
ので、待ってられない&
よく切断する
AppCache+WebStrageでの非同期データ送受信

27. さらに、

28. オフライン動作必須！！
火星と地球
光速で往復 約25分くらいらしい
約 7000万 km

29. でもまあ、
これからはWebアプリの時代
なのは確実だと思うよ。

30. What s doing now?
今どうなってんの？
HTML5 based WebApp

31. 最近のウェブ技術の進化
•機能性
•安定性
•高速性
•相互運用性
HTML5 APIs
WebBrowser evolution
asm.js...
FirefoxOS, Tizen...

32. HTML5 APIs (especially Device APIs)
Bluetooth, NFC, USB, Camera, P2P,
Geolocation, Socket, Filesystem Calender,
SMS, Screen Orientation, Notification, Power
Management...
高機能なAPIの実装によってWebアプリの性能
も向上する。特にデバイス操作系に注目。

33. WebBrowser evolutions
GoogleのBlinkへの乗り換え
代表的なWebブラウザ（他のWebkit系, IE,
Firefox)の劇的な進化がWebアプリの動作を安
定させる。

34. Optimization, fast! fast!
Asm.js
JavaScriptに対するlow levelでの高速化の取り
組みがはじまった。JSが重いというのは過去の
話。
Uglify, Closure compilerなどコードレベルの最
適化やES5なども高速化に貢献

35. Web feature OS
FirefoxOS Tizen
Webアプリを基本機能に据えるOSの登場
ひとつのWebアプリが様々なプラットフォーム
で動作する。Webアプリはブラウザの枠を超え
る。この相互運用性がWebアプリの本質

36. NativeApps beyond WebApps
WebアプリはNativeアプリに追いつき、超えようとしている

37. この状況にあって、

38. Webクリエイターは
自身をどう見つめるか？

39. ひろがるウェブ技術活用シーン
•ウェブ制作はサイトからアプリケーションへ
•ウェブ技術はウェブブラウザの外へ
•ウェブビジネスはウェブ制作業界の外へ

40. ひろがるウェブ技術活用シーン
FirefoxOS
WinJS
QNX Car2 Google Glass Mirror API
Tizen IVI

41. Webクリエイターにとっての
よいこと？ わるいこと？

42. 誰でも使えるWeb技術
•easy & powerful
•Open technology
•Open coumunity
初心者にもやさしい
タダではじめられる
豊富なノウハウ共有

43. ウェブ制作のこれから
Web技術の進化で仕事の効率がよくなる
Web技術の普及で仕事のジャンルがふえる
市場が広がって業界の景気がよくなるかも？

44. 誰でも使えるWeb技術
•easy & powerful
•Open technology
•Open coumunity
プロじゃなくてもいい
新規参入がカンタン
急速なコモディティ化

45. ウェブ制作のこれから
敷居が低くなってライバルが増える
競争が激化して仕事の単価が下がる
ウェブ専業体制の崩壊？

46. 我々は幸せになれるのか...?

47. Yes!
Change your mind！

48. Change the definition of
"Web Creator"
「ウェブクリエイター」の定義を変えよう

49. 今までのWebクリエイター
• Web制作を行う技術者
• Web制作マネージャ
• 制作に関わる人

50. これからのWebクリエイター
• Web制作シーンで高いパフォーマンスを発揮できる人
• 様々な場面でWeb技術を活用できる人
• Webが関係する仕事でイニシアチブを発揮できる人

51. 作る から 創るへ
もう 作業者 ではない。

52. 広がるWeb活用。その第一線を創る人材が、
Web Creator

53. デザイン コーディング
アドバイス... なんでもいい、

54. 深い知識 実践力 ノウハウ
最新の情報 様々な業界
業務のシーンでそれらが活かせる人材
Webに関する

55. そいつをWebクリエイターと
呼ぼうじゃないか！

56. Webは未来を創る技術のひとつ

57. Webを活かせること。それは世界の
未来を創るということ

58. Webを活かす。それがあなた自身の
未来を創る

59. それが、これからのWebクリエイター

60. WWW

61. Web for One, Web for All
by Web Creators.

62. Thanks.