[B! HTML5] t-w-oã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

t-w-o id:t-w-o

HTML5ã«é–¢ã™ã‚‹t-w-oã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (85)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€Œå‹•ç”»è¦–è´ãƒšãƒ¼ã‚¸ HTML5ç‰ˆï¼ˆÎ²ï¼‰ã€æä¾›é–‹å§‹ã®ãŠçŸ¥ã‚‰ã›â€ãƒ‹ã‚³ãƒ‹ã‚³ã‚¤ãƒ³ãƒ•ã‚©
2016å¹´10æœˆ27æ—¥ï¼ˆæœ¨ï¼‰13æ™‚ã‚ˆã‚Šä¸€éƒ¨ã®ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ä¼šå“¡ã‚’å¯¾è±¡ã«ã€ æ–°ã—ã„å‹•ç”»è¦–è´ãƒšãƒ¼ã‚¸ã§ã‚ã‚‹ã€Œå‹•ç”»è¦–è´ãƒšãƒ¼ã‚¸ HTML5ç‰ˆï¼ˆÎ²ï¼‰ã€ ï¼ˆä»¥å¾Œã€ ã€ŒHTML5ç‰ˆã€ã¨è¨˜è¼‰ï¼‰ã®æä¾›ã‚’é–‹å§‹ã„ãŸã—ã¾ã—ãŸã€‚ ã€ŒHTML5ç‰ˆã€ã§ã¯ã€å‹•ç”»å†ç”Ÿå¯èƒ½ã¨ãªã‚‹ã¾ã§ã®é€Ÿåº¦ãŒã€ å¾“æ¥ã®ã€Œå‹•ç”»è¦–è´ãƒšãƒ¼ã‚¸ Flashç‰ˆã€ï¼ˆä»¥å¾Œã€ã€ŒFlashç‰ˆã€ã¨è¨˜è¼‰ï¼‰ã¨æ¯”è¼ƒã—ã¦ é«˜é€ŸåŒ–ã—ã¦ãŠã‚Šã€ã‚ˆã‚Šå¿«é©ã«å‹•ç”»ã‚’ã”è¦–è´ã„ãŸã ã‘ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ŒFlashç‰ˆã€ã§æä¾›ä¸ã®"ã‚·ãƒ¼ã‚¯ãƒãƒ¼ä¸Šã®ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤º"ã‚„"ã‚³ãƒ¡ãƒ³ãƒˆã®NGè¿½åŠ "ãªã©ã®ä¸€éƒ¨æ©Ÿèƒ½ã‚„å°Žå…¥ã‚’è¨ˆç”»ä¸ã®æ–°è¦æ©Ÿèƒ½ã«ã¤ãã¾ã—ã¦ã¯ã€è¿½ã£ã¦ã®æä¾›äºˆå®šã¨ãªã‚‹ãŸã‚ã€ä»Šå›žã€Î²ç‰ˆã§ã®æä¾›ã¨ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ Î²ç‰ˆæä¾›æœŸé–“ä¸ã¯ã€ã€ŒHTML5ç‰ˆã€ã¨ã€ŒFlashç‰ˆã€ã®æ–°æ—§å‹•ç”»è¦–è´ãƒšãƒ¼ã‚¸ã‚’ è‡ªç”±ã«å¾¡åˆ‡ã‚Šæ›¿ãˆã„ãŸã ã‘ã¾ã™ã€‚ â–¼ã€å¯¾è±¡ãƒ¦ãƒ¼ã‚¶ãƒ¼ã€‘ ä¸€éƒ¨ã®ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ä¼šå“¡ãƒ¦ãƒ¼ã‚¶ãƒ¼ ï¼ˆå¯¾è±¡ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯é †æ¬¡å¢—åŠ ã—ã€
t-w-o 2016/10/27
NicoNico

HTML5
ãƒªãƒ³ã‚¯
https://www.sankei.com/special/push/
t-w-o 2016/08/11
HTML5

PWA

Push Notifications

news site
ãƒªãƒ³ã‚¯
ã™ã”ã„äººé”å‘¼ã‚“ã§ã€ŒWebã¯æ»ã¬ã‹ï¼Ÿã€ã‚’ãƒžã‚¸ãƒ¡ã«èªžã‚Šåˆã£ã¦ã‚‚ã‚‰ã£ãŸ-å‰ç·¨- | HTML5Experts.jp
ã€åŠå·å“ä¹Ÿãƒ»æ¸…æ°´äº®ãƒ»ç¾½ç”°é‡Žå¤ªå·³ãƒ»è—¤æ‘åŽšå¤«ã€‘ã™ã”ã„äººé”å‘¼ã‚“ã§ã€ŒWebã¯æ»ã¬ã‹ï¼Ÿã€ã‚’ãƒžã‚¸ãƒ¡ã«èªžã‚Šåˆã£ã¦ã‚‚ã‚‰ã£ãŸï¼ˆå‰ç·¨ï¼‰ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ä»Šã¾ãŸã€ã€ŒWebã®æ»ã€ã‚’äºˆè¨€ã™ã‚‹è«–èª¿ã‚’ãã“ã“ã“ã«è¦‹ã‹ã‘ã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚„ã‚¦ã‚§ã‚¢ãƒ©ãƒ–ãƒ«ã¨ã„ã£ãŸæ–°ãŸãªã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãŒã€ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ãƒã‚¤ãƒ†ã‚£ãƒ–ãªæŠ€è¡“ã®å„ªä½æ€§ã‚’å¾ŒæŠ¼ã—ã—ã¦ã„ã‚‹ã ã‘ã§ã¯ãªãã€Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ¶ˆè²»ã®ä»•æ–¹ã‚’å¤§ããå¤‰ãˆã€Webä¸Šã§æˆã‚Šç«‹ã£ã¦ã„ãŸãƒ“ã‚¸ãƒã‚¹ãƒ¢ãƒ‡ãƒ«ã‚’ã‚‚è„…ã‹ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ æœ¬å½“ã«Webã¯ãƒ¤ãƒã„ã®ã‹ã€æ°—ã«ãªã£ã¦ã—ã‚‡ã†ãŒãªã„ã®ã§ã€ã‚¹ã‚´ã„äººãŸã¡ã«é›†ã¾ã£ã¦ã‚‚ã‚‰ã£ã¦ã€ã€ŒWebã¯æ»ã¬ã‹ã€ã«ã¤ã„ã¦èªžã‚Šåˆã£ã¦ã„ãŸã ãã¾ã—ãŸã€‚Webã‚’å–ã‚Šå·»ãæ§˜ã€…ãªè«–ç‚¹ã‚’åŒ…æ‹¬çš„ã«è°è«–ã§ãã€è²´é‡ãªå ´ã«ãªã£ãŸã®ã§ã¯ãªã„ã‹ã¨è‡ªè² ã—ã¦ãŠã‚Šã¾ã™ã€‚ Webã«é–¢ã‚ã‚‹äººã«ã¨ã£ã¦ã¯å¿…èªã®å¯¾è«‡ã ã¨æ€ã„ã¾ã™ï¼ã§ã‚‚ã“ã®è¨˜äº‹ã€é•·ãã¦æ¿ƒã„ã®ã§ã€å¿ƒã—ã¦ã‹ã‹ã£ã¦ãã ã•ã„ã:-
t-w-o 2016/01/12
web

app

HTML5
ãƒªãƒ³ã‚¯
ã€Œã‚¬ãƒƒãƒ„ã€å…¨é«˜ç´„750mmã‚’ä½“æ„Ÿã›ã‚ˆï¼
t-w-o 2015/02/07
web design

case

size

HTML5
ãƒªãƒ³ã‚¯
MONOGATARI DROPS
ã€Žç¶šãƒ»çµ‚ç‰©èªžã€&ã€Žãƒ’ãƒã‚¤ãƒ³æœ¬ç¥žåŽŸé§¿æ²³ã€åˆŠè¡Œã‚’è¨˜å¿µã—ã¦ã€<ç‰©èªž>ã‚·ãƒªãƒ¼ã‚ºã®è»Œè·¡ã‚’è¾¿ã‚‹100ã®è¨€è‘‰ã‚’åŽ³é¸ã—ãŸãƒ¡ãƒ¢ãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã‚’å…¬é–‹ã€‚ã‚ã®è¨€è‘‰ã«ã€ã‚‚ã†ä¸€åº¦å‡ºä¼šãŠã†ã€‚
t-w-o 2014/09/20
promotion

campaign

HTML5
ãƒªãƒ³ã‚¯
HTML5 Experts Works
All Works HTML5 JUMBOTRON by å¤§æ´¥è°·äº®ç¥ 2,580 node-hue-remote by å¾éƒ· å” 2,198 MySQL Console by ç”°ä¸æ´‹ä¸€éƒŽ 2,958 ChromeMyAdmin by ç”°ä¸æ´‹ä¸€éƒŽ 2,982 HTML5æ¯ by é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ 2,694 dialog element demo by ãˆãƒ¼ã˜ 2,279 wri.pe by å¢—äº• é›„ä¸€éƒŽ 2,174 StyleStats by çŸ³æœ¬ å…‰å¸ 2,632 csv2table by é«˜æ©‹ ç™»å²æœ— 2,965 ccchart by é«˜æ©‹ ç™»å²æœ— 3,582 Hue Video Ambilight by å¾éƒ· å” 2,690 Caption Phone / å—å¹•ä»˜ããƒœã‚¤ã‚¹ãƒãƒ£ãƒƒãƒˆ by ä»² è£•ä»‹ 3,865 WebRTC Chat on SkyWay by å°æ¾ å¥ä½œ 3 jsdo.
t-w-o 2014/04/29
HTML5

HTML5 Experts
ãƒªãƒ³ã‚¯
HTML5 å‹§å‘Šå€™è£œãŒæ›´æ–°ã€template è¦ç´ ãŒè¿½åŠ ãªã©
HTML5 å‹§å‘Šå€™è£œãŒ 2æœˆ 4æ—¥ä»˜ã‘ã§æ›´æ–°ã•ã‚Œã¾ã—ãŸã€‚å‹§å‘Šå€™è£œã¨ã—ã¦ã®æ›´æ–°ã¯ä»Šå›žã§ 2å›žç›® ï¼ˆåŽ»å¹´ã® 8æœˆ 6æ—¥ä»˜ã‘ã§æ›´æ–°ã•ã‚Œã¦ã„ã¾ã™ï¼‰ ã§ã™ãŒã€ä»Šå›žã¯æ–°ãŸã« template è¦ç´ ãªã©ãŒè¿½åŠ ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ Five Documents Published by the HTML Working Group ï¼š W3C News HTML5 - W3C Candidate Recommendation 04 February 2014 template è¦ç´ ã¨ã¯ï¼Ÿ template è¦ç´ ã¯ HTML5 extension ï¼ˆHTML5 æ‹¡å¼µä»•æ§˜ï¼‰ ã¨ã—ã¦ç–å®šã•ã‚Œã¦ã„ãŸè¦ç´ ã§ã€æ‰€è¬‚ Web Components ä»•æ§˜ã® 1ã¤ã€‚ JavaScript ã«ã‚ˆã£ã¦æ–‡æ›¸ã«æŒ¿å…¥ã™ã‚‹ HTML ã®æ–ç‰‡ ï¼ˆãƒ‘ãƒ¼ãƒ„ï¼‰ ã‚’ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦å®šç¾©ã—ã¾ã™ã€‚ã“ã®è¦ç´ ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸéƒ¨åˆ†ã¯é€šå¸¸çŠ¶æ…‹ã§ã¯ãƒ¬ãƒ³ãƒ€ãƒª
t-w-o 2014/03/30
template

HTML5

ruby
ãƒªãƒ³ã‚¯
Googleã‚¸ãƒ§ãƒ³ãƒ»ãƒŸãƒ¥ãƒ¼ãƒ©ãƒ¼ã€æ–°ã—ã„ã‚µã‚¤ãƒˆã«ã¯ã€Œ#!ã€ã®Ajaxã‚ˆã‚Šã‚‚ã€ŒHTML5ã®History API/pushStateã€ã‚’æŽ¨å¥¨
[å¯¾è±¡: ä¸Šç´š] Googleã®John Muellerï¼ˆã‚¸ãƒ§ãƒ³ãƒ»ãƒŸãƒ¥ãƒ¼ãƒ©ãƒ¼ï¼‰æ°ã¯ã€Ajaxã‚’åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€ã€Œexample.com/#!/xyzã€ã®ã‚ˆã†ã«ã€Œ#!ã€ã‚’ä½¿ã£ã¦URLã‚’æ§‹æˆã™ã‚‹ã‚ˆã‚Šã‚‚ã€HTML5ã§æŽ¡ç”¨ã•ã‚ŒãŸHistory APIã‚„pushStateã®æ©Ÿèƒ½ã‚’ä½¿ã†ã“ã¨ã‚’å‹§ã‚ã¾ã—ãŸã€‚ ã€ŒHTML5ã®pushState/replaceStateã€ã®ä½¿ç”¨ã‚’æŽ¨å¥¨ John Muelleræ°ã¯ã€SEOç³»ã®ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã«æŠ•ç¨¿ã•ã‚ŒãŸã€Œ#!ã€ã®ä½¿ã„æ–¹ã«é–¢ã™ã‚‹2ã¤ã®åˆ¥ã€…ã®è³ªå•ã«ã€æ¬¡ã®ã‚ˆã†ã«ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã—ã¾ã—ãŸã€‚ éžé›£ã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã‚’æ‰¿çŸ¥ã§è¨€ã†ã¨ã€HTML5ã§æ–°ã—ã„ã‚µã‚¤ãƒˆã‚’é‹ç”¨ã—ã¦ã„ã‚‹ãªã‚‰ã€HTML5ã®History APIã‚’åˆ©ç”¨ã—é€šå¸¸ã®URLã‚’ä½¿ã£ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›ã—ãŸæ–¹ãŒã„ã„ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯JSã‚’ä½¿ã„ãƒ–ãƒ©ã‚¦ã‚¶ã®URLã‚’å¤‰ãˆã‚‹ã€ã—ã‹ã—æœ€åˆã®èªã¿è¾¼ã¿ã§é™çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¿”ã™ã€‚ ã‚ˆã‚Šæ–°ã—ã„ä»£æ›¿
t-w-o 2014/03/09
ajax

pjax

SEO

John Mueller

HTML5
ãƒªãƒ³ã‚¯
http://blog.e-riverstyle.com/2013/12/html51strong.html
t-w-o 2014/01/13
HTML5

strong
ãƒªãƒ³ã‚¯
ãƒžã‚¤ãƒ³ã‚¹ã‚¤ãƒ¼ãƒ‘ã‚’è¤‡æ•°äººåŒæ™‚ã«ã‚¨ãƒ³ãƒ‰ãƒ¬ã‚¹ã§ãƒ—ãƒ¬ã‚¤ã§ãã‚‹ã€ŒMinefieldã€ - GIGAZINE
By tim rich and lesley katon ãƒžã‚¤ãƒ³ã‚¹ã‚¤ãƒ¼ãƒ‘ã¨ã„ãˆã°ã€ãƒžã‚¹ç›®ã§ã§ããŸåœ°é›·åŽŸã®ä¸ã‹ã‚‰åœ°é›·ã‚’æŽ¢ã—ã¦æ——ã‚’ãŸã¦ã€æ¬¡ã®åœ°é›·ã‚’æŽ¢ã—ã¦ã¾ãŸæ——ã‚’ãŸã¦â€¦â€¦ã¨ã„ã†ä½œæ¥ã‚’ç¹°ã‚Šè¿”ã™ã€åœ°å‘³ãªãŒã‚‰ã‚‚ãƒ—ãƒ¬ãƒ¼ã—å§‹ã‚ã‚‹ã¨ãªã‹ãªã‹æ¢ã‚ã‚‰ã‚Œãªã„é”æ€§ã®ã‚²ãƒ¼ãƒ ã§ã™ã€‚ãã‚“ãªãƒžã‚¤ãƒ³ã‚¹ã‚¤ãƒ¼ãƒ‘ã‚’ã‚¨ãƒ³ãƒ‰ãƒ¬ã‚¹ã‹ã¤è¤‡æ•°äººã¨åŒæ™‚ã«ãƒ—ãƒ¬ãƒ¼ã§ãã‚‹ã®ãŒã€ŒMinefieldã€ã§ã€HTML5ã§æ§‹ç¯‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ã§é–‹ã‘ã°ç°¡å˜ã‚µã‚¯ã‚µã‚¯ã«éŠã¹ã‚‹ã‚²ãƒ¼ãƒ ã«ãªã£ã¦ã„ã¾ã™ã€‚ Minefield, HTML5 Massively Multiplayer Online Minesweeper http://mienfield.com/ ä¸Šè¨˜ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãã“ã¯æ—¢ã«åœ°é›·åŽŸã§ã—ãŸã€‚ Minefieldã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ãã“ã¯æ—¢ã«åœ°é›·åŽŸã ã£ãŸ - YouTube åˆå›žã‚¢ã‚¯ã‚»ã‚¹æ™‚ã¯ä»–ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã›ã£ã›ã¨åœ°é›·ã‚’æŽ¢ã—ã¾ãã£ã¦ã„ã‚‹æ§˜åã«é©šãã¾ã™ãŒ
t-w-o 2014/01/11
game

HTML5
ãƒªãƒ³ã‚¯
ã€Œã‚ãªãŸã¯ã€ã“ã‚Œã‚‰ã‚’ç¾Žã—ããƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãã‚‹ã‹ãªï¼Ÿã€#Markup CafeTokyoã€CodeIQæä¾›ã€‘#html5jï½œU-NOTE [ãƒ¦ãƒ¼ãƒŽãƒ¼ãƒˆ]
ã€Œ3ã¤ã®ï¼œtableï¼žã‚’è‡ªåˆ†ã§ã‚‚è€ƒãˆãŸã‚“ã§ã™ã‘ã©ã€ã‚ã¾ã‚Šã—ã£ãã‚Šæ¥ãªã‹ã£ãŸã®ã§æ™®é€šã«1ã¤ã§ã¾ã¨ã‚ã¦ã—ã¾ã†å½¢ã«ãªã‚Šã¾ã—ãŸã€‚ã€ï¼ˆCãƒãƒ¼ãƒ ï¼‰ Dãƒãƒ¼ãƒ ã€Œæœ€åˆï¼œtableï¼žã§å›²ã†ã‹è¿·ã£ãŸã‚“ã§ã™ã‘ã©ã€ã—ã£ã‹ã‚Šï¼œtableï¼žã§å›²ã„ã“ã‚€ã¨ç¸¦ã¨æ¨ªã®ç´ä»˜ã‘ã‚’ã—ã£ã‹ã‚Šè¡Œã£ã¦ãã‚Œã‚‹ã‚“ã ãªã¨æ€ã„ã¾ã—ãŸã€‚ï¼œtableï¼žã®è‰¯ã•ã‚’åˆã‚ã¦çŸ¥ã‚Šã¾ã—ãŸã€‚ï¼œscope="row"ï¼žã‚’ä½¿ã£ã¦ã€ä¸‹ã«ç´ã¥ã„ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã‚’ç¤ºã—ã¦ã„ã¾ã™ã€‚ã€ï¼ˆDãƒãƒ¼ãƒ ï¼‰ æŠ•ç¥¨çµæžœ ç™ºè¡¨å¾Œã€ã©ã®ãƒãƒ¼ãƒ ãŒä¸€ç•ªè‰¯ã‹ã£ãŸã‹ã‚’æŠ•ç¥¨ã—ã¦æ±ºã‚åˆã„ã€Bãƒãƒ¼ãƒ ã¯4ç¥¨ã€Dãƒãƒ¼ãƒ ã¯6ç¥¨ã€Cãƒãƒ¼ãƒ ã¯6ç¥¨ã€Aãƒãƒ¼ãƒ ã¯6ç¥¨ã¨ã„ã†çµæžœã§ã€ç”²ä¹™ã¤ã‘ãŒãŸãï¼“ãƒãƒ¼ãƒ ãŒåŒã˜å¾—ç¥¨çµæžœã¨ãªã£ãŸã€‚ ã“ã®å•é¡Œã§ã¯ã€tableè¦ç´ ã‚’å·§ã¿ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€éŸ³å£°èªã¿ä¸Šã’ã‚’ã—ãŸå ´åˆã«è¡¨ã®æ„å‘³ãŒåˆ©ç”¨è€…ã«ä¼ã‚ã‚‹ã‹ã‚’ç‰¹ã«è€ƒå¯Ÿã•ã‚Œã¦ã„ãŸã€‚ å…¨ä½“ã‚’é€šã—ã¦ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ã€æ™®æ®µã®æ¥å‹™
t-w-o 2013/12/30
pagination

HTML5
ãƒªãƒ³ã‚¯
ç¶šãƒ»ã‚ˆãã‚ã‚‹3ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©è§£
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚·ãƒªãƒ¼ã‚ºã®ç¬¬2å›žã¯ã€å‰å›žã®ã‚ˆãã‚ã‚‹3ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©è§£ã¨åŒã˜ãã€html5jãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—éƒ¨ä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒMarkupCafeã€ã§å‡ºé¡Œã•ã‚ŒãŸ3ã¤ã®ãŠé¡Œã‹ã‚‰æœ€é©ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’æŽ¢ã‚Šã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã§ã¯Aã‹ã‚‰Dã®4ã¤ã®ãƒãƒ¼ãƒ ã«ã‚ã‹ã‚Œã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è€ƒãˆã¾ã—ãŸã€‚ãã‚Œãžã‚Œã®ãƒãƒ¼ãƒ ã”ã¨ã«é•ã£ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¸ã®è€ƒãˆãŒè¡¨ã‚Œã¦ã„ã¦ã¨ã¦ã‚‚èˆˆå‘³æ·±ã„ã§ã™ã€‚ã¾ãŸä»Šå›žã¯ã‚¤ãƒ™ãƒ³ãƒˆçµ‚äº†å¾Œã«ã€ŒHTML5 Experts.jpã€ã®ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆå…¼ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—éƒ¨ã®éƒ¨é•·ã§ã‚‚ã‚ã‚‹æ‘å²¡æ£å’Œæ°ã«ã€æ°è‡ªèº«ãªã‚‰ã“ã†ã™ã‚‹ã¨ã„ã£ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’å…¬é–‹ã—ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯Webã‚µã‚¤ãƒˆåˆ¶ä½œã®éš›ã«ã‚ã‚ŠãŒã¡ãªâ€ãƒšãƒ¼ã‚¸ãƒ³ã‚°â€ã€â€ãƒ•ã‚©ãƒ¼ãƒ â€ã€â€ãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ãƒ«â€ã®3ã¤ã«ã¤ã„ã¦è¦ç´ ã®ä½¿ã„ã©ã“ã‚ã‚„ä»•æ§˜ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ã„ã£ãŸè¦³ç‚¹ã‹ã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è€ƒãˆã¦ã„ãã¾ã™ã€‚ 1.ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã®ä¸èº«ã¨é‡è¦åº¦ æœ€åˆ
t-w-o 2013/11/19
markup

pagination

HTML

HTML5
ãƒªãƒ³ã‚¯
ç¬¬40å›ž HTML5ã¨ã‹å‹‰å¼·ä¼š HTML5ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ãƒ“ã‚®ãƒŠãƒ¼ã®è‰¯ãã‚ã‚‹è³ªå•ã«ã‚ºãƒãƒªç”ãˆã¾ã™
This document discusses HTML5 elements like <article>, <section>, <header>, <footer>, and <div> tags for structuring web pages. It recommends using semantic HTML5 elements to build a modern website layout with sections for wrappers, headers, main content areas, and footers. The document also mentions supporting HTML5 in different browsers like Internet Explorer, Firefox, Chrome, and Safari.Read le
t-w-o 2013/08/11
HTML5

semantic

article
ãƒªãƒ³ã‚¯
ã€Œç¬¬40å›žã€€HTML5ã¨ã‹å‹‰å¼·ä¼š ï½žã“ã‚Œã‹ã‚‰ã®Webåˆ¶ä½œã§å¤§äº‹ãªã“ã¨ã€æ´»å‹•å ±å‘Š | gihyo.jp
2013å¹´7æœˆ25æ—¥ã€ç¬¬40å›žã‚’è¿ŽãˆãŸã€ŒHTML5ã¨ã‹å‹‰å¼·ä¼šã€ã¯æ™®æ®µã¨è¶£å‘ã‚’å¤‰ãˆãŸã€Œå¥³æ€§å‘ã‘ã®å„ªã—ã„å‹‰å¼·ä¼šã€ã¨ã—ã¦ã€LINEã•ã‚“ã«ä¼šå ´ã‚’ãŠå€Ÿã‚Šã—ã¦é–‹å‚¬ã—ã¾ã—ãŸã€‚ å‹‰å¼·ä¼šã§ã¯ã€Œã“ã‚Œã‹ã‚‰ã®Webåˆ¶ä½œã§å¤§äº‹ãªã“ã¨ã€ã‚’ãƒ†ãƒ¼ãƒžã«ã€Webåˆ¶ä½œã¸ã®å–ã‚Šçµ„ã¿æ–¹ã‚„è€ƒãˆæ–¹ã«ã¤ã„ã¦ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã—ãŸã€‚æœ¬ç¨¿ã§ã¯ã€ä»Šå›žã®å†…å®¹ã«ã¤ã„ã¦ãƒ¬ãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ è¦‹ãŸç›®ä»¥ä¸Šã«å¤§äº‹ãªã“ã‚Œã‹ã‚‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ã¯ã˜ã‚ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ãƒ„ã‚¯ãƒã‚¢ã®ç§‹è‘‰ç§€æ¨¹ã•ã‚“ã‹ã‚‰ã€è¡Œå‹•ã¨æ™‚é–“è»¸ã‚’æ„è˜ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®è€ƒãˆæ–¹ã«ã¤ã„ã¦ç´¹ä»‹ã„ãŸã ãã¾ã—ãŸã€‚ è¡Œå‹•ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ ç¾åœ¨ã®æ—¥æœ¬ã§ã¯ã€Œç¾Žã—ã„ã‚‚ã®ã‚„ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚‚ã®ã€ã‚ªã‚·ãƒ£ãƒ¬ãªã‚‚ã®ã‚„æµè¡Œã‚Šã®ã‚‚ã®ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ãŒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä¾¡å€¤ã¨ã„ã†åã£ãŸè€ƒãˆæ–¹ãŒã‚ã‚‹ã€ã¨ç§‹è‘‰ã•ã‚“ã¯è¨€ã„ã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®å…ˆã«ã‚ã‚‹ãƒ¦ãƒ¼ã‚¶ã®è¡Œå‹•ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã‚‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å¤§äº‹ãªå½¹å‰²ã ã¨èª¬æ˜Žã—ã¾ã—ãŸã€‚ éƒ½åˆã®ã„ã„çŠ¶æ…‹ã ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã‚ã‚ˆã† ã€Œéƒ½åˆ
t-w-o 2013/08/11
HTML5

presentation
ãƒªãƒ³ã‚¯
HTML5Experts.jp
é€²åŒ–ã™ã‚‹Web ï½žProgressive Web Appsã®å®Ÿè£…ã¨å¿œç”¨ï½ž(de:code2018ã‚ˆã‚Š) ç‰©æ±Ÿ ä¿® 2018å¹´5æœˆã«é–‹å‚¬ã•ã‚ŒãŸæ—¥æœ¬ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆde:code 2018ã§ã€Œé€²åŒ–ã™ã‚‹Web ï½žProgressive Web Appsã®å®Ÿè£…ã¨å¿œç”¨ï½žã€ã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã§ããªã‹ã£ãŸ...
t-w-o 2013/07/10
æœ¬æ—¥å…¬é–‹ã§ã™ã€‚ç§ã‚‚ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã¨ã—ã¦å‚åŠ ã•ã›ã¦é ‚ãã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚éŒšã€…ãŸã‚‹ãƒ¡ãƒ³ãƒãƒ¼ãŒæƒã†ä¸ã§ã™ã£ã‹ã‚Šæµ®ã„ã¦ã„ã‚‹æ°—ãŒã—ã¾ã™ãŒã€ãŒã‚“ã°ã‚Šã¾ã™ï¼ #html5exp

HTML5

HTML5 Experts
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ³ã‚½ãƒ¼ãƒ«ç³» æ°·å†·ã‚¨ãƒŠã‚¸ãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ RAIZIN COOL | RAIZIN / ENERGY DRINK
ã‚¢ã‚¬ã‚‹ã‚¨ãƒŠã‚¸ãƒ¼ãƒ‰ãƒªãƒ³ã‚¯RAIZINã«ã€å¤å£é™å®šã®ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ©ã‚¤ãƒ³ãŒç™»å ´ã€‚ãã®åã¯ã€ã€ŒRAIZIN COOLã€ã€‚ä»•äº‹ã«ã‚‚éŠã³ã«ã‚‚çˆ½å¿«æ„Ÿã‚’æ±‚ã‚ã‚‹ã‚ãªãŸã«ã€ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªãƒ–ãƒªãƒ¼ã‚ºæ„Ÿã‚’æä¾›ã™ã‚‹ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãƒ¡ãƒ³ãƒˆã‚¨ãƒŠã‚¸ãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ã ã€‚ãƒ¡ãƒ³ã‚½ãƒ¼ãƒ«ã®çªãæŠœã‘ã‚‹ã‚¯ãƒ¼ãƒ«ãªåˆºæ¿€ã«ã€ã‚ãªãŸã¯ãã£ã¨è™œã«ãªã‚‹ã€‚
t-w-o 2013/07/02
HTML5

canvas

case
ãƒªãƒ³ã‚¯
HTML5 å‹§å‘Šå€™è£œã« main è¦ç´ ãŒè¿½åŠ ã€hgroup è¦ç´ ã¯äºˆå®šé€šã‚Šå‰Šé™¤
ã¡ã‚‡ã£ã¨å‰ã« ã€Œhgroup è¦ç´ ãŒ HTML5 ã®å‹§å‘Šå€™è£œ ï¼ˆCandidate Recommendationï¼‰ ã‹ã‚‰å‰Šé™¤ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ã€ ã£ã¦è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€å®Ÿéš›ã«å‰Šé™¤ã•ã‚ŒãŸã¿ãŸã„ã§ã™ã ï¼ˆEditor's Draft ã§ã¯ï¼‰ã€‚ ã¤ã„ã§ã«ã€ã™ã§ã« HTML 5.1 Nightly ã«ã¯ã™ã§ã«è¿½åŠ ã•ã‚Œã¦ã„ãŸã€main è¦ç´ ãŒã€HTML5 å‹§å‘Šå€™è£œã®æ–¹ã«ã‚‚è¿½åŠ ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ HTML5 W3C Candidate Recommendation 17 December 2012 hgroup è¦ç´ ãŒ HTML5 å‹§å‘Šå€™è£œã‹ã‚‰å‰Šé™¤ã•ã‚Œã‚‹ main è¦ç´ ã¨ã¯ï¼Ÿ main è¦ç´ ã¯å…ƒã€…ã€Steve Faulkner æ° ï¼ˆWeb ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£é–¢é€£ã®æ–¹ï¼‰ ãŒ HTML5 ã®æ‹¡å¼µä»•æ§˜ã¨ã—ã¦ææ¡ˆã—ã€HTML 5.1 ã«æ£å¼ã«å–ã‚Šå…¥ã‚Œã‚‰ã‚ŒãŸè¦ç´ ã§ã€ãã®åã®é€šã‚Šã€æ–‡æ›¸å†…ã®ã€ã€Œä¸»è¦ãªéƒ¨åˆ†ã€ ã‚’ãƒžãƒ¼ã‚¯ã‚¢
t-w-o 2013/05/05
HTML5
ãƒªãƒ³ã‚¯
HTML5 Outliner - Chrome Web Store
Generates a navigable page outline with heading and sectioning elements This extension is using the HTML5 outline algorithm to create a table of contents. Should also work well with HTML4 (and older?) pages, that have structured headings. The table of contents is clickable and tries to highlight the heading/section in question after the jump. The extension should prove useful to people who find th
t-w-o 2013/04/14
HTML5

chrome

plugin
ãƒªãƒ³ã‚¯
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your userâ€™s browser features.Modernizr tells you what HTML, CSS and JavaScript features the userâ€™s browser has to offer.Add your detects Development build What is Modernizr?Itâ€™s a collection of superfast tests â€“ or â€œdetectsâ€ as we like to call them â€“ which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
t-w-o 2013/04/13
HTML5

Modernizr
ãƒªãƒ³ã‚¯
HTML5ã«æœ¬è…°ã‚’å…¥ã‚Œå§‹ã‚ãŸä»»å¤©å ‚â€•GDCã§è¦‹ãˆã¦ããŸã‚²ãƒ¼ãƒ ãƒ“ã‚¸ãƒã‚¹ã®ã‚†ããˆ
HTML5å‘ã‘ã®ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã—ã¦å›½å†…ã§çŸ¥ååº¦ã‚’ä¸Šã’ã¦æ¥ãŸenchant.jsã®ãƒ–ãƒ¼ã‚¹å‡ºå±•ã¨ã—ã¦ã¯ä»Šå›žãŒ2å›žç›®ã€‚ æ®‹å¿µãªãŒã‚‰ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’å–æã™ã‚‹æ™‚é–“ã¯å–ã‚Œãªã‹ã£ãŸãŒã€ãã®åˆ†ã€ãƒ–ãƒ¼ã‚¹ã«é›†ã¾ã£ã¦æ¥ãŸã•ã¾ã–ã¾ãªæƒ…å ±ã‹ã‚‰ã€æ¬¡ä¸–ä»£ã‚²ãƒ¼ãƒ ã®ã‚ã‚‹ã¹ãå…·ä½“åƒãŒæ˜Žç¢ºåŒ–ã—ã¦ããŸã€‚ 1. ã‹ã¤ã¦å„„å˜ä½ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æ–™ãŒå¿…è¦ã ã£ãŸãƒã‚¤ã‚¨ãƒ³ãƒ‰ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ãŒåŽŸå‰‡ç„¡æ–™ã§ä½¿ç”¨å¯èƒ½ã« ä»Šå›žã€PS4ã®ç™ºè¡¨ã«åˆã‚ã›ã¦Unreal Engine 4ï¼ˆä»¥ä¸‹ã€UE4ï¼‰ã‚„Cryengineãªã©ãƒã‚¤ã‚¨ãƒ³ãƒ‰ã‚²ãƒ¼ãƒ å‘ã‘ã®ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ãŒå¤šæ•°ç™ºè¡¨ã•ã‚ŒãŸã€‚ UE4ã¯PS3ã€Xbox360ä¸–ä»£ã§ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã®åœ°ä½ã‚’ç¢ºç«‹ã—ãŸUnreal Engine3ã®æ£çµ±çš„ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§ã€æ–°ä¸–ä»£ã®ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã«å¯¾å¿œã—ãŸæ©Ÿèƒ½ãŒå¤šæ•°æè¼‰ã•ã‚ŒãŸã€‚ Cryengineã¯Crytechã®ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã§ã€ã“ã¡ã‚‰ã‚‚ãƒã‚¤ã‚¨ãƒ³ãƒ‰ã‚²ãƒ¼ãƒ å‘ã‘ã ãŒ
t-w-o 2013/04/07
PS4

Nintendo

HTML5
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸