[B! HTML] Oooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Ooo id:Ooo

HTMLã«é–¢ã™ã‚‹Oooã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (178)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

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

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

{{/following_bookmarks}}

{{/is_wiped}}

Hands-on with Portals: seamless navigation on the web Â |Â Articles Â |Â web.dev
Hands-on with Portals: seamless navigation on the web Stay organized with collections Save and categorize content based on your preferences. Making sure your pages load fast is key to delivering a good user experience. But one area we often overlook is page transitionsâ€”what our users see when they move between pages. A new web platform API proposal called Portals aims to help with this by streamli
Ooo 2019/05/08
document

browser

portals

portal

javascript

html
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«å¿…é ˆã® link rel=preload ã¨ã¯ï¼Ÿï¼ˆä½¿ã„æ–¹ã¨ã‚µãƒ³ãƒ—ãƒ«HTMLãƒ»CSSï¼‰ | æ ªå¼ä¼šç¤¾ã‚¦ã‚§ãƒ–ä¼ç”»ãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ã‚º
ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«ã‚ãŸã‚Š Google ã® PageSpeed Insights ã¨ç¨ã‚ã£ã“ã‚’ã—ã¦ã„ã‚‹éš›ã€ã€Œã‚ãƒ¼ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ã€ã¨ã„ã†é …ç›®ãŒå‡ºç¾ã—ã¾ã—ãŸã€‚ ã‚ãƒ¼ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ <link rel="preload"> ã‚’ä½¿ç”¨ã—ã¦ã€ç¾åœ¨ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿ã®å¾Œã®ã»ã†ã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ã¦ã„ã‚‹ãƒªã‚½ãƒ¼ã‚¹ã‚’å„ªå…ˆçš„ã«å–å¾—ã™ã‚‹ã“ã¨ã‚’ã”æ¤œè¨Žãã ã•ã„ã€‚ â†“ã“ã‚“ãªæ„Ÿã˜ã®ã§ã™ ã“ã®æ”¹å–„ãŒã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«åŠ¹ãä½¿ãˆã‚‹æŠ€è¡“ã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã™ãŒã€ãªã‹ãªã‹ç†è§£ã—ã«ãã‹ã£ãŸã®ã§ã€ä»Šå›žã¯ <link rel="preload"> ã«ã¤ã„ã¦ã‚ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚¹ãƒ«ãƒ¼ã—ã¦ã—ã¾ã£ã¦ã„ãŸæ–¹ã¯ã€ã“ã‚Œã‚’æ©Ÿä¼šã«è¦šãˆã€ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ preloadï¼ãƒ—ãƒªãƒãƒ¼ãƒ‰ã¨èªã‚€ãã†ã§ã™ã€‚ ãã®åã®é€šã‚Šã€ãƒ—ãƒªï¼å…ˆè¡Œã€ãƒãƒ¼ãƒ‰ï¼èªã¿è¾¼ã¿ã€ã§å…ˆè¡Œèªã¿è¾¼ã¿ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«æŒ‡ç¤ºã™ã‚‹æ©Ÿèƒ½ã«ãªã‚Šã¾ã™ã€‚ link è¦ç´ ãªã®
Ooo 2019/04/05
html

preload
ãƒªãƒ³ã‚¯
jsPDF/examples/html2pdf at master Â· parallax/jsPDF
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Ooo 2019/01/26
pdf

html

javascript
ãƒªãƒ³ã‚¯
MicrosoftãŒã€ŒSketch 2 Codeã€ã‚’å…¬é–‹ï¼AIãŒã€æ‰‹æ›¸ãã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’HTMLã«è‡ªå‹•å¤‰æ›ã—ã¦ãã‚Œã‚‹æ–°æ™‚ä»£ã«ã€‚ã“ã‚Œã¯ã™ã”ã„ï¼ï¼ï½œæ¦ŠåŽŸæ˜Œå½¦
MicrosoftãŒã€ŒSketch 2 Codeã€ã‚’å…¬é–‹ï¼AIãŒã€æ‰‹æ›¸ãã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’HTMLã«è‡ªå‹•å¤‰æ›ã—ã¦ãã‚Œã‚‹æ–°æ™‚ä»£ã«ã€‚ã“ã‚Œã¯ã™ã”ã„ï¼ï¼ æµã‚Œã¦ããŸãƒ„ã‚¤ãƒ¼ãƒˆã‚’ã¿ã¦ã€Œãªã‚“ã ã“ã®ãƒ‡ãƒ¢ã¯ã€ã¨ã„ã‚ã„ã‚è¦‹ã¦ã¿ãŸã¨ã“ã‚ã€Microsoft AI labãŒã™ã”ã„æŠ€è¡“ã‚’å…¬é–‹ã—ã¦ã„ãŸã®ã§ç°¡å˜ã«ã¾ã¨ã‚ã¾ã™ã€‚ã©ã†ã„ã†æŠ€è¡“ã‹ã¨ã„ã†ã¨ã€Œæ‰‹æ›¸ãã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’é©åˆ‡ã«ä¿®æ£ã—ã¦HTMLã«è‡ªå‹•å¤‰æ›ã€ã—ã¦ãã‚Œã¾ã™ã€‚ Kabel, Spike Techniques, MicrosoftãŒ2018å¹´8æœˆæœ«ã«å…¬é–‹ã—ãŸSketch 2 Codeã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚GitHubï¼ˆÂ https://github.com/Microsoft/ailab/tree/master/Sketch2Code ï¼‰ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¡Œã£ã¦ã„ã‚‹å‡¦ç†ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ 1. ãƒ¦ãƒ¼ã‚¶ã¯Webã«ç”»åƒï¼ˆæ‰‹æ›¸ããƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬
Ooo 2018/09/01
microsoft

code

AI

html
ãƒªãƒ³ã‚¯
WebComponentsã¸ã®æ°—æŒã¡ - console.lealog();
ã“ã®è¨˜äº‹ã§ã¯ã€ Reactã‚„Vueã§ã¯ãªãWebComponentsã ã‘ã‚’ä½¿ã„ãŸã„æ°—æŒã¡ã‚’èƒ¸ã«ã€ã¨ã‚ã‚‹ç¤¾å†…ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã‚„ã£ã¦ã¿ã¦ã®å¦ã³ å··ã«ã‚ãµã‚Œã‚‹WebComponentsã«å¯¾ã™ã‚‹è¦‹æ–¹ã¸ã®é•å’Œæ„Ÿ ã«ã¤ã„ã¦ãƒ¡ãƒ¢ã£ã¦ãŠãã¾ã™ã€‚ ãŸã ã€ŒWebComponentsã€ã®èªžãŒã‚‚ã¤æ„å‘³ã‚’ãã£ã¡ã‚Šå®šç¾©ã—ã¦ã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§ã€ãã®ã¸ã‚“ã¯é›°å›²æ°—ã§å¯Ÿã—ã¦ãã ã•ã„ã€‚ ãã®ã›ã„ã§å‹˜é•ã„ã•ã‚ŒãŒã¡ãªæ¦‚å¿µãªã‚“ã‹ã‚‚ã€çŸ¥ã‚‰ã‚“ã‘ã©ã€‚ ã¾ãšã¯å··ã«ã‚ãµã‚Œã‚‹æ„è¦‹ã«å¯¾ã™ã‚‹æ°—æŒã¡ã‹ã‚‰ã€‚ (React|Vue|Xxx)ã¯ã‚‚ã†å¤ã„ã€ã“ã‚Œã‹ã‚‰ã¯WebComponentsã ï¼ å‹æ‰‹ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ãŒã€ã“ã†ã„ã†èªè˜ã®äººã„ã‚‹ã‚ˆããƒ»ãƒ»ï¼Ÿ å€‹äººçš„ã«ã¯ã€ã€Œã„ã‚„ã€WebComponentsã¯ãã†ã„ã†æŠ€è¡“ã˜ã‚ƒãªã„ã€ã¨æ€ã£ãŸãƒ»æ€ã£ã¦ã¾ã™ã€‚ ä»¥ä¸‹ã€Reactã‚‚Vueã‚‚Angularã‚‚ã€Œã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãŸã‚ã®æŠ€è¡“ã€ã§ã‚ã‚‹ãŒã€WebComponents
Ooo 2018/07/19
webcomponents

html
ãƒªãƒ³ã‚¯
è‹¥ã„ä¸–ä»£ãŒçŸ¥ã‚‰ãªã„2000å¹´ä»£ã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åœ°ç„ - ICS MEDIA
ã‚¦ã‚§ãƒ–ã®é»Žæ˜ŽæœŸã§ã‚ã‚‹2000å¹´é ƒã¨æ¯”ã¹ã¦ã¯ã‚‹ã‹ã«HTMLã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã‚„ã™ããªã‚Šã¾ã—ãŸã€‚10ã€œ20å¹´å‰ã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã ã£ãŸã®ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Netscapeã¨IEã®ãƒ–ãƒ©ã‚¦ã‚¶æˆ¦äº‰ã«æ±ºç€ãŒã¤ã„ãŸå¾Œã®ã€IE6ãŒå…¨ç››æœŸã¨ãªã£ãŸ2000å¹´ä»£ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã‚’æŒ¯ã‚Šè¿”ã‚Šã¾ã™ã€‚æ‡ã‹ã•ã«æµ¸ãŸã‚Šã€ç¾ä»£ã®ã‚¦ã‚§ãƒ–ã®æˆã‚Šç«‹ã¡ã«é€šã˜ã‚‹æ¸©æ•…çŸ¥æ–°ãªæƒ…å ±ã¨ã—ã¦å‚ç…§ãã ã•ã„ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ / spacer.gif XHTMLãƒ»CSSãŒæ™®åŠã™ã‚‹ã¾ã§ã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä¸€èˆ¬çš„ã§ã—ãŸã€‚ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã¯tableã‚¿ã‚°ã‚’ä½¿ã„ã€æ ¼åçŠ¶ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¦ã„ãæ‰‹æ³•ã§ã™ã€‚ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆImage Readyã‚„Fireworksï¼‰ã‹ã‚‰ç”»åƒã‚’åˆ‡ã‚Šå‡ºã™ã€Œã‚¹ãƒ©ã‚¤ã‚¹æ©Ÿèƒ½ã€ã¨ç›¸æ€§ã®ã„ã„æ–¹æ³•ã§ã—ãŸã€‚ <table border="0" cellspacing="0" cellp
Ooo 2018/05/18
html

ie
ãƒªãƒ³ã‚¯
JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æœ«ç«¯ãŒWebComponentsã«ãªã‚‹ã®ã‹ã€ãªã‚Œã‚‹ã®ã‹ã€æ¤œè¨¼ã—ã¦ã¿ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Ooo 2018/02/14
ãƒ¼

WebComponents

JavaScript

HTML
ãƒªãƒ³ã‚¯
èª°ã§ã‚‚Webä¸Šã§ãƒªã‚¢ãƒ«ã«å‹•ãHTML5ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è£½ä½œã§ãã‚‹ã€ŒAnimatron Studioã€ã‚’ä½¿ã£ã¦ã¿ãŸï¼ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ï¼ ä»Šå›žã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã‹ã‚‰èª°ã§ã‚‚ç°¡å˜ã«HTML5ã§ä½œã‚‰ã‚ŒãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è£½ä½œã§ãã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ï¼ Webã‚µã‚¤ãƒˆã‚„ã‚µãƒ¼ãƒ“ã‚¹ã«çµ„ã¿è¾¼ã‚“ã§å‹•ãã®ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã—ãŸã‚Šã€ä¼æ¥ãƒã‚´ã‚„ãƒãƒŠãƒ¼åºƒå‘Šã€å•†å“ç´¹ä»‹ã€ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯â€¦ãªã©ã€ã¨ã¦ã‚‚å¹…åºƒã„åˆ†é‡Žã«å¿œç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã•ãˆã‚ã‚Œã°ä»Šã™ãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹ã®ã§ã€ãœã²ã¿ãªã•ã‚“ã‚‚ã‚ªãƒªã‚¸ãƒŠãƒ«ä½œå“ã‚’ä½œã£ã¦ã¿ã¦ãã ã•ã„ï¼ ã€ Animatron Studio ã€‘ â– ã€ŒAnimatron Studioã€ã¨ã¯ï¼Ÿ ã€ŒAnimatron Studioã€ã¯ã€ã¨ã«ã‹ãèª°ã§ã‚‚ç°¡å˜ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è£½ä½œãŒã§ãã‚‹ã“ã¨ã‚’å‰æã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ è±Šå¯Œãªã‚¤ãƒ©ã‚¹ãƒˆã‚„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’è‡ªåœ¨ã«çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ã‚ãšã‹ãªãƒžã‚¦ã‚¹æ“ä½œã ã‘ã§æ¥½ã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ¬¡ã€…ã¨ä½œã£ã¦ã„ãã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ä¾‹ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¢ãƒ‹
Ooo 2018/02/01
html5

HTML

webservice

animation
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼ ãªã‚“ã¦ã—ã¦ã‚‰ã‚Œã‚‹ã‹ãƒƒ!!
ä¿ºã®è©±ã‚’èžã‘!! LTå¤§ä¼š#7 çµè«–markuplintã¨ã„ã†HTMLã®Linterä½œã£ãŸ
Ooo 2018/01/20
HTML

development

lint
ãƒªãƒ³ã‚¯
ç”»åƒã‹ã‚‰HTMLã‚’ç”Ÿæˆã™ã‚‹æ·±å±¤å¦ç¿’ã¨ã¯ï¼ŸAIãŒwebã‚µã‚¤ãƒˆè‡ªå‹•ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€‚ | Ledge.ai
ã‚µã‚¤ãƒ³ã‚¤ãƒ³ã—ãŸçŠ¶æ…‹ã§ã€Œã„ã„ãã€ã‚’æŠ¼ã™ã¨ã€ãƒžã‚¤ãƒšãƒ¼ã‚¸ã® ã€Œã„ã„ãå±¥æ´ã€ã«ä¸€è¦§ã¨ã—ã¦ä¿å˜ã•ã‚Œã¦ã„ãã®ã§ã€ å†åº¦èªã¿ãŸããªã£ãŸæ™‚ã‚„ã€ã‚ã¨ã§ã˜ã£ãã‚Šèªã¿ãŸã„ã¨ãã«ä¾¿åˆ©ã§ã™ã€‚
Ooo 2018/01/18
html

Deep Learning

cnn

rnn

bootstrap
ãƒªãƒ³ã‚¯
frasco.io
frasco.io 2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
Ooo 2017/11/28
css

HTML
ãƒªãƒ³ã‚¯
Bookmark.com | No-code Website Builder to Start Your Business
Online Store Every Bookmark website is ready for your Ecommerce online store. Create a Blog Attract an audience, build engagement with your customers.
Ooo 2017/10/05
builder

website

html

design

webdesign
ãƒªãƒ³ã‚¯
Headless Chromeã‚’ä½¿ç”¨ã—Vue.jsã§å‡ºåŠ›ã—ãŸHTMLã‚’v.Nuã§ãƒã‚§ãƒƒã‚¯ã™ã‚‹
ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹ã•ã‚“ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Blogã€ã«æŽ²è¼‰ã•ã‚ŒãŸã€ŽHeadless Chromeã§ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆå–å¾—ã¨Google Chrome 60ã®æè¼‰äºˆå®šæ©Ÿèƒ½ã€ã‚’æ‹è¦‹ã—ã¦ã€åƒ•ã‚‚Headless Chromeã‚’è©¦ã—ã¦ã¿ãŸããªã‚Šã¾ã—ãŸã€‚ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®å–å¾—ä»¥å¤–ã«ä½•ã‹ã§ããªã„ã‹è€ƒãˆã¦ã¿ãŸã®ã§ã™ãŒã€ã€ŒJavaScriptãŒå®Ÿè¡Œã•ã‚Œã€ç¾åœ¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹HTMLã‚’The Nu Html Checker (v.Nu)ã§ãƒã‚§ãƒƒã‚¯ã§ããªã„ã‹ï¼Ÿã€ã¨ã„ã†ãŠé¡Œã«ã—ã¾ã—ãŸã€‚ã¨ã„ã†ã®ã‚‚ã€æœ€è¿‘Vue.jsã‚’æ‰±ã£ã¦ã„ã¦ã€ŒHTMLã®å‡ºåŠ›ã«é–“é•ã„ã¯ãªã„ã ã‚ã†ã‹ï¼Ÿã€ã¨æ„Ÿã˜ã¦ã„ãŸãŸã‚ã§ã™ã€‚Vueã§å‡¦ç†ã—ã¦å‡ºåŠ›ã™ã‚‹éƒ¨åˆ†ã¯HTMLãƒ•ã‚¡ã‚¤ãƒ«ä¸Šã§ã¯<div id="app"></div>ã—ã‹æ›¸ã‹ãªã„ãŸã‚ã€æ™®é€šã«HTMLãƒã‚§ãƒƒã‚«ãƒ¼ã‚’é€šã—ã¦ã‚‚ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ã®æ¤œè¨Ž ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Blogã®è¨˜äº‹
Ooo 2017/07/19
HTML

chrome

headless

Vue
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’ä¸¸ã”ã¨ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒ³ã‚°ã™ã‚‹ Web Packagingã¨ã¯ - ASnoKaze blog
20180824è¿½è¨˜ Loading Signed Exchangesã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸ Loading Signed Exchangesã®ä»•æ§˜ (WebPackaging) - ASnoKaze blog 20180208è¿½è¨˜ Bundled HTTP Exchangesã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸ Bundled HTTP Exchanges ã¨ã¯ (WebPackagingã®è°è«–ã‚ˆã‚Š) - ASnoKaze blog 20180121è¿½è¨˜ ç½²åã®ä»•çµ„ã¿ã¨ã—ã¦ Origin-Signed HTTP Exchanges ã‚’åˆ©ç”¨ã™ã‚‹æ–¹å‘ã®ã‚ˆã†ã§ã™ HTTP/2 ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ ã‚µãƒ¼ãƒãƒ—ãƒƒã‚·ãƒ¥ã‚’å¯èƒ½ã«ã™ã‚‹ææ¡ˆä»•æ§˜ - ASnoKaze blog 20171001è¿½è¨˜ IETF99ã«ã¦ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã«ã¤ã„ã¦ã¾ãšã¾ã¨ã‚ã‚‹ã¹ãæ°—ã¨ã„ã†ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒæœ‰ã‚Šã€ãã‚Œã‚’ã†ã‘ã¦ã€ŒUse Cases and
Ooo 2017/07/03
HTML
ãƒªãƒ³ã‚¯
W3C ç‰ˆ HTML 5.1 å¤‰æ›´ç‚¹ã¾ã¨ã‚ - Qiita
W3C ç‰ˆ HTML 5.1 å¤‰æ›´ç‚¹ã¾ã¨ã‚ HTML å‹§å‘Šã®å…¨ã¦ã‚’æŠŠæ¡ã—ãŸä¸Šã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’è¡Œã†ã“ã¨ã¯ãªã‹ãªã‹é›£ã—ãã€ æ˜¨ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯ã€éƒ½åº¦å¿…è¦ãªå‡¦ç†ãŒå‡ºã¦ããŸéš›ã«ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ç‰ã‚’èª¿ã¹ã¦å®Ÿè£…ã™ã‚‹ã‚ˆã†ãªæµã‚ŒãŒé †å½“ãªã®ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã€W3C ç‰ˆ HTML 5.1 ã§è¿½åŠ ãƒ»å¤‰æ›´ã•ã‚ŒãŸã‚‚ã®ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã®ã€ å‹§å‘Šã•ã‚ŒãŸå…¨ã¦ãŒã€ç¾æ®µéšŽã§å…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã‚‚ãªãã€ ã“ã‚“ãªã®ãŒæ£å¼å‹§å‘Šã•ã‚Œã¦ã‚‹ã‚“ã ãƒ¼ã¨ã€é ã«å…¥ã‚Œã¦ãŠã‘ã°è‰¯ã„ã®ã‹ã¨æ€ã„ã¾ã™ã€‚ é–“é•ã„ã€è§£é‡ˆã®é•ã„ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã™ã¿ã¾ã›ã‚“ã€‚ W3C HTML 5.1 å‹§å‘Š https://www.w3.org/TR/2016/REC-html51-20161101/index.html å¤§ããªå¤‰æ›´ç‚¹ https://www.w3.org/TR/2016/REC-html51-20161101/changes.ht
Ooo 2017/07/01
html5

browser

HTML5.1

HTML
ãƒªãƒ³ã‚¯
CSSã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€ã‚µã‚¤ã‚ºãŒé•ã†è¤‡æ•°ã®ãƒœãƒƒã‚¯ã‚¹ã‚’ã‚¿ã‚¤ãƒ«çŠ¶ã«é…ç½®ã™ã‚‹
2021å¹´12æœˆ28æ—¥ CSS å¤§ãã•ã®ç•°ãªã‚‹è¤‡æ•°ã®ãƒœãƒƒã‚¯ã‚¹ã‚’éš™é–“ãªãä¸¦ã¹ã¦ã‚¿ã‚¤ãƒ«çŠ¶ã«è¡¨ç¤ºã—ãŸã„ï¼ãã‚“ãªæ™‚ã‚‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãƒ¢ã‚¶ã‚¤ã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€Masonryãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€Windows 8 Metroã‚¹ã‚¿ã‚¤ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆâ€¦ãªã©ãªã©ã€ã•ã¾ã–ã¾ãªå‘¼ã³æ–¹ã®ã‚ã‚‹ã“ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ä»Šå›žã¯ display: grid ã¨ã„ã†æ–°ã—ã„é…ç½®æ–¹æ³•ã‚’ä½¿ã£ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚“ã§ã¿ã¾ã™ã‚ˆï¼ã‚‚ã¡ã‚ã‚“ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚å¯¾å¿œã•ã›ãŸã„ã¨æ€ã„ã¾ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ CSSã‚°ãƒªãƒƒãƒ‰ã®åŸºæœ¬ã®æ›¸ãæ–¹ã¯å‹•ç”»ã§ç¢ºèªï¼ åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³•ã¯å‹•ç”»ã§ã‚‚ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚åˆã‚ã¦CSSã‚°ãƒªãƒƒãƒ‰ã«æŒ‘æˆ¦ã™ã‚‹ã‚ˆã¨ã„ã†æ–¹ã¯ã¾ãšã¯ã“ã¡ã‚‰ã§åŸºç¤Žã‚’è¦šãˆã¦ãŠãã¾ã—ã‚‡ã†ï¼ 1. ã©ã‚“ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹ã‹æ›¸ãå‡ºã™ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯å°‘ã—è¤‡é›‘ã§ã€ä½•ã‚‚è€ƒãˆãšçµ„ã‚“ã§ã„ãã¨ã©ã“ã®è¦ç´ ãŒã©ã†ãªã£ã¦ã„ã‚‹ã®ã‹â€¦ã“ã‚“ãŒã‚‰ãŒã£ã¦ãã¡ã‚ƒã„ã¾ã™ã€‚ã”åˆ©ç”¨ã¯è¨ˆç”»çš„ã«ï¼æ…£ã‚Œã‚‹ã¾
Ooo 2017/04/14
CSS

design

HTML
ãƒªãƒ³ã‚¯
Do we need a new heading element? We don't know
There's a proposal to add a new <h> element to the HTML spec. It solves a fairly common use-case. Take this HTML snippet: <div class="promo"> <h2>Do you find the "plot" a distraction in movies?</h2> <p>If so, you should check out "John Wick" - satisfaction guaranteed!</p> </div> This could be a web component, or a simple include. The probl em is, by using <h2>, we've assumed the 'parent' heading is
Ooo 2017/02/21
HTML
ãƒªãƒ³ã‚¯
Resource Hints (W3C First Public Working Draft 21 October 2014)
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
Ooo 2016/12/12
html

html5

resourcehints

fetch

Resource Hints
ãƒªãƒ³ã‚¯
Resource Hints API ã§ãƒªã‚½ãƒ¼ã‚¹ã®æŠ•æ©Ÿçš„å–å¾— | blog.jxck.io
Intro Resource Hints ã¨ã¯ç¾åœ¨ææ¡ˆã•ã‚Œã¦ã„ã‚‹ä»¥ä¸‹ã®ãƒ‰ãƒ©ãƒ•ãƒˆã§ã‚ã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã€Œæ¬¡ã«å¿…è¦ã¨ãªã‚‹ãƒªã‚½ãƒ¼ã‚¹ã‚’æ•™ãˆã‚‹ã€ã“ã¨ã§ã€æŠ•æ©Ÿçš„ãªå–å¾—ã‚’è¡Œã† API ç¾¤ã§ã‚ã‚‹ã€‚ https://w3c.github.io/resource-hints/ ä¸»ã«ä»¥ä¸‹ãŒã‚ã‚‹ã€‚ dns-prefetch preconnect prefetch prerender ä»Šå›žã¯æœ¬ã‚µã‚¤ãƒˆã§ã“ã‚Œã‚’é©ç”¨ã—ãŸè©±ã€‚ æŠ•æ©Ÿçš„ãªãƒªã‚½ãƒ¼ã‚¹å–å¾— ä¾‹ãˆã°ã€ãƒã‚°ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã®æ¬¡ã«ã¯ã€ãã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã«é·ç§»ã™ã‚‹é »åº¦ãŒé«˜ã„ã€‚ ãã—ã¦ã€ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¿½åŠ ã®ãƒªã‚½ãƒ¼ã‚¹ãŒå¿…è¦ã«ãªã‚‹ã ã‚ã†ã€‚ è¿½åŠ ã® JS è¿½åŠ ã® CSS è¿½åŠ ã® Image è¿½åŠ ã® API ã‚¢ã‚¯ã‚»ã‚¹ ãã‚Œãžã‚Œã‚’ DNS è§£æ±º -> TCP æŽ¥ç¶š -> ãƒªã‚½ãƒ¼ã‚¹ã®ãƒ•ã‚§ãƒƒãƒã€ã¨ç¹°ã‚Šè¿”ã—ã¦ã„ãã¨ã€ã‚¤ãƒ‹ã‚·ãƒ£ãƒ«è¡¨ç¤ºã¯å¿…ç„¶çš„ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã€‚ ã¨ã“ã‚ãŒã€ã“ã®é·ç§»ã«
Ooo 2016/12/12
api

html

browser

HTTP2

ResourceHints

performance
ãƒªãƒ³ã‚¯
Foreign Fetch ã«ã‚ˆã‚‹ Micro Service Workers | blog.jxck.io
Update Foreign Fetch ã¯å‰Šé™¤ã•ã‚Œã‚‹æ–¹å‘ã§é€²ã‚“ã§ã„ã‚‹ã€‚ åˆ¥é€”ã‚¨ãƒ³ãƒˆãƒªã‚’ä¸Šã’ãŸã®ã§ãã¡ã‚‰ã‚’å‚ç…§ã€‚ Foreign Fetch ãŒå‰Šé™¤ã•ã‚Œãã†ãªç†ç”±ã¨ Cookie ã® double keying | blog.jxck.io Intro Service Worker ã« Foreign Fetch ã¨ã„ã†æ©Ÿèƒ½ãŒææ¡ˆã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã®æ©Ÿèƒ½ãŒã‚ã‚‹ã¨ã‚¯ãƒã‚¹ã‚ªãƒªã‚¸ãƒ³ã¸ã® fetch ã‚’ãƒ•ãƒƒã‚¯ã§ãã‚‹ Service Worker ã‚’ã€ãã®å¯¾è±¡ã‚ªãƒªã‚¸ãƒ³ã‹ã‚‰æä¾›ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ä¸€ä½“ã©ã†ã„ã†ä»•çµ„ã¿ãªã®ã‹ã€ã“ã‚Œã«ã‚ˆã£ã¦ä½•ãŒå¯èƒ½ã«ãªã‚‹ã®ã‹ã«ã¤ã„ã¦ã€ãƒ‡ãƒ¢ã‚’äº¤ãˆã¦è¨˜ã™ã€‚ 1st Party ã¨ 3rd Party ä¾‹ãˆã°ã“ã®ãƒ–ãƒã‚°ã§ã‚ã‚Œã°ã€ç†è€…è‡ªèº«ãŒ Service Worker ã‚’ç™»éŒ²ã™ã‚‹ã“ã¨ã§ã€ Push ãªã©ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ã“ã“ã§ã¯ã“ã‚Œã‚’ã€ 1st Party ã® Ser
Ooo 2016/12/12
serviceworker

api

html

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

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx