More Related Content
What's hot (20)
Viewers also liked (20)
Similar to 贬罢惭尝5と奥别产开発に関する最新动向 (20)
More from Shumpei Shiraishi (20)
贬罢惭尝5と奥别产开発に関する最新动向
- 1. 贬罢惭尝5と奥别产开発に関する 最新動向 2013/3/26 株式会社オープンウェブ?テクノロジー代表取締役 HTML5開発者コミュニティ「html5j」 主催 白石俊平 (@Shumpei)
- 2. 自己紹介 ? 白石俊平と申します。 ? Web技術者コミュニティhtml5j管理人 ? HTML5とか勉強会主催（月一回、100名超を動員） ? Google API Expert (HTML5) ? Microsoft Most Valuable Professional (IE9) ? Twitter: @Shumpei
- 3. html5jとは ? 日本最大のWeb技術者コミュニティ – 2013年3月現在、会員数5,300人超 ? ビジョン:「世界で一番Web技術者コミュニティ が盛り上がっている国、日本」 ? 活動指針: 「つなげる、学べる、盛り上がる」 ? 近々非営利法人化を行い、よりパワフルに活動 を拡大していきます！
- 4. 贬罢惭尝5をモバイルアプリに统合しようと 考えている開発者の割合 Appcelerator/IDC Mobile Developer Report, Q1 2012
- 5. なぜ、HTML5か？ マルチプラットフォーム マルチデバイス 技術的な成熟
- 7. HTML5のマルチプラットフォーム 性が改めて注目されている ? 例：jQuery Mobileがサポートするプラッ トフォーム（Grade A） Apple iOS 3.2-5.0, Android 2.1-2.3, Android 3.1 (Honeycomb), Android 4.0 (ICS), Windows Phone 7-7.5, Blackberry 6.0, Blackberry 7, Blackberry Playbook (1.0-2.0), Palm WebOS (1.4-2.0), Palm WebOS 3.0, Firebox Mobile (10 Beta), Chrome for Android (Beta), Skyfire 4.1, Opera Mobile 11.5:, Meego 1.2, Samsung bada 2.0, UC Browser, Kindle 3 and Fire, Nook Color 1.4.1, Chrome Desktop 11-17, Safari Desktop 4-5, Firefox Desktop 4-9, Internet Explorer 7-9, Opera Desktop 10-11
- 9. 様々なスクリーンサイズ への対応 CREAN AIR WORKS
- 10. 2008 2009 HTML5 & CSS3 Readiness 2010 2013
- 11. ７つの「○○ウェブ」 オフライン スピーディ リアルタイム プラットフォーム レスポンシブ セマンティック インプレッシブ
- 12. オフライン奥别产 http://anata0321.blog78.fc2.com/?no=463 http://deha712.exblog.jp/8381024 http://ja.wikipedia.org/wiki/飛行機
- 13. オフライン奥别产 "オフライン時の変更は、 オンラインに戻った時に同期されます" Google 狠狠撸s
- 14. オフライン奥别产を実現する テクノロジー ? アプリケーションキャッシュ ? Web Storage ? Indexed Database API ? File API
- 15. リアルタイム奥别产 http://news.cnet.com/8301-30684_3-20002186-265.html
- 16. リアルタイム奥别产 Japanese Chalkboard
- 17. リアルタイム奥别产を実現する テクノロジー ? WebSocket ? Server-Sent Events ? WebRTC (Web Realtime Communication)
- 18. レスポンシブ奥别产 GRAVITATE
- 19. レスポンシブ奥别产 オフラインにも対応している WebApp Field Guide
- 20. レスポンシブ奥别产を実現する テクノロジー ? CSSメディアクエリ ? レスポンシブ?イメージ ? グリッドレイアウト
- 21. セマンティック奥别产 ？ Semantic Semantic <!DOCTYPE html> <html> ？ … </html>
- 23. セマンティック奥别产を実現する テクノロジー ? HTML5 Semantic Elements ? HTML5 Microdata ? RDF/RDFa/RDFa Lite ? Microformats ? ...
- 24. よりスピーディな奥别产
- 25. よりスピーディな奥别产 Normal Speedy
- 26. よりスピーディな奥别产を実現する テクノロジー ? SPDY ? HTTP/2.0 ? オフライン技術
- 27. プラットフォームとしての奥别产
- 28. プラットフォームとしての奥别产 ? デバイス固有の機能にアクセスすることも可 能に – 位置情報の取得 – カメラ?マイクにアクセス – 音声によるテキスト入力 – デバイスの向きや傾きを取得 – 温度や光、近接センサー – バイブレーション – アドレス帳、ギャラリーへのアクセス – ...
- 29. プラットフォームとしての奥别产 Tizen IVI Opera TV Store http://fureidofort.blogspot.jp/2012/04/tizen-10-ivi-preview-on-exopc-photos.html http://japanese.engadget.com/2011/09/08/opera-tv/
- 30. インプレッシブ奥别产
- 31. ChronoZoom ? 全宇宙史に関する様々なリソースを参照 できる奥别产アプリ
- 32. Flight Of The Navigator (Firefox Only) ? 3Dの仮想空間の中を飛び回る。 ? BGMに合わせて街中の明かりが明滅する 様は圧巻
- 33. インプレッシブ奥别产を実現する テクノロジー ? HTML5 Canvas ? SVG (Scalable Vector Graphics) ? WebGL ? Web Audio API
- 34. 今年以降のトレンドを予想してみ る ? 開発手法に関するトレンド ? デザインに関するトレンド
- 35. Single Page Application JavaScript MVCフレームワークの利用は一 般化するでしょう。 Backbone.js Ember.js Angular.js Sencha Touch jQuery Mobile
- 36. リアルタイム奥别产 主要なモバイルWebブラウザでも WebSocketの実装が完了した今、リアルタ イムWebはいよいよ本格的に普及するで しょう。 – 個人的には、Meteor (http://meteor.com)に注 目しています – 「リアクティブ?プログラミング」という用 語をたびたび聞く様になるかもしれません。
- 39. フラットなデザイン LayerVault
- 40. CSSアニメーション 3d animation using pure CSS3
- 41. ご清聴ありがとうございました。 白石俊平 (@Shumpei)