{"id":2344,"date":"2012-09-10T10:30:48","date_gmt":"2012-09-10T01:30:48","guid":{"rendered":"http:\/\/stocker.jp\/diary\/?p=2344"},"modified":"2013-12-02T01:20:16","modified_gmt":"2013-12-01T16:20:16","slug":"html5-conference-2012","status":"publish","type":"post","link":"https:\/\/stocker.jp\/diary\/html5-conference-2012\/","title":{"rendered":"HTML5\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b92012\u306e\u8cc7\u6599\u307e\u3068\u3081"},"content":{"rendered":"<p>HTML5\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b92012\u306e\u8b1b\u6f14\u8cc7\u6599\u306e\u307e\u3068\u3081\u3067\u3059\u3002<br \/>\nHTML5\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b9\u306f\u975e\u5e38\u306b\u6709\u610f\u7fa9\u306a\u3082\u306e\u3067\u3057\u305f\u3002\u8b1b\u6f14\u9802\u3044\u305f\u65b9\u3001\u30b9\u30bf\u30c3\u30d5\u306e\u7686\u69d8\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-conference-2012.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-conference-2012.jpg?resize=500%2C300&#038;ssl=1\" alt=\"HTML5\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b92012\" title=\"\" width=\"500\" height=\"300\" class=\"alignnone size-large wp-image-2364\" srcset=\"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-conference-2012.jpg?resize=500%2C300&amp;ssl=1 500w, https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-conference-2012.jpg?resize=300%2C180&amp;ssl=1 300w, https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-conference-2012.jpg?w=1296&amp;ssl=1 1296w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML%E3%81%A8%E3%81%8BCSS%E3%81%A8%E3%81%8BAPI%E3%81%A8%E3%81%8B_-2012%E7%A7%8B%E7%B7%A8-%EF%BC%88%E7%9F%A2%E5%80%89%E7%9C%9E%E9%9A%86%E3%81%95%E3%82%93%EF%BC%89\"><\/span>HTML\u3068\u304bCSS\u3068\u304bAPI\u3068\u304b -2012\u79cb\u7de8-\uff08\u77e2\u5009\u771e\u9686\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>HTML5 \u3084 CSS3 \u306e\u65b0\u3057\u3044\u30bf\u30b0\u3084\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u3064\u3044\u3066\u306e\u89e3\u8aac\u3002<br \/>\n\u3067\u3082\u305d\u306e\u524d\u306b\u3001W3C \u3068 WHATWG \u306b\u3064\u3044\u3066\u306e\u8a71\u3002<\/p>\n<p>\u4e00\u90e8\u306e\u30e1\u30c7\u30a3\u30a2\u3067\u3001W3C \u3068 WHATWG \u304c\u6c7a\u88c2\u3057\u305f\u304b\u306e\u3088\u3046\u306a\u5831\u9053\u304c\u3055\u308c\u305f\u304c\u3001\u5b9f\u969b\u306f\u554f\u984c\u306a\u3044\u3068\u306e\u3053\u3068\u3002<br \/>\nW3C \u3068 WHATWG \u306e Editor \u3092\u52d9\u3081\u3066\u3044\u305f Ian Hickson\u6c0f\u306f WHATWG \u306e HTML \u306b\u96c6\u4e2d\u3057\u3001\u30d0\u30b0\u4fee\u6b63\u304c\u52a0\u901f\u3057\u305d\u3046\u3067\u3059\u3002<\/p>\n<p>\u30bb\u30c3\u30b7\u30e7\u30f3\u3067\u306f\u7d39\u4ecb\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3067\u3057\u305f\u304c\u3001\u3053\u3061\u3089\u306e\u8a18\u4e8b\u306b Ian Hickson\u6c0f\u304b\u3089\u306e\u30e1\u30fc\u30eb\u306e\u90a6\u8a33\u306a\u3069\u8f09\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><strong><a href=\"http:\/\/www.publickey1.jp\/blog\/12\/html5w3cwhatwgian_hickson.html\" target=\"_blank\">HTML5\u4ed5\u69d8\u3092\u3081\u3050\u308bW3C\u3068WHATWG\u306b\u3064\u3044\u3066\u3001Ian Hickson\u6c0f\u304c\u30e1\u30fc\u30ea\u30f3\u30b0\u30ea\u30b9\u30c8\u306b\u66f8\u3044\u305f\u3053\u3068 \uff0d Publickey<\/a><\/strong><\/p>\n<p>HTML5 \u306e\u52e7\u544a\u5019\u88dc\u306f\u6765\u5e74\u3042\u305f\u308a\u306b\u306a\u308a\u305d\u3046\uff08\uff1f\uff09<br \/>\n\u300c\u52e7\u544a\u3092\u65e9\u3081\u305f\u3044W3C vs \u9577\u304f\u304b\u304b\u3063\u3066\u3082\u4e92\u63db\u6027\u3092\u9ad8\u3081\u305f\u3044\u30e1\u30f3\u30d0\u30fc\u300d\u3068\u3044\u3046\u8a71\u3082\u3042\u308a\u307e\u3057\u305f\u304c\u3001\u79c1\u306f W3C \u304c\u614e\u91cd\u306b\u306a\u3063\u3066\u3044\u308b\u306e\u304b\u3068\u601d\u3063\u3066\u3044\u305f\u306e\u3067\u610f\u5916\u3067\u3057\u305f\u3002<\/p>\n<h4>&lt;dialog&gt;<\/h4>\n<p>dialog\u30bf\u30b0\u306f\u4f1a\u8a71\u6587\u306e\u8981\u7d20\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30c0\u30a4\u30a2\u30ed\u30b0\u3067\u3059\u3002<br \/>\n\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u3001\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u3001\u30e2\u30fc\u30c0\u30eb\u30c0\u30a4\u30a2\u30ed\u30b0\u307e\u3067\u30ab\u30d0\u30fc\u3057\u3066\u3044\u308b\u306e\u3067\u3001JavaScript \u3067\u8272\u3005\u3084\u308b\u5fc5\u8981\u306a\u304f\u306a\u308b\u305d\u3046\u3067\u3059\u3002<br \/>\n\u5b9f\u969b\u306b\u30d6\u30e9\u30a6\u30b6\u3067\u52d5\u3044\u3066\u3044\u308b\u3068\u3053\u308d\u3092\u65e9\u304f\u898b\u3066\u307f\u305f\u3044\u3067\u3059\u306d\u3002<\/p>\n<h4>Responsive Images<\/h4>\n<p>\u89e3\u50cf\u5ea6\u3001\u30d4\u30af\u30bb\u30eb\u3054\u3068\u306b\u753b\u50cf\u3092\u51fa\u3057\u5206\u3051\u308b\u4ed5\u7d44\u307f\u3060\u305d\u3046\u3067\u3059\u3002<\/p>\n<p>&lt;img sreset&gt; WHATWG HTML \u306e\u6848<br \/>\n&lt;picture&gt; Community Group \u306e\u6848<\/p>\n<p>\u4eca\u306e\u3068\u3053\u308d\u5b9f\u88c5\u306f\u306a\u3044\u305d\u3046\u3067\u3059\u3002<\/p>\n<h4>&lt;input inputmode&gt;<\/h4>\n<p>\u5165\u529b\u30e2\u30fc\u30c9\uff08\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306a\u3069\u306e\u4eee\u60f3\u30ad\u30fc\u30dc\u30fc\u30c9\u306e\u7a2e\u985e\uff09\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u4f8b:<\/p>\n<pre lang=\"html4strict\">\r\n<label for=\"zip\">\u90f5\u4fbf\u756a\u53f7<\/label>\r\n<input inputmode=\"numeric\" name=\"zip\" id=\"zip\">\r\n<\/pre>\n<p>\u643a\u5e2f\u96fb\u8a71\u5411\u3051\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u3055\u308c\u3066\u3044\u305f\u65b9\u306a\u3089\u3001\u4f3c\u305f\u3088\u3046\u306a\u4ed5\u7d44\u307f\u304c\u3042\u3063\u305f\u3053\u3068\u3092\u899a\u3048\u3066\u3044\u3089\u3063\u3057\u3083\u308b\u65b9\u3082\u591a\u3044\u304b\u3068\u601d\u3044\u307e\u3059\u3002<br \/>\n\u643a\u5e2f\u96fb\u8a71\u5411\u3051\u306e\u3082\u306e\u306f\u30ad\u30e3\u30ea\u30a2\u3054\u3068\u306b\u72ec\u81ea\u3067\u3057\u305f\u304c\u3001\u6a19\u6e96\u5316\u3055\u308c\u308b\u306e\u306f\u826f\u3044\u3067\u3059\u306d\u3002<\/p>\n<p>\u4ee5\u4e0b\u3001CSS \u306b\u3064\u3044\u3066\u3002<\/p>\n<h4>Image Values<\/h4>\n<p>\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u3092\u5b9a\u7fa9\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u3067\u30014\u6708\u52e7\u544a\u5019\u88dc\u306b\u306a\u3063\u305f\u305d\u3046\u3067\u3059\u3002<br \/>\n\u305d\u3053\u3067\u3001\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u89d2\u5ea6\u5909\u308f\u308b\u3001\u3064\u307e\u308a 0deg \u304c\u4e0a\u5411\u304d\u304b\u53f3\u5411\u304d\u304b\u304c\u5909\u308f\u308b\u3068\u304b\u2026<br \/>\n\u3061\u3087\u3063\u3068\u3084\u3084\u3053\u3057\u3044\u3053\u3068\u306b\u306a\u308a\u305d\u3046\u3067\u3059\u306d\u3002<\/p>\n<h4>object-fit<\/h4>\n<p>\u753b\u50cf\u3092\u7e26\u6a2a\u6bd4\u3092\u4fdd\u3063\u305f\u307e\u307e\u4f38\u3070\u3059\u3002\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306a\u30b5\u30a4\u30c8\u3067\u4f7f\u3048\u305d\u3046\u3067\u3059\u306d\u3002<br \/>\n\u30bb\u30c3\u30b7\u30e7\u30f3\u3067\u7d39\u4ecb\u3055\u308c\u3066\u3044\u305f\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001Opera \u306e\u30b5\u30a4\u30c8\u306b\u4f7f\u7528\u4f8b\u304c\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n<p><strong><a href=\"http:\/\/dev.opera.com\/articles\/view\/css3-object-fit-object-position-ja\/\" target=\"_blank\">CSS3 \u306e object-fit \u3068 object-position \u30d7\u30ed\u30d1\u30c6\u30a3 &#8211; Dev.Opera<\/a><\/strong><\/p>\n<h4>CSS4<\/h4>\n<p>\u4efb\u610f\u306e\u753b\u50cf\u306e\u30af\u30ed\u30b9\u30d5\u30a7\u30fc\u30c9\u3001\u89aa\u30bb\u30ec\u30af\u30bf\u306a\u3069\u6b32\u3057\u304b\u3063\u305f\u6a5f\u80fd\u304c\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3001a \u3092\u5b50\u306b\u6301\u3064 li \u3092\u9078\u629e\u3059\u308b\u306e\u3067\u3042\u308c\u3070\u3001li \u306e\u524d\u306b ! \u3092\u3064\u3051\u3066<\/p>\n<pre lang=\"css\">\r\nul > !li > a {}\r\n<\/pre>\n<p>\u306e\u3088\u3046\u306b\u66f8\u304f\u3068\u304b\u3002<\/p>\n<p><strong>:maches()<\/strong><br \/>\n\u300c\u3053\u306e\u3046\u3061\u3069\u308c\u304b\u3092\u9078\u629e\u300d\u3059\u308b\u30bb\u30ec\u30af\u30bf\u3002<\/p>\n<pre lang=\"css\">\r\n:matches(article, section) {}\r\n<\/pre>\n<p>\u5909\u6570\u3082\u4f7f\u3048\u308b\u305d\u3046\u306b\u306a\u308b\u305d\u3046\u3067\u3059\u304c\u3001$foo \u306e\u3088\u3046\u306b\u524d\u306b $ \u3092\u3064\u3051\u308b\u306e\u3067\u306f\u306a\u304f\u3001<\/p>\n<pre lang=\"css\">\r\n:root{\r\nvar-myBlue: #09c;\r\n}\r\n<\/pre>\n<p>\u306e\u3088\u3046\u306b var-\u5909\u6570\u540d \u3068\u3044\u3046\u5f62\u5f0f\u306b\u306a\u308b\u306e\u3060\u3068\u304b\u3002Twitter \u3067\u7686\u3055\u3093\u306e\u53cd\u5fdc\u3092\u898b\u3066\u3044\u308b\u3068\u4e0d\u8a55\u306a\u3088\u3046\u3067\u3059\u306d\u3002<\/p>\n<p>$foo \u306f\u4ed6\u306e\u5909\u6570\u30e9\u30a4\u30af\u306a\u6a5f\u80fd\u3092\u898b\u636e\u3048\u3066\u5229\u7528\u3057\u306a\u3044\u305d\u3046\u3067\u3059\u3002<br \/>\nSass\u306e@extend\u7684\u306a\u3082\u306e\u3092\u63d0\u4f9b\u3059\u308b\u6a5f\u80fd\u3082\u30a2\u30a4\u30c7\u30a2\u3068\u3057\u3066\u63d0\u6848\u6e08\u307f\u3060\u3068\u304b\u3002<\/p>\n<p>\u4ed6\u306b\u3082\u3044\u308d\u3044\u308d\u306a\u8a71\u304c\u3042\u308a\u307e\u3057\u305f\u304c\u3053\u306e\u3042\u305f\u308a\u3067\u2026<\/p>\n<p><span class=\"b\">\u203b\u77e2\u5009\u3055\u3093\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u8cc7\u6599\u304c\u30a2\u30c3\u30d7\u3055\u308c\u3066\u3044\u306a\u3044\u304b\u63a2\u3057\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001\u4eca\u306e\u3068\u3053\u308d\u898b\u3064\u3051\u3089\u308c\u3066\u304a\u308a\u307e\u305b\u3093\u3002<br \/>\n\u3000\u3054\u5b58\u77e5\u306e\u304b\u305f\u306f @Stocker_jp \u307e\u3067\u6559\u3048\u3066\u9802\u3051\u308b\u3068\u5e78\u3044\u3067\u3059\u3002<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML5%E6%99%82%E4%BB%A3%E3%81%AEWeb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%EF%BC%88%E3%81%93%E3%82%82%E3%82%8A%E3%81%BE%E3%81%95%E3%81%82%E3%81%8D%E3%81%95%E3%82%93%EF%BC%89\"><\/span>HTML5\u6642\u4ee3\u306eWeb\u30c7\u30b6\u30a4\u30f3\uff08\u3053\u3082\u308a\u307e\u3055\u3042\u304d\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14219975?rel=0\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/gaspanik\/html5web-14219975\" title=\"HTML5\u6642\u4ee3\u306eWeb\u30c7\u30b6\u30a4\u30f3\" target=\"_blank\">HTML5\u6642\u4ee3\u306eWeb\u30c7\u30b6\u30a4\u30f3<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/gaspanik\" target=\"_blank\">Masaaki Komori<\/a><\/strong> <\/div>\n<h3><span class=\"ez-toc-section\" id=\"User_Interface_Design_Pattern_With_CSS3\"><\/span>User Interface Design Pattern With CSS3<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><script async class=\"speakerdeck-embed\" data-id=\"504b193d4b4823000203fdce\" data-ratio=\"1.3333333333333333\" src=\"\/\/speakerdeck.com\/assets\/embed.js\"><\/script><\/p>\n<p>\u30bb\u30c3\u30b7\u30e7\u30f3\u3067\u7d39\u4ecb\u3055\u308c\u3066\u3044\u305f <a href=\"http:\/\/caniuse.com\" target=\"_blank\">caniuse.com<\/a> \u3068\u3044\u3046\u30b5\u30a4\u30c8\u3084 <a href=\"http:\/\/mobilehtml5.org\" target=\"_blank\">mobilehtml5.org<\/a> \u306f\u3001\u5165\u529b\u3057\u305f\u30bf\u30b0\u3084\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u3069\u306e\u30d6\u30e9\u30a6\u30b6\u306e\u3069\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304b\u3089\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u306e\u304b\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u3066\u4fbf\u5229\u3067\u3059\u306d\u3002<\/p>\n<p><a href=\"http:\/\/oli.jp\/2010\/css-animatable-properties\/\" target=\"_blank\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u53ef\u80fd\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u4e00\u89a7\u306e\u8a18\u4e8b<\/a> \u306f\u968f\u6642\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3055\u308c\u3066\u3044\u3066\u4fbf\u5229\u3060\u305d\u3046\u3067\u3059\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML_Web_Platform%EF%BC%88dynamis%E3%81%95%E3%82%93%EF%BC%89\"><\/span>HTML Web Platform\uff08dynamis\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14210463\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/dynamis\/html-web-platform\" title=\"HTML Web Platform\" target=\"_blank\">HTML Web Platform<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/dynamis\" target=\"_blank\">dynamis .<\/a><\/strong> <\/div>\n<p>dynamis\u3055\u3093\u306f Mozilla Japan \u306e\u65b9\u3067\u3059\u3002<br \/>\n\u79c1\u306f WHATWG \u7248\u306e HTML \u306e\u3053\u3068\u3092\u306a\u3093\u3068\u547c\u3079\u3070\u3044\u3044\u306e\u304b\u308f\u304b\u3089\u306a\u304f\u3066\u56f0\u3063\u3066\u3044\u305f\u306e\u3067\u3059\u304c\u300119\u30da\u30fc\u30b8\u76ee\u3092\u898b\u308b\u9650\u308a\u3001\u5358\u306b\u300cHTML\u300d\u3068\u547c\u3079\u3070\u826f\u3044\u306e\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E8%BB%BD%E5%BF%AB%E3%81%AA%E3%82%A6%E3%82%A7%E3%83%96%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA%E6%95%99%E5%AE%A4%EF%BC%88%E5%A4%AA%E7%94%B0%E6%98%8C%E5%90%BE%E3%81%95%E3%82%93%EF%BC%89\"><\/span>\u8efd\u5feb\u306a\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u6559\u5ba4\uff08\u592a\u7530\u660c\u543e\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong><a href=\"http:\/\/ss-o.net\/event\/20120908\/#Page0\" target=\"_blank\">\u30d7\u30ec\u30bc\u30f3\u8cc7\u6599\u306f\u3053\u3061\u3089\u3002<\/a><\/strong>HTML5 + CSS3 \u3067\u3067\u304d\u3066\u3044\u308b\u3088\u3046\u3067\u3059\u304c\u3001\u52d5\u304d\u304c\u3068\u3066\u3082\u6d3e\u624b\u3067\u52d5\u4f5c\u3082\u8efd\u5feb\u3067\u3059\u306d\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"WebGL_and_Threejs%EF%BC%88yomotsu_%E3%81%95%E3%82%93%EF%BC%89\"><\/span>WebGL and Three.js\uff08@yomotsu \u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14210782\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/yomotsu\/webgl-and-threejs\" title=\"WebGL and Three.js\" target=\"_blank\">WebGL and Three.js<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/yomotsu\" target=\"_blank\">yomotsu<\/a><\/strong> <\/div>\n<p>WebGL \u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u306a\u3057\u3067\u3001GPU \u652f\u63f4\u3092\u53d7\u3051\u3066\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067 3DCG \u3092\u8868\u793a\u3059\u308b\u3053\u3068\u306e\u3067\u304d\u308b\u6a19\u6e96\u4ed5\u69d8\u3067\u3059\u306d\u3002<\/p>\n<p>\u4f59\u8ac7\u3067\u3059\u304c\u3001Three.js \u306e\u30c7\u30e2\u304c Chrome \u3067\u306f\u52d5\u304f\u306e\u306b Mac \u306e Safari \u3067\u306f\u52d5\u304b\u306a\u3044\u30fc\u3068\u601d\u3063\u3066\u305f\u3089\u3001\u300cSafari\u74b0\u5883\u8a2d\u5b9a\uff1e\u8a73\u7d30\uff1e\u30e1\u30cb\u30e5\u30fc\u30d0\u30fc\u306b&#8221;\u958b\u767a&#8221;\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a\u300d\u3092\u30aa\u30f3\u306b\u3057\u3066\u3001\u300c\u958b\u767a\uff1eWebGL\u3092\u6709\u52b9\u306b\u3059\u308b\u300d\u306b\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u308b\u3068\u3061\u3083\u3093\u3068\u52d5\u304d\u307e\u3057\u305f\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML5%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E7%8F%8D%E3%83%97%E3%83%AC%E3%83%BC%E9%9B%86%EF%BC%88Futomi_Hatano%E3%81%95%E3%82%93%EF%BC%89\"><\/span>HTML5\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u73cd\u30d7\u30ec\u30fc\u96c6\uff08Futomi Hatano\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14255395\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/futomihatano\/html5-html5-conference-2012\" title=\"HTML5\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u73cd\u30d7\u30ec\u30fc\u96c6 - HTML5 Conference 2012\" target=\"_blank\">HTML5\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u73cd\u30d7\u30ec\u30fc\u96c6 &#8211; HTML5 Conference 2012<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/futomihatano\" target=\"_blank\">Futomi Hatano<\/a><\/strong> <\/div>\n<h3><span class=\"ez-toc-section\" id=\"WebRTC%E3%81%A8%E3%81%8B%E5%8B%89%E5%BC%B7%E4%BC%9A%EF%BC%88%E3%81%82%E3%82%93%E3%81%A9%E3%81%86%E3%82%84%E3%81%99%E3%81%97%E3%81%95%E3%82%93%EF%BC%89\"><\/span>WebRTC\u3068\u304b\u52c9\u5f37\u4f1a\uff08\u3042\u3093\u3069\u3046\u3084\u3059\u3057\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>WebRTC\u3068\u3044\u3046\u6280\u8853\u3092\u4f7f\u3046\u3068\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\u7121\u3057\u3067\u30d3\u30c7\u30aa\u30c1\u30e3\u30c3\u30c8\u306e\u3088\u3046\u306a\u3053\u3068\u304c\u3067\u304d\u308b\u305d\u3046\u3067\u3059\u3002<br \/>\n<a href=\"https:\/\/docs.google.com\/presentation\/d\/1MkvmX6Gvb1cRATdwF4RFBtol8NgdnblwlwikDnFhT10\/present#slide=id.p\" target=\"_blank\">\u8cc7\u6599\u306f\u3053\u3061\u3089\u3067\u3059<\/a>\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML5%E3%81%A8IE10%E3%81%A8Windows_8%EF%BC%88ykasugai_%E3%81%95%E3%82%93%EF%BC%89\"><\/span>HTML5\u3068IE10\u3068Windows 8\uff08@ykasugai \u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14211601\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/ykasugai\/html5ie10windows8\" title=\"HTML5\u3068IE10\u3068Windows 8\" target=\"_blank\">HTML5\u3068IE10\u3068Windows 8<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/ykasugai\" target=\"_blank\">Microsoft Japan<\/a><\/strong> <\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E5%AE%9F%E8%B7%B5Sass%EF%BC%88Azusa_Tomita%E3%81%95%E3%82%93%EF%BC%89\"><\/span>\u5b9f\u8df5Sass\uff08Azusa Tomita\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14212266\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/azusatomita3\/sass-14212266\" title=\"\u5b9f\u8df5Sass \u524d\u7de8\" target=\"_blank\">\u5b9f\u8df5Sass \u524d\u7de8<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/azusatomita3\" target=\"_blank\">Azusa Tomita<\/a><\/strong> <\/div>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14212276\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/kosei27\/sass-14212276\" title=\"\u5b9f\u8df5Sass \u5f8c\u7de8\" target=\"_blank\">\u5b9f\u8df5Sass \u5f8c\u7de8<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/kosei27\" target=\"_blank\">kosei27<\/a><\/strong> <\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E5%9F%BA%E8%AA%BF%E8%AC%9B%E6%BC%94_Whats_new_in_Chrome_Apps_Extensions%EF%BC%88%E5%8F%8A%E5%B7%9D%E5%8D%93%E4%B9%9F%E3%81%95%E3%82%93%EF%BC%89\"><\/span>\u57fa\u8abf\u8b1b\u6f14: What&#8217;s new in Chrome Apps \/ Extensions\uff08\u53ca\u5ddd\u5353\u4e5f\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong><a href=\"https:\/\/docs.google.com\/presentation\/d\/1WGX0QtqOCM36N2Ok-CpogdO_IivBh-eQ6R9mUPUhW0w\/preview?sle=true#slide=id.p\" target=\"_blank\">\u30d7\u30ec\u30bc\u30f3\u8cc7\u6599\u306f\u3053\u3061\u3089\uff08Google Docs\uff09<\/a><\/strong>\u3002\u305f\u304f\u3055\u3093\u306e\u65b9\u304c\u540c\u6642\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u898b\u308c\u306a\u304f\u306a\u308b\u5834\u5408\u304c\u3042\u308b\u3088\u3046\u3067\u3059\u3002<\/p>\n<p>\u4ee5\u4e0bLT\u3067\u3059\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E3%83%94%E3%83%B3%E3%83%81%E3%81%A8%E3%83%81%E3%83%A3%E3%83%B3%E3%82%B9%EF%BC%88Hajime_Ogushi%E3%81%95%E3%82%93%EF%BC%89\"><\/span>\u30d4\u30f3\u30c1\u3068\u30c1\u30e3\u30f3\u30b9\uff08Hajime Ogushi\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14214947\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/hajimeogushi\/html5conference2012-lt\" title=\"HTML5Conference2012 LT \u30d4\u30f3\u30c1\u3068\u30c1\u30e3\u30f3\u30b9\" target=\"_blank\">HTML5Conference2012 LT \u30d4\u30f3\u30c1\u3068\u30c1\u30e3\u30f3\u30b9<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/hajimeogushi\" target=\"_blank\">Hajime Ogushi<\/a><\/strong> <\/div>\n<p>HTML5\u306f\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u304c\u4e3b\u5f79\u3068\u3044\u3046\u611f\u3058\u306b\u306a\u3063\u3066\u3044\u3066\u3001\u3057\u304b\u3082\u3084\u3089\u306a\u3051\u308c\u3070\u3044\u3051\u306a\u3044\u7bc4\u56f2\u304c\u3068\u3066\u3082\u5e83\u3044\u305f\u3081\u30ce\u30f3\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u306b\u306f\u5927\u5909\u305d\u3046\u3067\u3059\u304c\u3001\u3084\u308b\u3057\u304b\u306a\u3044\u3067\u3059\u3088\u306d\u30fc<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Porky%EF%BC%88%E3%81%B7%E3%82%8A%E3%81%A3%E3%81%B7%E3%82%8A%E3%81%AE%E3%81%8A%E3%81%97%E3%82%8A%E3%81%95%E3%82%93%EF%BC%89\"><\/span>Porky\uff08\u3077\u308a\u3063\u3077\u308a\u306e\u304a\u3057\u308a\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.slideshare.net\/slideshow\/embed_code\/14216292\" width=\"597\" height=\"486\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen> <\/iframe> <\/p>\n<div style=\"margin-bottom:5px\"> <strong> <a href=\"https:\/\/www.slideshare.net\/puriketu99\/porky-14216292\" title=\"Porky\" target=\"_blank\">Porky<\/a> <\/strong> from <strong><a href=\"https:\/\/www.slideshare.net\/puriketu99\" target=\"_blank\">puriketu99 &#8212;<\/a><\/strong> <\/div>\n<p>&#8220;Without coding test, test automation for JavaScript.&#8221; \u3068\u3044\u3046\u3053\u3068\u3067\u3001JavaScript \u306e\u30c6\u30b9\u30c8\u3092\u66f8\u304b\u305a\u306b\u30c6\u30b9\u30c8\u306e\u81ea\u52d5\u5316\u3092\u5b9f\u73fe\u3059\u308b\u30c6\u30b9\u30c6\u30a3\u30f3\u30b0\u30c4\u30fc\u30eb\u3060\u305d\u3046\u3067\u3059\u3002<strong><a href=\"https:\/\/github.com\/puriketu99\/porky\" target=\"_blank\">GitHub<\/a><\/strong> \u3067\u516c\u958b\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u65e5\u672c\u8a9e\u306e\u89e3\u8aac\u306f\u3053\u3061\u3089\u3002<br \/>\n<strong><a href=\"http:\/\/qiita.com\/items\/db674cbfcde3d98e93a8\" target=\"_blank\">\u30c6\u30b9\u30c8\u3092\u66f8\u304b\u306a\u3044\u30c6\u30b9\u30c6\u30a3\u30f3\u30b0\u30c4\u30fc\u30eb\u300cPorky\u300d\u3092\u30ea\u30ea\u30fc\u30b9\u3057\u307e\u3057\u305f<\/a><\/strong><\/p>\n<p>\u3077\u308a\u3063\u3077\u308a\u306e\u304a\u3057\u308a\u3055\u3093\u306f\u3001<a href=\"https:\/\/groups.google.com\/forum\/?fromgroups#!forum\/html5-developers-jp\" target=\"_blank\">HTML5\u306e\u30e1\u30fc\u30ea\u30f3\u30b0\u30ea\u30b9\u30c8<\/a> \u3067\u3042\u307e\u308a\u306b\u3082\u540d\u524d\u306b\u30a4\u30f3\u30d1\u30af\u30c8\u304c\u3042\u308a\u3059\u304e\u3066\u6c17\u306b\u306a\u3063\u3066\u3044\u305f\u306e\u3067\u3001\u304a\u76ee\u306b\u304b\u304b\u308c\u3066\u3088\u304b\u3063\u305f\u3067\u3059\u3002<br \/>\n\u305d\u306e\u3053\u3068\u3092 Twitter \u3067\u304a\u4f1d\u3048\u3057\u305f\u3068\u3053\u308d\u3001<\/p>\n<blockquote class=\"twitter-tweet tw-align-center\" data-in-reply-to=\"244456193974730753\" lang=\"ja\">\n<p>@<a href=\"https:\/\/twitter.com\/stocker_jp\">stocker_jp<\/a> \u540d\u524d\u8ca0\u3051\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u305d\u306e\u540d\u306b\u3075\u3055\u308f\u3057\u3044\u4eba\u7269\u306b\u306a\u308c\u308b\u3088\u3046\u306b\u7cbe\u9032\u3057\u307e\u3059<\/p>\n<p>&mdash; \u3077\u308a\u3063\u3077\u308a\u306e\u304a\u3057\u308a\u3055\u3093 (@puriketu99) <a href=\"https:\/\/twitter.com\/puriketu99\/status\/244620197900730369\" data-datetime=\"2012-09-09T02:16:14+00:00\">9\u6708 9, 2012<\/a><\/p><\/blockquote>\n<p><script src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>\u3068\u306e\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u304b\u3089\u3082\u3001\u3077\u308a\u3063\u3077\u308a\u306e\u304a\u3057\u308a\u3055\u3093\u304b\u3089\u76ee\u304c\u96e2\u305b\u305d\u3046\u306b\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E7%9F%A5%E3%82%89%E3%81%AA%E3%81%84ECMAScript%EF%BC%88kyo_ago_%E3%81%95%E3%82%93%EF%BC%89\"><\/span>\u3042\u306a\u305f\u306e\u77e5\u3089\u306a\u3044ECMAScript\uff08@kyo_ago \u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong><a href=\"http:\/\/0-9.sakura.ne.jp\/pub\/html5conf\/start.html\" target=\"_blank\">\u30d7\u30ec\u30bc\u30f3\u8cc7\u6599\u306f\u3053\u3061\u3089\u3002<\/a><\/strong>HTML5 \u3067\u3067\u304d\u3066\u3044\u307e\u3059\u3002<br \/>\n\u30e9\u30d9\u30eb\u3068URL\u306e\u304f\u3060\u308a\u306f\u601d\u308f\u305a\u5439\u304d\u307e\u3057\u305fw<\/p>\n<p>\u30bb\u30c3\u30b7\u30e7\u30f3\u3067\u7d39\u4ecb\u3055\u308c\u3066\u3044\u305f\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001JavaScript \u306e\u30e9\u30d9\u30eb\u306b\u3064\u3044\u3066\u77e5\u308a\u305f\u3044\u65b9\u306f\u3053\u3053\u304c\u53c2\u8003\u306b\u306a\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<br \/>\n<strong><a href=\"http:\/\/www.ajaxtower.jp\/js\/for\/index11.html\" target=\"_blank\">break\u6587\u3068continue\u6587\u3067\u306e\u30e9\u30d9\u30eb\u6307\u5b9a &#8211; \u7e70\u308a\u8fd4\u3057\u51e6\u7406 &#8211; JavaScript\u5165\u9580<\/a><\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"ttfjs%EF%BC%88ynakajima%E3%81%95%E3%82%93%EF%BC%89\"><\/span>ttf.js\uff08ynakajima\u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>JavaScript \u3067 TrueType Font \u3092\u89e3\u6790\u3057\u3066\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305d\u3046\u3067\u3059\u2026\uff01<br \/>\n<strong><a href=\"https:\/\/github.com\/ynakajima\/ttf.js\" target=\"_blank\">GitHub \u306f\u3053\u3061\u3089\u3002<\/a><\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"D3js_%EF%BC%88muddydixon_%E3%81%95%E3%82%93%EF%BC%89\"><\/span>D3.js \uff08@muddydixon \u3055\u3093\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"http:\/\/d3js.org\" target=\"_blank\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/af02bf42cb8fd1ca210a6d6dc85375ea.png?resize=500%2C239&#038;ssl=1\" alt=\"D3.js\" title=\"\" width=\"500\" height=\"239\" class=\"alignnone size-large wp-image-2358\" srcset=\"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/af02bf42cb8fd1ca210a6d6dc85375ea.png?resize=500%2C239&amp;ssl=1 500w, https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/af02bf42cb8fd1ca210a6d6dc85375ea.png?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/af02bf42cb8fd1ca210a6d6dc85375ea.png?w=995&amp;ssl=1 995w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/d3js.org\" target=\"_blank\">D3.js<\/a> \u306f\u3001JavaScript \u3067\u8907\u96d1\u306a\u30b0\u30e9\u30d5\u3092\u63cf\u304f\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u3088\u3046\u3067\u3059\u3002\u30b0\u30e9\u30d5\u306f SVG \u3067\u63cf\u753b\u3055\u308c\u3066\u3044\u308b\u3088\u3046\u3067\u3001Safari \u3067\u62e1\u5927\u3057\u3066\u3082\u7f8e\u3057\u3044\u3067\u3059\u3002\u3053\u308c\u306f\u4f7f\u3048\u305d\u3046\u3067\u3059\u306d\u3002<\/p>\n<p>\u4ee5\u524d\u77e5\u3063\u305f <a href=\"http:\/\/color.method.ac\" target=\"_blank\">\u8272\u5408\u308f\u305b\u30b2\u30fc\u30e0<\/a> \u3082\u3001D3.js \u3092\u4f7f\u3063\u3066\u3044\u305f\u3088\u3046\u3067\u3059\u3002<\/p>\n<p><strong><a href=\"https:\/\/github.com\/muddydixon\/html5conference\" target=\"_blank\">\u30d7\u30ec\u30bc\u30f3\u8cc7\u6599\u306f\u3053\u3061\u3089\uff08GitHub\uff09\u3002<\/a><\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML5%E3%82%AF%E3%82%A4%E3%82%BA\"><\/span>HTML5\u30af\u30a4\u30ba<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u6700\u5f8c\u306f HTML5 \u30af\u30a4\u30ba\u304c\u3042\u3063\u3066\u3044\u305f\u306e\u3067\u3059\u304c\u3001\u30af\u30a4\u30ba\u306e\u753b\u9762\u81ea\u4f53\u3082 HTML5 + CSS3 + WebSocket\uff08\uff1f\uff09\u3092\u4f7f\u3063\u3066\u3044\u305f\u3088\u3046\u3067\u3001\u56de\u7b54\u8005\u304c\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306a\u3069\u3067\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306b\u96c6\u8a08\u3055\u308c\u3066\u3044\u3066\u304b\u306a\u308a\u8208\u5473\u6df1\u304b\u3063\u305f\u3067\u3059\u3002<\/p>\n<h4>\u8ffd\u8a18<\/h4>\n<p>@hamashun \u3055\u3093\u304c\u30af\u30a4\u30ba\u306e\u89e3\u8aac\u8a18\u4e8b\u3092\u66f8\u304b\u308c\u3066\u3044\u307e\u3057\u305f\u3002\u554f\u984c\u3082\u3053\u3053\u3067\u898b\u308c\u307e\u3059\u3002<\/p>\n<p><strong><a href=\"http:\/\/www.hamashun.me\/archives\/4208405.html\" target=\"_blank\">hamashun.me : HTML5 Conference 2012 \u306e\u30af\u30a4\u30ba\u5927\u4f1a\u306b\u51fa\u305f\u554f\u984c\u306b\u3064\u3044\u3066<\/a><\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML5_Conference_2012_%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%E3%83%BB%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88\"><\/span>HTML5 Conference 2012 \u30cb\u30e5\u30fc\u30b9\u30fb\u30ec\u30dd\u30fc\u30c8<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u516c\u5f0f\u306e\u307e\u3068\u3081\u8a18\u4e8b\u3067\u3059\u3002<br \/>\n<strong><a href=\"http:\/\/events.html5j.org\/conference\/2012\/09\/articles.html\" target=\"_blank\">HTML5 Conference 2012 \u30cb\u30e5\u30fc\u30b9\u30fb\u30ec\u30dd\u30fc\u30c8<\/a><\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E4%BB%8A%E3%81%8B%E3%82%89%E3%81%A7%E3%82%82%E8%AC%9B%E6%BC%94%E3%81%AE%E5%8B%95%E7%94%BB%E3%82%92%E8%A6%B3%E3%81%9F%E3%81%84%E3%81%A8%E6%80%9D%E3%81%A3%E3%81%9F%E6%96%B9%E3%81%B8\"><\/span>\u4eca\u304b\u3089\u3067\u3082\u8b1b\u6f14\u306e\u52d5\u753b\u3092\u89b3\u305f\u3044\u3068\u601d\u3063\u305f\u65b9\u3078<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u30cb\u30b3\u30cb\u30b3\u306e\u30d7\u30ec\u30df\u30a2\u30e0\u4f1a\u54e1\u3067\u3042\u308c\u3070\u3001\u30cb\u30b3\u30cb\u30b3\u751f\u653e\u9001\u306e\u30bf\u30a4\u30e0\u30b7\u30d5\u30c8\u8996\u8074\u304c\u3067\u304d\u308b\u3088\u3046\u3067\u3059\uff08\u304a\u305d\u3089\u304f10\/8\u307e\u3067\uff09\u3002<\/p>\n<p><strong><a href=\"http:\/\/live.nicovideo.jp\/watch\/lv105877780\" target=\"_blank\">\u300eHTML5 Conference 2012\u300f\u5348\u524d\u306e\u90e8-HTML5\u95a2\u9023\u306e\u6700\u65b0\u30c8\u30ec\u30f3\u30c9\u3092\u5b66\u3079\u308bWeb\u6280\u8853\u8005\u306e\u796d\u5178- &#8211; \u30cb\u30b3\u30cb\u30b3\u751f\u653e\u9001<\/a><\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"%E3%81%95%E3%81%A3%E3%81%9D%E3%81%8FHTML5%E3%82%92%E6%9B%B8%E3%81%84%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%E3%81%A8%E6%80%9D%E3%81%A3%E3%81%9F%E6%96%B9%E3%81%B8\"><\/span>\u3055\u3063\u305d\u304fHTML5\u3092\u66f8\u3044\u3066\u307f\u3088\u3046\u3068\u601d\u3063\u305f\u65b9\u3078<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"http:\/\/mizzz.jp\/tg\/\" target=\"_blank\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-tmp-gen.png?resize=500%2C300&#038;ssl=1\" alt=\"HTML5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\" title=\"\" width=\"500\" height=\"300\" class=\"alignnone size-full wp-image-2360\" srcset=\"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-tmp-gen.png?w=500&amp;ssl=1 500w, https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/html5-tmp-gen.png?resize=300%2C180&amp;ssl=1 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>HTML5 \u30921\u304b\u3089\u66f8\u304f\u5834\u5408\u3001DOCTYPE \u5ba3\u8a00\u306a\u3069\u304c\u77ed\u304f\u306a\u3063\u305f\u306e\u306f\u3044\u3044\u306e\u3067\u3059\u304c\u3001viewport \u306e\u6307\u5b9a\u3068\u304b Google \u306b\u30db\u30b9\u30c8\u3055\u308c\u3066\u3044\u308b jQuery \u3092\u8aad\u307f\u8fbc\u3093\u3060\u308a\u3068\u304b\u8272\u3005\u66f8\u304f\u3053\u3068\u304c\u591a\u304f\u3066\u3001\u3055\u3063\u3068\u66f8\u304d\u59cb\u3081\u3088\u3046\u3068\u3057\u3066\u3082\u610f\u5916\u3068\u9762\u5012\u3067\u3059\u3088\u306d\u3002<\/p>\n<p>\u304b\u3068\u3044\u3063\u3066\u3001\u3061\u3087\u3063\u3068\u8a66\u3057\u306b\u66f8\u3044\u3066\u307f\u308b\u306e\u306b <a href=\"http:\/\/html5boilerplate.com\/\" target=\"_blank\">HTML5 Boilerplate<\/a> \u306f\u91cd\u3044\u3057\u306a\u30fc\u3068\u601d\u3063\u3066\u3044\u305f\u3089\u3001<strong><a href=\"https:\/\/stocker.jp\/diary\/web-design-school\/\">\u793e\u4f1a\u4eba\u306e\u305f\u3081\u306eWeb\u30c7\u30b6\u30a4\u30f3\u30b9\u30af\u30fc\u30eb<\/a><\/strong> \u5352\u696d\u751f\u306e mizzz \u3055\u3093\u304c <strong><a href=\"http:\/\/mizzz.jp\/tg\/\" target=\"_blank\">HTML5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc<\/a><\/strong> \u3092\u4f5c\u3063\u3066\u304f\u308c\u307e\u3057\u305f\u3002<\/p>\n<p>\u5fc5\u8981\u306a\u3082\u306e\u306f\u3042\u3063\u3066\u3001\u4f59\u8a08\u306a\u3082\u306e\u306f\u5165\u3063\u3066\u306a\u3044\u306e\u3067\u500b\u4eba\u7684\u306b\u3059\u3054\u304f\u4f7f\u3044\u3084\u3059\u3044\u3067\u3059\u3002<br \/>\nLocalStorage \u5bfe\u5fdc\u306e\u30d6\u30e9\u30a6\u30b6\u306a\u3089\u8a2d\u5b9a\u3092\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002<br \/>\nHTML5\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b9\u3067\u7d39\u4ecb\u3055\u308c\u3066\u3044\u305f\u308f\u3051\u3067\u306f\u306a\u3044\u306e\u3067\u3059\u304c\u3001\u500b\u4eba\u7684\u306b\u3068\u3066\u3082\u4fbf\u5229\u3060\u3068\u601d\u3063\u3066\u3044\u308b\u306e\u3067\u7d39\u4ecb\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002<\/p>\n<p><span class=\"b\">\u3042\u3068\u3001\u3044\u304f\u3064\u304b\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u8cc7\u6599\u3067\u3001URL\u304c\u5206\u304b\u3089\u306a\u3044\u305f\u3081\u3053\u3053\u306b\u63b2\u8f09\u3055\u308c\u3066\u3044\u306a\u3044\u3082\u306e\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\n\u3054\u5b58\u77e5\u306e\u304b\u305f\u306f\u3001@Stocker_jp \u307e\u3067\u6559\u3048\u3066\u9802\u3051\u308b\u3068\u5e78\u3044\u3067\u3059\u3002<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML5\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b92012\u306e\u8b1b\u6f14\u8cc7\u6599\u306e\u307e\u3068\u3081\u3067\u3059\u3002CSS3\u3084JavaScript\u306b\u3064\u3044\u3066\u306e\u8b1b\u6f14\u3082\u305f\u304f\u3055\u3093\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"author":1,"featured_media":6678,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4],"tags":[25,52,24,6,5,23],"class_list":["post-2344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-css","tag-css3","tag-html","tag-html5","tag-javascript","tag-23"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/stocker.jp\/diary\/wp-content\/uploads\/af02bf42cb8fd1ca210a6d6dc85375ea-500x239-1.png?fit=500%2C239&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/posts\/2344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/comments?post=2344"}],"version-history":[{"count":0,"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/posts\/2344\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/media\/6678"}],"wp:attachment":[{"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/media?parent=2344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/categories?post=2344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stocker.jp\/diary\/wp-json\/wp\/v2\/tags?post=2344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}