[B! HTML5] hisasannã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hisasann id:hisasann

HTML5ã«é–¢ã™ã‚‹hisasannã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (422)

${{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}}

aã‚¿ã‚°ã®ä¸ã«divã‚„pã‚¿ã‚°,aã‚¿ã‚°ã®ä¸ã«aã‚¿ã‚°ã¯å¯èƒ½ã‹
ã€å¯èƒ½ã€‘aã‚¿ã‚°ã®ä¸ã«divã‚„pã‚¿ã‚°ã‚’å…¥ã‚Œã‚‹ çµè«–ã‹ã‚‰è¨€ã†ã¨aã‚¿ã‚°ã®ä¸ã«divã‚¿ã‚°ã‚’å…¥ã‚Œã‚‹ã“ã¨ã¯å¯èƒ½ã§ã™ã€‚ divã‚¿ã‚°ã©ã“ã‚ã‹pã‚¿ã‚°ã‚„h1ï½žh6ã‚¿ã‚°ã‚‚aã‚¿ã‚°ã®ä¸ã«ã„ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚Œã¯ç„¡ç†ã‚„ã‚Šãªã®ã§ã¯ãªãã€html5ã‹ã‚‰å¯èƒ½ã«ãªã£ãŸæ£å¼ãªã‚‚ã®ã§ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã‚¯ãƒªãƒƒã‚¯ç¯„å›²ã‚’å¤§ããã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ aã‚¿ã‚°ã®ä¸ã«divã‚’å…¥ã‚Œã‚‹ä¾‹ aã‚¿ã‚°ã«divã‚„hã‚¿ã‚°ã€pã‚¿ã‚°ã‚’å…¥ã‚Œã‚‹ä¾‹ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ aã‚¿ã‚°ã‚’ã‚«ãƒ¼ãƒ‰ã®ã‚ˆã†ã«ã—ã¦ã€ãã®ä¸ã«ç”»åƒã‚„ã‚¿ã‚¤ãƒˆãƒ«ã€èª¬æ˜Žã‚’å…¥ã‚Œã‚‹ã¨ã„ã†ä½œã‚Šã¯ã‚ˆãã‚ã‚‹ã‚‚ã®ã§ã™ã€‚ å†™çœŸã‚¿ã‚¤ãƒˆãƒ« å†™çœŸã®èª¬æ˜Žå†™çœŸã®èª¬æ˜Žå†™çœŸã®èª¬æ˜Žå†™çœŸã®èª¬æ˜Žå†™çœŸã®èª¬æ˜Ž <style> a.cardsample{ display: block; width: 200px; border: 1px solid #333; padding: 10px; border-radius: 10px; backgrou
hisasann 2023/02/17
å¯èƒ½

HTML5
ãƒªãƒ³ã‚¯
Web Authentication (WebAuthn) Credential and Login Demo
Web Authentication is a new standard enabling the creation and use of strong, attested, scoped, public key-based credentials by web applications, for the purpose of strongly authenticating users using hardware authenticators.
hisasann 2020/11/06
WebAuthn

HTML5
ãƒªãƒ³ã‚¯
ã€ãŠè©«ã³ã¨è¨‚æ£ã€‘iOS11ã§ã¤ã„ã«Safariã‹ã‚‰ã‚«ãƒ¡ãƒ©ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ï¼ˆã‚³ãƒ”ãƒšã§å‹•ãã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ä»˜ãï¼‰ - KAYAC engineers' blog
ãŠè©«ã³ã¨è¨‚æ£ï¼šï¼ˆ2017/06/08 23:32ï¼‰ æœ¬è¨˜äº‹å†…ã«æŽ²è¼‰ã—ã¦ã„ã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒã€ Apple.Incã®é–‹ç™ºè€…åˆ©ç”¨è¦ç´„ï¼ˆAPPLE BETA SOFTWARE PROGRAM AGREEMENT APPLE INC.ï¼‰ã«æŠµè§¦ã—ã¦ã„ã‚‹ã¨ã„ã†ã”æŒ‡æ‘˜ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ Apple.Incã®é–‹ç™ºè€…åˆ©ç”¨è¦ç´„ã‹ã‚‰ã€æŽ²è¼‰å†…å®¹ã‚’ä¸é©åˆ‡ã¨åˆ¤æ–ã—ã€è©²å½“ç®‡æ‰€ã‚’å‰Šé™¤ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Apple.IncåŠã³èªè€…ã®çš†æ§˜ã«æ·±ããŠè©«ã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ è¿½è¨˜ï¼šï¼ˆ2019/02/17ï¼‰ Navigator.getUserMediaãŒéžæŽ¨å¥¨ã¨ãªã£ãŸãŸã‚ã€MediaDevices.getUserMediaã‚’ä½¿ã†ã‚ˆã†ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ Navigator.getUserMedia - Web API | MDN MediaDevices.getUserMedia() - Web API | MDN ã–ã£ãã‚Š1è¡Œã§ã¾
hisasann 2017/06/09
videoã€ canvasã€ getUserMedia

iOS11

HTML5
ãƒªãƒ³ã‚¯
æ—¥æœ¬ç‰ˆHuluã€Microsoftã‚‚ä½¿ç”¨ä¸æ¢ã‚’å‹§å‘Šã—ã¦ã„ã‚‹Silverlightã‚’æ–°ãŸã«å°Žå…¥ | ã‚¹ãƒ©ãƒ‰ YRO
æ—¥æœ¬ç‹¬è‡ªã®ã‚·ã‚¹ãƒ†ãƒ ã‚’å°Žå…¥ã—ãŸçµæžœHDCPãŒå¿…é ˆã«ãªã‚Šé¨’å‹•ã¨ãªã£ãŸå‹•ç”»é…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ã€ŒHuluã€æ—¥æœ¬ç‰ˆã ãŒã€Internet Explorerã§ã®è¦–è´å‘ã‘ã«ã¯Silverlightãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚ˆã†ã ï¼ˆHuluã®ãƒ˜ãƒ«ãƒ—ã‚»ãƒ³ã‚¿ãƒ¼ãƒšãƒ¼ã‚¸ï¼‰ã€‚Silverlightã¯MicrosoftãŒé–‹ç™ºã—ãŸWebãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æŠ€è¡“ã ãŒã€æœ€è¿‘ã®å¤šãã®Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ãŠã‚‰ãšã€2015å¹´ã«ã¯MicrosoftãŒä½¿ç”¨ä¸æ¢ã‚’æŽ¨å¥¨ã™ã‚‹äº‹æ…‹ã«ãªã£ã¦ã„ã‚‹ã€‚ ã¾ãŸã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã‚ˆã£ã¦HDCPãŒå¿…é ˆã«ãªã‚‹ã¨ã„ã†è©±ã ã£ãŸãŒã€IEï¼‹Silverlightãªã‚‰HDCPã«å¯¾å¿œã—ã¦ã„ãªã„ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã‚‚è¦–è´ã§ãã€ç”»é¢ã‚ãƒ£ãƒ—ãƒãƒ£ã‚‚è¡Œãˆã‚‹ã¨ã„ã†è©±ã‚‚å‡ºã¦ã„ã‚‹ï¼ˆã€Œã‹ã‚„ã®ã¿æ—¥è¨˜å¸³ã€ãƒ–ãƒã‚°ã€ã€ŒT.Ishiiã®ã‚½ãƒ•ãƒˆé–‹ç™ºè¨˜ã€ãƒ–ãƒã‚°ã€ã€ŒS-Pegasusã€ãƒ–ãƒã‚°ï¼‰ã€‚
hisasann 2017/05/24
HTML5
ãƒªãƒ³ã‚¯
ç¬¬68å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒWebãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€
ã€ŒWebãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€ç‰¹é›†ã§ã™ï¼Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ãŠã‘ã‚‹ã‚µãƒžãƒªãƒ¼ã‚„é–¢é€£ä»•æ§˜ã€æœ€æ–°ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’å¹…åºƒãç´¹ä»‹ã—ã¾ã™ï¼https://html5j.connpass.com/event/50524/
hisasann 2017/04/17
*ã‚ã¨ã§èªã‚€

HTML5

*å‹•ç”»
ãƒªãƒ³ã‚¯
WebmentionãŒW3Cå‹§å‘Šã« | ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹
2017å¹´1æœˆ12æ—¥ã€WebmentionãŒW3Cå‹§å‘Šã«ãªã‚Šã¾ã—ãŸã€‚ Webmentionã¯Trackbackã«é¡žä¼¼ã—ãŸãƒ—ãƒãƒˆã‚³ãƒ«ã®ã²ã¨ã¤ã§ã€ã‚µã‚¤ãƒˆä¸Šã§ã®è¨€åŠã‚’ä»»æ„ã®URLã«é€šçŸ¥ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ é€šçŸ¥ã®å—ä¿¡å´ã‹ã‚‰ã¿ã‚Œã°ã€ä»–ã‚µã‚¤ãƒˆã«ãŠã„ã¦è¨€åŠã•ã‚ŒãŸéš›ã€ãã®é€šçŸ¥ã‚’å—ä¿¡ã™ã‚‹æ–¹æ³•ã®1ã¤ã§ã™ã€‚ Webmentionä»•æ§˜ã¯ã€Pingbackä»•æ§˜ã®ç°¡ç•¥ç‰ˆã¨ã—ã¦ç–å®šãŒå§‹ã¾ã‚Šã¾ã—ãŸã€‚ ä»Šã§ã¯Pingbackã®ãƒ¢ãƒ€ãƒ³ãªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆç‰ˆã§ã‚ã‚‹ã¨è¨€åŠã•ã‚Œã¦ã„ã¾ã™ã€‚ Webmentionã¯HTTPã¨x-www-form-urlencodedï¼ˆãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼‰ã‚’ç”¨ã„ãŸã€HTMLã«ãŠã‘ã‚‹formã®å½¢å¼ã§é€ä¿¡ã•ã‚Œã¾ã™ã€‚ ã“ã‚ŒãŒã€XML-RPCã‚’ç”¨ã„ã¦ã„ã‚‹Pingbackã¨ã®å¤§ããªé•ã„ã§ã‚ã‚Šã€ç°¡ç•¥åŒ–ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã‚ã‚Œã‚‹ã‚†ãˆã‚“ã§ã™ã€‚ ã™ã§ã«WordPressã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå˜åœ¨ã—ã¦ã„ã‚‹ï¼ˆGitHubï¼‰ãªã©ã€å„æ–¹é¢ã§ã®å®Ÿ
hisasann 2017/01/18
trackbackçš„ãª

HTML5
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®å‹•ç”»ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°æŠ€è¡“åŸºç¤Ž
å‹•ç”»ã¯ãƒ‡ãƒ¼ã‚¿å®¹é‡ãŒå¤§ãã„ ç”»åƒã¨é•ã„ã€å‹•ç”»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒ‡ãƒ¼ã‚¿å®¹é‡ãŒã¨ã¦ã‚‚å¤§ãã„ãŸã‚ã€ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦å†ç”Ÿã™ã‚‹ã¾ã§ã«å¾…ã¡æ™‚é–“ãŒç™ºç”Ÿã—ã¾ã™ã€‚ å‹•ç”»ã®ãƒ‡ãƒ¼ã‚¿å®¹é‡ãŒå¤§ãã„ç†ç”±ã¯ã¨ã¦ã‚‚å˜ç´”ã§ã€å‹•ç”»ã¯ç”»åƒãƒ‡ãƒ¼ã‚¿ãŒé›†åˆã—ãŸã‚‚ã®ã ã‹ã‚‰ã§ã™ã€‚é™æ¢ç”»åƒã‚’äººé–“ã®ç›®ãŒæ»‘ã‚‰ã‹ã«æ„Ÿã˜ã‚‰ã‚Œã‚‹é€Ÿã•ã§åˆ‡ã‚Šæ›¿ãˆã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã§çµµã‚’å‹•ã‹ã™ã¨ã„ã†è¡¨ç¾ã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ï¼ˆã‚ˆããƒ‘ãƒ©ãƒ‘ãƒ©ãƒžãƒ³ã‚¬ã«ä¾‹ãˆã‚‰ã‚Œã¾ã™ãŒã€ãã‚“ãªæ„Ÿã˜ã§ã™ï¼‰ã€‚ã“ã®äººé–“ã®ç›®ãŒæ»‘ã‚‰ã‹ã«æ„Ÿã˜ã‚‹é€Ÿã•ã¨ã„ã†ã®ãŒ 1 ç§’é–“ã« 30 æžšã ã£ãŸã‚Š 24 æžšã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚29.97 (â‰’30) fps ã¨ã‹ 24 fps ã¨ã‹ã®æ•°å—ã‚’è€³ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€24 fps ã®å ´åˆã¯ 1 ç§’é–“ï¼ˆsï¼‰ã®é–“ï¼ˆpï¼‰ã« 24 ãƒ•ãƒ¬ãƒ¼ãƒ ï¼ˆfï¼‰ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã‚’æ„å‘³ã—ã¾ã™ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚’å…¨ã¦è‡ªåˆ†ã®ç«¯æœ«ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‹ã‚‰å†ç”Ÿã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã‹ãªã‚Šé•·ã„å¾…ã¡æ™‚é–“ãŒç™ºç”Ÿã—ã¦ã—ã¾
hisasann 2016/09/30
video, streaming api, åœ§ç¸®

HTML5
ãƒªãƒ³ã‚¯
jsdo.it
hisasann 2016/07/13
video

three.js

HTML5
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«Webã®UIã‚’é€Ÿãã™ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‹ã‚‹â”€â”€Google I/O 2016 High Performance Web UI
ãƒ¢ãƒã‚¤ãƒ«Webã®UIã‚’é€Ÿãã™ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‹ã‚‹â”€â”€Google I/O 2016 High Performance Web UI å·ç”°å¯›ï¼ˆãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ãµã‚ã—ãã§ã™ï¼ ç§ã¯HTML5 Experts.jpã§ã€éŽåŽ»2å¹´ã»ã©Google I/Oã®æƒ…å ±ã‚’ç™ºä¿¡ã—ã€WebæŠ€è¡“ã®å¤‰åŒ–ã«ã¤ã„ã¦ãŠä¼ãˆã—ã¦ãã¾ã—ãŸã€‚æŒ¯ã‚Šè¿”ã‚‹ã¨Googleã¯ã€2014å¹´ã«ãƒ¢ãƒã‚¤ãƒ«Webã®æå”±ã¨æŠ€è¡“è¦ç´ ã®æ‹¡å¤§ã‚’å›³ã‚Šã€2015å¹´ã‹ã‚‰ã¯ã€ŒRAILï¼ˆãƒ¢ãƒã‚¤ãƒ«WebãŒç›®æŒ‡ã™ã¹ããƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æŒ‡æ¨™ï¼‰ã€ã‚„ã€ŒProgressive Web Appsï¼ˆã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«æŒ¯ã‚‹èˆžã†Webï¼‰ã€ã¨ã„ã£ãŸã€ãƒ¢ãƒã‚¤ãƒ«ã¨ã®è¦ªå’Œæ€§ãŒé«˜ã„Webã‚’ä½œã‚Šå‡ºã™ãŸã‚ã®â€è€ƒãˆæ–¹â€ã‚’æŽ¨ã—é€²ã‚ã¾ã—ãŸã€‚ä»Šå¹´2016å¹´ã¯ã€ã•ã‚‰ã«ãã‚Œã‚’è¸ã¿è¾¼ã‚“ã§ã„ã£ãŸã¨ã„ã†æ„Ÿã˜ãŒã—ã¾ã™ã€‚ ä»Šå›žã®I/Oã§å–ã‚Šä¸Šã’ã‚‹ã®ã‚‚ãã®ã²ã¨ã¤ã€‚æ¯Žåº¦ãŠé¦´æŸ“ã¿Google Developer A
hisasann 2016/07/08
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

HTML5

CSS3
ãƒªãƒ³ã‚¯
Ionic Framework - The Cross-Platform App Development Leader
hisasann 2016/07/08
HTML5

UI
ãƒªãƒ³ã‚¯
Here | The University of Sydney 360Âº tour
Flip your phone back at any time to learn more about your surroundings. Click and drag to look around in 360Â° Pause at any time to learn more about your surroundings. Play
hisasann 2016/07/01
HTML5

WebVR

*GoodSite
ãƒªãƒ³ã‚¯
Service Workers: Dynamic Responsive Images using WebP Images
Service Workers: Dynamic Responsive Images using WebP Images 02 Nov 2015 Images play an important role on the web today. Imagine a world without images on our web pages! High quality images can really make a website stand out, but unfortunately they come with a price to pay. Due to their large file sizes, they are bulky to download and result in slow page load times. If I'm a user with a low bandw
hisasann 2015/11/05
WebP

ServiceWorker

HTML5

JavaScript
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®ãƒ¢ãƒã‚™ã‚¤ãƒ«Webã¨æœ€æ–°å‹•å‘
ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã®å†åˆ°æ¥ã§ä»Šã€å†ã³æ³¨ç›®ã•ã‚Œã‚‹APIã®æœ¬å‘½ã€€ãƒ¼JavaScript SQL-like database
hisasann 2015/11/03
HTML5
ãƒªãƒ³ã‚¯
ã‚ãƒ£ãƒ³ãƒã‚¹ã‚’ä½¿ç”¨ã—ãŸå‹•ç”»ã®æ“ä½œ - Web API | MDN
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>å‹•ç”»ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸</title> <style> body { background: black; color: #ccc ccc; } #c2 { background-image: url(media/foo.png); background-repeat: no-repeat; } div { float: left; border: 1px solid #444444; padding: 10px; margin: 10px; background: #3b3b3b; } </style> </head> <body> <div> <video id="video" src="media/video.mp4" controls crosso
hisasann 2015/06/23
this.ctx1.drawImage(this.video, 0, 0, this.width, this.height);

Canvas

HTML5
ãƒªãƒ³ã‚¯
JavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¬›åº§ã€Blob URL Scheme ã«ã¤ã„ã¦ã€‘
ArrayBuffer ã¯ç‰©ç†ãƒ¡ãƒ¢ãƒªãŒç¢ºä¿ã§ããªã‘ã‚Œã°å•ç”ç„¡ç”¨ã§å¤±æ•—ã—ã¾ã™ãŒã€Blob ã¯æŸ”è»Ÿã«å‹•ä½œã—ã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ã€ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’é§†ä½¿ã—ã¦ã§ã‚‚è¶…å·¨å¤§ãªãƒã‚¤ãƒŠãƒªã®å–ã‚Šæ‰±ã„ã‚’è©¦ã¿ã¾ã™ã€‚
hisasann 2015/05/14
ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ãŒã€ä¸€æ™‚çš„ã«ãƒ¡ãƒ¢ãƒªä¸Šã«å¸¸é§ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã€

JavaScript

HTML5
ãƒªãƒ³ã‚¯
Fullscreen API ã¨ é—‡ - Browser
Fullscreen API ã¯å‹•ç”»å†ç”Ÿã‚„ã‚²ãƒ¼ãƒ ãªã©å…¨ç”»é¢ã«ã—æ²¡å…¥ã•ã›ãŸã„æ™‚ãªã©ã«ä½¿ã„ã¾ã™ã€‚ iOS Safari ã¨ Opera Mini, Android Browser ä»¥å¤–ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã‚ˆã†ã§ã™ã€‚ Can I use... Support tables for HTML5, CSS3, etc ã‚µãƒ³ãƒ—ãƒ« ä¸‹ã®ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ã¿ãŸãã ã•ã„ã€‚ ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³å¯¾è±¡ã¯çœŸã‚“ä¸ã® DIV ã‚¿ã‚°éƒ¨åˆ†ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Fullscreen API ä½¿ã„æ–¹ document."ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹"FullscreenEnabled ã§ Fullscreen API ãŒä½¿ãˆã‚‹ã‹ã©ã†ã‹ã‚’èª¿ã¹ã¦ã€ document."ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹"RequestFullscreen() ã§ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨ç¤ºã‚’é–‹å§‹ã—ã¾ã™ã€‚ ä»Šå›žä½¿ã£ã¦ã„ã¾ã›ã‚“ãŒã€"ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹"ExitFullscreen() ã§ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¡¨
hisasann 2015/04/20
ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³

HTML5
ãƒªãƒ³ã‚¯
Cut and copy commands Â |Â Blog Â |Â Chrome for Developers
IE10 and above added support for the 'cut' and 'copy' commands through the Document.execCommand() method. As of Chrome version 43, these commands are also supported in Chrome. Any text selected in the browser when one of these commands is executed will be cut or copied to the user's clipboard. This lets you offer the user a simple way to select a portion of text and copy it to the clipboard. This
hisasann 2015/04/16
cut, copy, selectionapi

JavaScript

HTML5
ãƒªãƒ³ã‚¯
Chrome 43ã‹ã‚‰DOMã®å±žæ€§ãŒJSã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã«ç§»è¡Œã—ã¾ã™ - Qiita
Chrome 43ãŠã‚ˆã³ãã‚Œä»¥é™ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ãŠã„ã¦ã€DOMã®å±žæ€§ï¼ˆå€¤ï¼‰ãŒJavaScriptã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã«ç§»è¡Œã•ã‚Œã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€çªã£è¾¼ã‚“ã ã“ã¨ã‚’ã‚„ã£ã¦ã„ãŸå ´åˆã«ã€ä»Šã¾ã§å‹•ä½œã—ã¦ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã‹ãªã„ã¨ã„ã†ã“ã¨ãŒç™ºç”Ÿã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã€äº‹å‰ã«å¤‰æ›´å†…å®¹ã‚’çŸ¥ã‚Šã€å¯¾ç–ã‚’ã—ã¦ãŠãã“ã¨ãŒæ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚HTML5Rockã®æ›´æ–°æƒ…å ±ã¨ã—ã¦æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€ã•ã£ããæ—¥æœ¬èªžè¨³ã‚’ã—ã¦ã¿ã¾ã—ãŸã€‚å¿ƒå½“ãŸã‚ŠãŒã‚ã‚‹æ–¹ã¯ã€ãœã²ä»¥ä¸‹ã®å†…å®¹ã‚’èªã‚“ã§ã„ãŸã ã„ã¦ã€ã‚³ãƒ¼ãƒ‰ã®ä¿®æ£ãªã©ã«å–ã‚Šè¾¼ã‚“ã§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ åŽŸæ–‡: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype DOMå±žæ€§ã¯ä»Šå¾Œãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã« Chromeãƒãƒ¼ãƒ ã¯ã€æœ€è¿‘ã€ŒDOMå±žæ€§ã‚’ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒã‚§ãƒ¼ãƒ³ã«ç§»å‹•ã—ã¦ã„ã¾ã™ã€ã¨ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã—ã¦ã„
hisasann 2015/04/15
HTML5

Chrome
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã§éŸ³å£°èªè˜ã¨ãƒ†ã‚ã‚¹ãƒˆèªã¿ä¸Šã’ã‚’å®Ÿç¾ã™ã‚‹ Web Speech API | CYOKODOG
HTML5 ã® Web Speech API ã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã§éŸ³å£°èªè˜ã¨ãƒ†ã‚ã‚¹ãƒˆã®èªã¿ä¸Šã’ã‚’å®Ÿç¾ã™ã‚‹ API ã§ã™ã€‚ ä»Šå›žã¯ã“ã® Web Speech API ã«ã¤ã„ã¦è©¦ã—ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«å°‘ã—å‰ã® Chrome ã§ã¯ Speech Input API ã¨ã„ã† INPUT è¦ç´ ã« x-webkit-speech ã¨ã„ã†å±žæ€§ã‚’è¨˜è¿°ã™ã‚‹ã®ã¿ã§ã€æ‰‹è»½ã«éŸ³å£°èªè˜ã‚’å®Ÿç¾ã§ãã‚‹ã¨ã„ã†æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã—ãŸãŒç¾ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯å»ƒæ¢ã•ã‚Œã¦ã‚‹ã‚ˆã†ã§ã™ãƒ»ãƒ»ãƒ» Web Speech API ã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ Can I Use ã‚ˆã‚Šã”ç¢ºèªãã ã•ã„ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®èªã¿ä¸Šã’ã‚’è¡Œã† Speech Synthesis API Speech Synthesis API ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€æŒ‡å®šã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚’ PC ã«èªã¿ä¸Šã’ã•ã›ã‚‹ã“ã¨ã§ãã¾ã™ã€‚ ä½¿ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã€new SpeechSynth
hisasann 2015/03/19
Speechã€èªã¿ä¸Šã’

HTML5
ãƒªãƒ³ã‚¯
60fps on the mobile web â€” Flipboard Engineering
Flipboard launched during the dawn of the smartphone and tablet as a mobile-first experience, allowing us to rethink content layout principles from the web for a more elegant user experience on a variety of touchscreen form factors. Now weâ€™re coming full circle and bringing Flipboard to the web. Much of what we do at Flipboard has value independent of what device itâ€™s consumed on: curating the bes
hisasann 2015/03/17
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

JavaScript

HTML5

React
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸