ðžïž Web ã®çšèªäžèЧ
ããŒããããããµããŒã© 詳现
RSSãã£ãŒã ããã°ãæ°çæ
å ±ãäžãæã§è¿œè·¡ã§ãããXML圢åŒã®æŽæ°éç¥ã ãããã
ãã¯ã¡ã㬠詳现
i18nïŒåœéåïŒ ãœãããŠã§ã¢ããäžç察å¿ãã«ããèšèš ããããã©ããŒããŠãã¡ã 詳现
ã¢ã€ã©ã³ãã¢ãŒããã¯ã㣠éçHTMLã®æµ·ã«ãåçãªãå³¶ããæµ®ãã¶æ°ããWebèšèš ããããã³ããŠã
ã¢ã¯ã»ã·ããªã㣠ã誰ãã䜿ãããWebãç®æãèšèšææ³ ã¢ã¯ã»ã·ããªãã£ããªãŒ 詳现
ã¢ã¯ã»ã·ããªãã£ããªãŒ DOMã®ãæå³ã ãããæãåºãããæ¯æŽæè¡å°çšã®èšèšå³ ãããŒã§ããã
ã¢ã³ãŒãã£ãªã³ ç³ãã§ã»éããŠãæ
å ±ãèè
¹ã®ããã«äŒžã³çž®ã¿ãããUI ãããšã 詳现
Astro JavaScriptãæ¥µéãŸã§æžãããŠçé衚瀺ãå®çŸããæ ãã©ããã°ãŒ 詳现
ã¢ãã¬ã¹ã㌠ãã©ãŠã¶äžéšã®URL衚瀺æ¬ãçŸåšå°ã瀺ãç®çå°ãå
¥åããããã©ãŠã¶ã®çŸ
éç€ã ãã°ã¶ããµããŒãã©
ã¢ããã»ã¶ã»ãã©ãŒã«ã æ°èã®æãç®ã®äžââã¹ã¯ããŒã«ãªãã§èŠãããäžçå°ããWebã«ããã ããµãããã㚠詳现
ã¢ãã£ãªãšã€ã 玹ä»ããŠå£²ãããã瀌ãããããä»çµã¿ ã¢ã³ã«ãŒããã¹ã
ã¢ã³ã«ãŒããã¹ã ãªã³ã¯ã«æžããããçæ¿ã®æåããã¯ãªãã¯ããåã«äžèº«ãæããŠããã ã€ãŒã¿ã° 詳现
ETag ãªãœãŒã¹ã®ãæçŽãââå€ãã£ããã©ãããäžç¬ã§èŠåããIDã¿ã° ã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ 詳现
ã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ ã誰ãã眮ãå»ãã«ããªããããå§ãŸããã¶ã€ã³æè ã€ã³ã¿ãŒã»ã¯ã·ã§ã³ãªãã¶ãŒã㌠詳现
Intersection Observer ãèŠããïŒããèªåã§æããŠããããã¹ã¯ããŒã«ç£èŠã®åªçç ããã§ã£ããã©ã§ããŒã³ãŒ 詳现
IndexedDB ãã©ãŠã¶ã®äžã®ãæ¬æ ŒçãªããŒã¿ããŒã¹ã ããã·ãã£ããã 詳现
ã€ã³ãã¬ãã·ã§ã³ äœåãŠãŒã¶ãŒã®ç®ã«è§Šããããæ°ããææš ããã¶ããŒããŠããŒã㌠詳现
WebRTC ãã©ãŠã¶ã ãã§ãããªé話ãã§ãããè£æ¹ã®ç«åœ¹è
ã ããã¶ããããã³ããŠã
Webã¢ã¯ã»ã·ããªã㣠ã誰ãã䜿ãããWebãå®çŸãã ããã¶ãããã¶ã㌠詳现
WebAssemblyïŒWasmïŒ ãã©ãŠã¶ã®äžã§ãã»ãŒãã€ãã£ãé床ã ãŠã§ãã¢ãã¡ãŒã·ã§ã³ãºãšãŒããŒã¢ã€ 詳现
Web Animations API CSSã¢ãã¡ãŒã·ã§ã³ãJavaScriptã§èªåšã«æããã¢ãã¡ãŒã·ã§ã³å¶åŸ¡ã®ãªã¢ã³ã³ ããã¶ãã·ãããŒããã 詳现
Webã¢ããªã±ãŒã·ã§ã³ ãã©ãŠã¶ã§åããã€ã³ã¹ããŒã«äžèŠã®ã¢ããªã ããã¶ããŒãŽãŒãã
Web API Webçµç±ã§ãä»ã®ãµãŒãã¹ã®æ©èœããåŒã³åºã ãŠã§ããšãã¯ã¹ã¢ãŒã« 詳现
WebXRïŒãŠã§ããšãã¯ã¹ã¢ãŒã«ïŒ URLãéãã ãã§é£ã³èŸŒãããããã²ãšã€ã®çŸå®ãžã®å
¥ãå£ ããã¶ãããœãŒãã〠詳现
Web Components ãã¬ãŒã ã¯ãŒã¯äžèŠã®ããã©ãŠã¶æšæºã³ã³ããŒãã³ãã ãŠã§ããžãŒããŒãŠãŒ 詳现
WebGPUïŒãŠã§ããžãŒããŒãŠãŒïŒ ãã©ãŠã¶ã®äžã«ã²ãŒãã³ã°PCã®åãè§£ãæŸã€ã次äžä»£ã°ã©ãã£ãã¯ã¹ã®éµ ããã¶ãããããŽãã 詳现
Webã¹ã¯ã¬ã€ãã³ã° ãŠã§ããµã€ãããããŒã¿ãèªåã§ãããéãããæè¡ ããã¶ããšããŒã
Web StorageïŒlocalStorage/sessionStorageïŒ ãã©ãŠã¶ã«ãã¡ãã£ãšã¡ã¢ããšããŠããšé Œããä¿åç®±ã ã ããã¶ããã£ãš 詳现
WebSocket ãµãŒããŒããããã©ãŠã¶ã«ãããã·ã¥éç¥ãã§ããåæ¹åéä¿¡ ããã¶ã°ãããã
Web Vitals Webãµã€ãã®ãå¥åº·èšºæãã®ææšã»ããã ã ããã¶ã±ãµããŒãŸãã
Webããã©ãŒãã³ã¹ ãéããµã€ãã¯æ£çŸ©ã衚瀺é床ãUXãšSEOãæ±ºãã ããã¶ãµãããš
Webãã©ã³ã ãã©ã®ç«¯æ«ã§ãåããã©ã³ãããWebããé
ä¿¡ ããã¶ã·ã£ãã
ã€ãã¡
Web Pushéç¥ ãã©ãŠã¶ãã¹ããã¢ããªã¿ããã«ããã³ã³ïŒãã£ãŠæããŠãããä»çµã¿ã ã ãŠã§ãããã¯ã¹ãšãŒããŒã¢ã€ 詳现
Web Locks API ãã©ãŠã¶ã®ã¿ãå士ããä»ã䜿ã£ãŠãããåŸ
ã£ãŠïŒããšèšãåããä»çµã¿ ããã¡ãŠããŒãããã
HTML ãŠã§ãããŒãžã®ã骚çµã¿ããäœãèšèšå³ ããã¡ãŠããŒãããã ããŒãããã
HTML / CSS HTMLã§ãéªšæ ŒããäœããCSSã§ãæããçãã ãšã€ããã£ãŒãã£ãŒããŒãã£ãã·ã¥
HTTPãã£ãã·ã¥ äžåºŠåãã«è¡ã£ãããŒã¿ãæå
ã«ä¿åââåããã®ãäœåºŠãåãã«è¡ããªãè³¢ãä»çµã¿ ãšã€ãã¬ãã©ã³ã° 詳现
hreflang ããã®æ¥æ¬èªããŒãžãšè±èªããŒãžã¯åãå
容ã§ããããšæ€çŽ¢ãšã³ãžã³ã«éèš³ããã¿ã° ããããŒããŒ
SEO æ€çŽ¢çµæã®ãäžäœè¡šç€ºããçãæŠç¥ ããããããŒã 詳现
SSRïŒãµãŒããŒãµã€ãã¬ã³ããªã³ã°ïŒ 泚æãåããŠããã·ã§ããäœããã§ãããŠæçãã®ãããªWeb衚瀺 ããããã㌠詳现
SSGïŒéçãµã€ãçæïŒ ãåŒåœã®ããã«ãäºåã«äœã眮ããããŠããWebãµã€ã ãããŽãŒããŒã»ãããŽãŒããŒ
SPA / MPA ã1ããŒãžã§å®çµãããããŒãžãè¡ãæ¥ãã ãããŽãŒããŒïŒãããããºãŒããã·ãããŒãããïŒ è©³çŽ°
SPAïŒã·ã³ã°ã«ããŒãžã¢ããªã±ãŒã·ã§ã³ïŒ ããŒãžãäžžããšèªã¿çŽãããå¿
èŠãªéšåã ãæžãæãããŠã§ãã¢ã㪠ããã¶ãããŒãã«ããŒããã 詳现
SVGã¢ãã¡ãŒã·ã§ã³ ãã¯ã¿ãŒç»åããæ»ããã«åãããWebæè¡ ãã¬ããŒãã 詳现
NUIïŒããã¥ã©ã«ãŠãŒã¶ãŒã€ã³ã¿ãã§ãŒã¹ïŒ äœããã®ãŸãŸã³ã³ãããŒã©ãŒã«ãªããæªæ¥ã®æäœæ¹æ³ ãããŒãºãŒã
ãšã©ãŒããŒãžïŒ404/500ïŒ ãè¿·åãã«ãªã£ããŠãŒã¶ãŒãå©ããããšã©ãŒç»é¢ã倧äºãªãããŠãªã ãããã
ãã㬠詳现
l10nïŒããŒã«ã©ã€ãŒãŒã·ã§ã³ïŒ ãœãããŠã§ã¢ãããã®åœã®æåãã«åããã ãããŽãŒã㌠詳现
LPOïŒã©ã³ãã£ã³ã°ããŒãžæé©åïŒ ãåºã®å
¥å£ãäœåºŠãæš¡æ§æ¿ãããŠãã客ãããæããå
¥ããããªãããã«ããæè¡ ããã·ãŠãããŠãŒãš
ãšã³ããã£ã¹ããŒã ãäœããªããç»é¢ããããŠãŒã¶ãŒãè¿·ãããªããã¶ã€ã³ã®è
ã®èŠãã©ãã ããŒããŒãŽãŒ 詳现
OGPç»å SNSã§ã·ã§ã¢ããããšãã®ãèŠãç®ããæ±ºããã«ãŒã« ã«ã¹ã±ãŒãã¬ã€ã€ãŒ 詳现
ã«ã¹ã±ãŒãã¬ã€ã€ãŒïŒ@layerïŒ CSSã®åªå
é äœäºãã«çµæ¢ç¬Šãæã€ãã¬ã€ã€ãŒãšããåã®äº€éæŽçä¿ ãããããããã〠詳现
Custom Elements èªåã ãã®ãHTMLã¿ã°ããå®çŸ©ãã ããããããŠãã
ç»åæé©å ãéãç»åããã¹ãªã ã«ããŠé«é衚瀺 ã«ããã«ã«ã¿ã°
canonicalã¿ã° ãæ¬ç©ã¯ãã£ã¡ã§ãïŒããšGoogleã«æããäœæçµ±äžã¿ã° ããã£ãã
ããã
ãã£ãã·ã¥ã¯ãªã¢ æºãŸã£ããŽããæé€ããŠã¹ãããªåäœå埩 ããã·ã¡ã 詳现
CAPTCHA ãããªãã¯äººéã§ããïŒãã確ããããã¹ã ã°ãŒã°ã«ã¢ããªãã£ã¯ã¹ãã©ãŒ
Google ã¢ããªãã£ã¯ã¹ 4ïŒGA4ïŒ ãµã€ãã®æ¥å Žè
ãäžäººã²ãšã芳å¯ã§ããããžã¿ã«ã®ç£èŠã«ã¡ã© ã°ãŒã°ã«ãµãŒãã³ã³ãœãŒã«
Google Search Console Googleãšãµã€ããªãŒããŒãã€ãªãå
¬åŒã®é£çµ¡çªå£ ãã£ããŒ
Cookie Webãµã€ãããã©ãŠã¶ã«æž¡ããå°ããªã¡ã¢ã ãããµãã
ãŒãããã¶ãããã·ããã 詳现
GraphQL Subscription GraphQLã®ããªã¢ã«ã¿ã€ã éç¥ãæ©èœ ã¯ãªããããŒããšãŒããŒã¢ã€
ã¯ãªããããŒã API ã³ãããããã°ã©ã ã§æããWebã¢ããªã®ã¯ãªããããŒãæäœã®æ°ãããäœæ³ ãããŠãããããã ãããã±ã 詳现
ã¯ãªãã£ã«ã«ã¬ã³ããªã³ã°ãã¹ WebããŒãžã衚瀺ããããŸã§ã®ãæçã«ãŒãããç¥ãã°ã衚瀺é床ã¯åçã«å€ãã ã¯ã¬ãã³ã·ã£ã«ãããžã¡ã³ããšãŒããŒã¢ã€ 詳现
Credential Management API ãã©ãŠã¶ããåã«ãã°ã€ã³ããããïŒèªåã§å
¥ããšããããšæå©ãããŠãããAPI ãããŒã㌠詳现
ã¯ããŒã©ãŒïŒWebã¯ããŒã©ãŒïŒ ãŠã§ãã®æµ·ãæ³³ãåããæ
å ±åéããããã ãããããããã 詳现
æ€çŽ¢ãšã³ãžã³ ã€ã³ã¿ãŒãããã®ã峿žé€šã®åžæžã ããããã¶ã°ãããã 詳现
Core Web Vitals WebããŒãžã®ãå¥åº·èšºæã3é
ç® ããããã¶ãã£ã
åºåããã㯠ãããã®åºåããŸãããšæ¶ã"éããªãã£ã«ã¿ãŒ" ãããããããŒã¿ 詳现
æ§é åããŒã¿ïŒJSON-LDïŒ æ€çŽ¢ãšã³ãžã³ã«ããã®ããŒãžã®äžèº«ã¯ã³ã¬ã§ããã£ãŠååºãæž¡ãæè¡ ããŒã©ã¶ãã〠詳现
ã³ãŒãåå² å·šå€§ãªJSãã¡ã€ã«ããå°åããã«ãã ã³ã³ããã¯ãšãª 詳现
ã³ã³ããã¯ãšãª ãç»é¢å¹
ãã§ã¯ãªããèªåã®å±
å Žæãã§å§¿ãå€ããCSS ãããŠãã€ãããããŒããã 詳现
ã³ã³ãã³ãããŽã·ãšãŒã·ã§ã³ ãæ¥æ¬èªã§ãé¡ãããç»åã¯WebPã§ãââãã©ãŠã¶ãšãµãŒããŒã®èªå亀æžè¡ ããã°ãŒããã 詳现
ã³ã³ããŒãžã§ã³ ãµã€ãã®ç®æšãéæããç¬éã®ãŽãŒã«ã€ã³ ãããœãŒãã¶ãããŸãŒã 詳现
ã³ã³ããŒã¶ãã«ã³ããŒã¹ ECãµã€ãããã¬ãŽãããã¯ãã®ããã«ãæé«ã®ããŒããéžãã§çµã¿ç«ãŠã ããŒã°ãŒãããšãã¹ã〠詳现
Server-Sent Events ãµãŒããŒãããäžæ¹éè¡ãã§ãªã¢ã«ã¿ã€ã ã«ããŒã¿ãéã ããŒã³ãããŒã㌠詳现
Service Worker ãã©ãŠã¶ã®ãè£æ¹ãã§åãã¹ã¯ãªãã ãããšãŸã£ã· 詳现
ãµã€ãããã ãµã€ãã®å
šããŒãžãèŒã£ãæ¡å
å°å³ ããŒããããŒãã»ããããããŒãã»ããããã㌠詳现
CSR / SSR / SSG ãã©ãã§ãããŒãžãäœããã®3æ ããŒãããã
CSS ãŠã§ãããŒãžã«ãèŠãç®ããçããã¹ã¿ã€ãªã¹ã ããŒãããããã«ããŒããã 詳现
CSSã¢ãã¡ãŒã·ã§ã³ CSSã ãã§èŠçŽ ã«ãåãããä»ããéæ³ ã·ãŒãšã¹ãšã¹ã«ã¹ã¿ã ãããã㣠詳现
CSSã«ã¹ã¿ã ãããã㣠CSSã«ã倿°ãã®åãäžãããã¹ã¿ã€ã«ç®¡çã®é©åœå
ããŒããããããã£ã©
CSS Grid Webã¬ã€ã¢ãŠãã®ãæ¹çŒçŽã ããŒããããããã£ã© 詳现
CSSã°ãªãã è¡ãšåã§èŠçŽ ãé
眮ãããã¬ã€ã¢ãŠãã®èšèšå³ã ã·ãŒãšã¹ãšã¹ãã¹ãã£ã³ã°
CSSãã¹ãã£ã³ã° Sassãªãã§ãCSSãå
¥ãåã§æžãããåŸ
æã®ãã€ãã£ãæ©èœ ã·ãŒãšã¹ãšã¹ããŒãã£ãŒã 詳现
CSS Houdini CSSã®èå°è£ã«å¿ã³èŸŒãã§ãéæ³ã®æŒåºãèªåã§äœããããã«ãªãä»çµã¿ ããŒãããã 詳现
CMSïŒã³ã³ãã³ã管çã·ã¹ãã ïŒ ããã°ã©ãã³ã°ãªãã§ãŠã§ããµã€ãã管çã§ããã䟿å©ãªè£æ¹ã ããŒããã£ãšããŒã©
ã·ãŒã¯ã¬ããã¢ãŒã ãã©ãŠã¶ã«è¶³è·¡ãæ®ããã«ããããèŠãããããå¿ã³ã¢ãŒãã ããŒã¶ãããŒã
CVRïŒã³ã³ããŒãžã§ã³çïŒ 100人ããåºã«æ¥ãŠäœäººãè²·ã£ãŠããããã瀺ããå売ã®éä¿¡ç°¿ ããã©ãã©ã 詳现
Shadow DOM CSSããå€ã«æŒããªããã«ãã»ã«åãããDOM ãããããã£ã 詳现
Jamstack ãžã£ã ãå¡ãããã«æè»œã«ãã§ãäžèº«ã¯æ¬æ ŒæŽŸ ãããã»ãããŒããŠãã¡ã 詳现
æ
å ±ã¢ãŒããã¯ãã£ïŒIAïŒ ãã©ãã«äœããããããçŽæçã«ãããããã«ãã ã¹ããŒãããããªã«ã° 詳现
Schema.org æ€çŽ¢ãšã³ãžã³ãã¡ãããã®èšèã§çµ±äžãããããšæ±ºããå
±éèŸæž ããããŒãããŒã ㌠詳现
ã¹ã¯ãªãŒã³ãªãŒã㌠ç®ã®ä»£ããã«è³ã§èªããããäžã€ã®ãã©ãŠã¶ ã¹ã¯ããŒã«ãã©ãã¢ãã¡ãŒã·ã§ã³ 詳现
ã¹ã¯ããŒã«é§åã¢ãã¡ãŒã·ã§ã³ ã¹ã¯ããŒã«ãã¢ãã¡ãŒã·ã§ã³ã®ææ®è
ã«ãªããCSSã ãã§å®çŸãããªããæŒåº ããããšãããããŒã
ã¹ã±ã«ãã³ã¹ã¯ãªãŒã³ ãããããå±ããããšéªšæ Œã ãå
ã«èŠãããåŸ
ããäžæãªUI ããããããã©
ã¹ã¿ã€ã«ã¬ã€ã ãã¶ã€ã³ã®ãèŸæžããããã°ã誰ãäœã£ãŠãåãé¡ã€ãã«ãªã ããŠã£ã±ãŒ
ã¹ããããŒïŒãŠã£ã¶ãŒãïŒ ãããšäœæ©ïŒããèŠãããããé·ãéã®ããæåŸãŸã§æ©ãã ããšãã㷠詳现
StripeïŒã¹ãã©ã€ãïŒ æ°è¡ã®ã³ãŒãã§ãªã³ã©ã€ã³æ±ºæžãçµã¿èŸŒããéçºè
ã®å³æ¹ ããšããŒã¿ãã 詳现
ã¹ããªãŒãã³ã° å±ãã端ããããåçïŒåŸ
ããã«æ¥œãããããŒã¿ã®æµãæ¹ ã¹ãã¬ãŒãžã¢ã¯ã»ã¹ãšãŒããŒã¢ã€ 詳现
Storage Access API ããéªéããŠããµã€ãã ãã©ãã¡ãã£ãšCookie䜿ãããŠïŒããšãé¡ãã§ããAPI ããŒã·ããŒãŽãŒãã 詳现
SOAP API XMLã§å³æ Œã«å®çŸ©ãããããå
ããAPIéä¿¡ ã ãŒãã±ããŒã
ããŒã¯ãã¿ãŒã³ ãã®ãã¿ã³ãæ¬åœã«æŒãããã£ãïŒãŠãŒã¶ãŒãéšãUI ã¿ã€ã ãã¥ã€ã³ã¿ã©ã¯ãã£ã
Time to InteractiveïŒTTIïŒ èŠããŠãã®ã«æŒããªãââãã®ã¢ã€ã¢ã€ãçµããç¬éãæž¬ãææš ãããªã¥ãŒã·ãŒãšãŒãžãŒ
WCAGïŒãŠã§ãã³ã³ãã³ãã»ã¢ã¯ã»ã·ããªãã£ã¬ã€ãã©ã€ã³ïŒ Webã®ãããªã¢ããªãŒåºæºæžããå
šå¡ã䜿ããããããç®æãäžçå
±éã«ãŒã« ã¡ãããã¿ãã¿
é
å»¶èªã¿èŸŒã¿ïŒLazy LoadingïŒ ãèŠãããŸã§èªã¿èŸŒãŸãªããçãšãææ³ ã¡ãã£ãã〠詳现
çŽåž°ç çé¢ã ãèŠãŠåž°ã£ã¡ãã人ã®å²å ã€ãŒãã¡ã£ã·
ããŒã«ããã ãã£ãšå¯ãæ·»ããç»é¢ã®äžã®å°ããªãããã ã€ããŒãããããã 詳现
Tree Shaking ã䜿ããªãæããæ¯ãèœãšã ã§ããŒãã£ãããŽãŒ 詳现
DXPïŒããžã¿ã«ãšã¯ã¹ããªãšã³ã¹ãã©ãããã©ãŒã ïŒ ãã©ãã©ã ã£ãããžã¿ã«ããŒã«ãäžã€ã®åžä»€å¡ã«ãŸãšãã ãã¶ã€ã³ããŒã¯ã³ 詳现
ãã¶ã€ã³ããŒã¯ã³ ãã¶ã€ã³ã®ãèšå®å€ããå
šãã©ãããã©ãŒã ã§å
±æããç¿»èš³èŸæž ã©ããã€ãããããœãããŒ
åäžãªãªãžã³ããªã·ãŒ ããã®ãµã€ãã®ããŒã¿ã¯åæã«èŠããŸãã ãšãŒããšã€ãã¡
ããŒã¹ãéç¥ ããŒã¹ã¿ãŒãããã³ãšåºãŠããããã«ããããšçŸããŠã¹ããšæ¶ããéç¥ ãã¡ã€ã³ãªãŒãœãªã㣠詳现
ãã¡ã€ã³ãªãŒãœãªã㣠ãµã€ãã®ãä¿¡çšåºŠéç¥è¡šããç¹æ°ãé«ãã»ã©æ€çŽ¢ã«åŒ·ã ãªãã¶ãªã³ã¯
å
éšãªã³ã¯ ãµã€ãã®äžã«åŒµãå·¡ããããé路網ãè¿·åã«ãããªãæ¡å
æšè ãªãã㚠詳现
Nuxt Vue.jsã«ç¿Œãæãããã«ã¹ã¿ãã¯ã®çžæ£ ããŒã€ã³ããã¯ã¹
noindex ãããã¯æ€çŽ¢ã«åºããªãã§ïŒããšæ€çŽ¢ãšã³ãžã³ã«ãé¡ãããç®é ãã¿ã° ããºã»ã¬ã¯ã¿ãŒ 詳现
:has() ã»ã¬ã¯ã¿ãŒ ããã®åãæã€èŠªããæåã§ãããCSSãé·å¹ŽåŸ
ã¡æãã 芪ã»ã¬ã¯ã¿ ããã¯ãªã³ã¯
ããã¯ãªã³ã¯ ä»ã®äººãããã®ãµã€ããããããšæšèŠããŠãããWebäžã®å£ã³ã ã±ããããã㚠詳现
BreadcrumbïŒãã³ãããªã¹ãïŒ ãµã€ãã®äžã§è¿·åã«ãªããªãããã®ãéããã¹ã ã³ãŒããµã㵠詳现
BFFïŒBackend for FrontendïŒ ããã³ããšã³ãã®ãå°å±ãããŒãžã£ãŒãããå¿
èŠãªããŒã¿ããŽã£ãããå±ã ãŽãŒã ã¶ãã
ãŒã㌠詳现
PWA Webã¢ããªããã¢ããªã£ãœãã䜿ããæè¡ ããŒãããã
ããŒãããã ããŒãžã®ã©ãããç±ãããäžç®ã§åãããµãŒã¢ã°ã©ãã£ãŒ ããŒãã€ã»ãŠãŒãŠãŒ 詳现
PV / UU äœåèŠãããããšäœäººãæ¥ããã®ç©å·®ã ãã¥ãŒãã©ã³ãžã·ã§ã³ãºãšãŒããŒã¢ã€ 詳现
View Transitions API ããŒãžåãæ¿ãããã€ãã£ãã¢ããªçŽã«ãªãããã«ãããç»é¢é·ç§»ã®éæ³ ã³ã
ãŒãœãŒãš 詳现
ãã¥ãŒããŒã ãŠã§ãããŒãžãæ ãåºãããã衚瀺çªã ãã¡ãŒã¹ãã³ã³ãã³ããã«ãã€ã³ã
First Contentful PaintïŒFCPïŒ çã£çœãªç»é¢ããæåã®ãäœãããèŠããç¬éââãã®éããFCP ãã¡ã€ã«ãšãŒããŒã¢ã€
File API ãã©ãŠã¶ããããŒã«ã«ãã¡ã€ã«ãå®å
šã«èŠãããWebã¢ããªã®ãã¡ã€ã«æäœã®å
¥å£ ãã¡ãã«
ãã¡ãã« ã客ãããåŸã
ã«çµã蟌ãŸããŠãããéäžè§åœ¢ã®æŒæã ãµãã³ãã 詳现
ãã¡ãã³ã³ ãã©ãŠã¶ã®ã¿ãã«è¡šç€ºãããããµã€ãã®é¡ã ãã§ãããšãŒããŒã¢ã€
Fetch API ãµãŒããŒãšã®ããŒã¿ã®ãããšãããã·ã³ãã«ãã€çŸä»£çã«ããªãHTTPãªã¯ãšã¹ãã®å®çª ãã©ãŒã«ã¹ãããžã¡ã³ã 詳现
ãã©ãŒã«ã¹ãããžã¡ã³ã ãä»ã©ãã«ãããããèŠå€±ãããªããããŒããŒããŠãŒã¶ãŒã®éããã¹ ãã©ã³ããã£ã¹ãã¬ã€ 詳现
font-display ãã©ã³ãèªã¿èŸŒã¿äžã«æåãæ¶ããåé¡ããã£ã1è¡ã§è§£æ±ºã§ãã ã¶ã£ããŸãŒã 詳现
ããã¯ããŒã¯ ãæ°ã«å
¥ãã®ããŒãžã«äžç¬ã§æ»ãããããæ©èœ ã·ã£ãã
ã€ã㡠詳现
ããã·ã¥éç¥ ãµãŒããŒããããèŠãŠïŒããšæããŠãããéç¥ã®ããã¿ ã¶ããã
ãã©ãŠã¶ URLãå
¥åãããšãŠã§ãããŒãžãåã£ãŠããŠè¡šç€ºãããã€ã³ã¿ãŒãããã®çªã ãã©ãŠã¶ããã¡ãããã®ã
ãã©ãŠã¶æ¡åŒµæ©èœïŒã¢ããªã³ïŒ ãã©ãŠã¶ããã£ãšäŸ¿å©ã«ãããã¡ããè¶³ãã¢ããªã ãµãã£ãããŒã£ãã
Flexbox èŠçŽ ããæè»ã«ã䞊ã¹ãCSS ãããŒããã£ã¹ããã£ãã«ãšãŒããŒã¢ã€ 詳现
Broadcast Channel API ãã©ãŠã¶ã®ã¿ãå士ããããã¹ãã§ãããåäžãµã€ãå
ã®ã¡ãã»ãŒãžäº€æçªå£ ããããªãã£ãã
ã 詳现
Brotliå§çž® gzipã®åŸç¶è
ââåããã¡ã€ã«ãããã«ã®ã¥ããšå°ããããå§çž®æè¡ ãã€ã¡ã³ããªã¯ãšã¹ããšãŒããŒã¢ã€ 詳现
Payment Request API ãã©ãŠã¶ãããæ¯æãããã¡ãã§ãŸãšããŠãããŸããããšä»²ä»ããŠãããAPI ããŒãžã¹ããŒã
ããŒãžã¹ããŒã 衚瀺ãé
ãã ãã§ååã®äººãåž°ããéãã¯Webã®çåœç· ãºãŒãããŒããã
ããŒãžããŒã·ã§ã³ 倧éã®æ
å ±ããããŒãžãããããæèŠã§æŽçãããå®çªã®ããã²ãŒã·ã§ã³ ãžã£ã©ããããŒããŠãã¡ã 詳现
ãããã¬ã¹ã¢ãŒããã¯ã㣠ãé ïŒèŠãç®ïŒããèªç±ã«ä»ãæ¿ããããã身äœã ãã®ã¢ãŒããã¯ã㣠ãžã£ã©ããããŒãããã 詳现
ãããã¬ã¹CMS ãé¡ãªããã ãããããã©ããªé¡ã«ããªããCMS ãžã£ã©ããã¶ããã 詳现
ãããã¬ã¹ãã©ãŠã¶ ãç»é¢ãªããã§åããã©ãŠã¶ ãã€ã³ã¿ãŒã€ãã³ã
ãã€ã³ã¿ãŒã€ãã³ã ããŠã¹ãã¿ããããã³ããã²ãšãŸãšãã«æ±ããå
¥åã€ãã³ãã®çµ±äžèŠæ Œ ãœã£ã·ãã£ã·
ãããã¢ãã çªç¶ãã§ã³ããšçŸããããããã®é£ã³åºãçæ¿ïŒ ããŒã³ 詳现
MERN å
šéšJavaScriptïŒ äžã€ã®èšèªã§Webã¢ããªã®è¡šãè£ãããŒã¿ãäžæ°é貫 ãã€ã¯ãã€ã³ã¿ã©ã¯ã·ã§ã³ 詳现
ãã€ã¯ãã€ã³ã¿ã©ã¯ã·ã§ã³ UIã®ãå°ããªæ°é
ãããã䜿ãå¿å°ã®å€§ããªå·®ãçã ãŸãããããŽãŒ 詳现
ãã€ã¯ãã³ã㌠å°ããªæåãã倧ããªå£²äžãåãã ãŸããããµãããšãã㩠詳现
ãã€ã¯ãããã³ããšã³ã 巚倧ããã³ããšã³ããå°åãã«ããŠãããŒã ããšã«ç¬ç«éçºããæŠç¥ ãŸãŠãããã§ããã
ãããªã¢ã«ãã¶ã€ã³ çŽãã€ã³ã¯ã®è³ªæãããžã¿ã«ã«æã¡èŸŒãã Googleã®ãã¶ã€ã³å²åŠ ãã¥ãŒããŒã·ã§ã³ãªãã¶ãŒã㌠詳现
Mutation Observer DOMã®å€åãäžã€ãèŠéããªããããŒãžæ¹å€ã®æ€ç¥ã¹ãã·ã£ãªã¹ã ãããããããŒã
ç¡éã¹ã¯ããŒã« çµããã®ãªãã¹ã¯ããŒã«ãæ¢ãŸããªãã³ã³ãã³ãã®å·äžã ãã§ããããã 詳现
ã¡ãã£ã¢ã¯ãšãª ç»é¢ãµã€ãºã«å¿ããŠã¹ã¿ã€ã«ããåãæ¿ãããCSSæ©èœ ããŒãããã§ããã 詳现
ã¢ãŒã·ã§ã³ãã¶ã€ã³ ãåããã§UIã«ã¹ããŒãªãŒãå¹ãèŸŒãæŒåºå®¶ ãã°ãããµããŒããš
ã¢ãã€ã«ãã¡ãŒã¹ã ãã¹ããæåªå
ãã§èšèšããŠPCã«æ¡åŒµ ããŒãã£ããã§ããããã ããããã§ã 詳现
UXãã¶ã€ã³äºæ®µéã¢ãã« ãã«ã建ãŠãããã«ãå°ç€ïŒç®çïŒããå£çŽïŒèŠãç®ïŒãŸã§é çªã«èšèšããUXã®èšèšå³ ããŒãã£ãããããŠããã 詳现
UXã©ã€ãã£ã³ã° ãã£ãäžèšãããŠãŒã¶ãŒã®è¿·ããæ¶ãéæ³ã®æç« è¡ ããŒããŒãµããŒ
ãŠãŒã¶ãŒãã㌠ãŠãŒã¶ãŒã®ãæ
ã®å°å³ããå
ã«æããŠããã°ãè¿·åã«ãããªã ãŠãŒãã£ãŒãšã ãã©ã¡ãŒã¿ãŒ
UTMãã©ã¡ãŒã¿ãŒ ãªã³ã¯ã«ä»ãããã©ãããæ¥ãŸãããïŒãã·ãŒã« ãŠãããŒãµã«ãã¶ã€ã³ 詳现
ãŠãããŒãµã«ãã¶ã€ã³ ãç¹å¥ãªé
æ
®ãã§ã¯ãªããæåããå
šå¡OKãã®èšèšå²åŠ ããã§ããããºãŒã 詳现
Landing PageïŒã©ã³ãã£ã³ã°ããŒãžïŒ 蚪åè
ããè¡åãã«å°ãããã®äžæ¬éããŒãž ã©ã³ã 詳现
LAMP Webéçºã®ãã飯ã»å³åæ±ã»çŒãéã»æŒ¬ç©ãââå®é£ã®ããã«å®å®ããé»éã»ãã ãªãµã€ãºãªãã¶ãŒã㌠詳现
Resize Observer èŠçŽ ã®ãµã€ãºå€åãèŠéããªããã¬ã€ã¢ãŠã調æŽã®é ŒããèŠåŒµãçª ãããŒãã²ã㚠詳现
ãªãœãŒã¹ãã³ãïŒpreload/prefetchïŒ ãæ¬¡ã«å¿
èŠãªãã®ãå
ã«æºåããšããŠïŒããšãã©ãŠã¶ã«ãã³ããåºãæè¡ ãã ããã㚠詳现
ãªãã€ã¬ã¯ã ã¢ã¯ã»ã¹ãå¥ã®URLã«èªåã§ã転éãããä»çµã¿ ããµãã 詳现
ãªãã¡ã© ãã©ãããæ¥ãããã瀺ãHTTPããããŒãã¢ã¯ã»ã¹è§£æã®æµå
¥å
æ
å ± ãããããšããµãš
ã¬ã€ã¢ãŠãã·ããïŒCLSïŒ ãæŒãããšãããã¿ã³ãéããïŒãââãã®ã€ã©ã€ã©ãæ°å€åããææš ãããšããŒãŽãŒãã
REST API Webã®ä»çµã¿ã«æ²¿ã£ããèªç¶ãªãAPI ãããœããã¶ã§ããã
ã¬ã¹ãã³ã·ããã¶ã€ã³ ç»é¢ãµã€ãºã«åãããŠãèªå調æŽããããã¶ã€ã³ ããã ããã
ã¬ã³ããªã³ã° è£åŽã®ããŒã¿ããç®ã«èŠããç»é¢ãã«å€ããåŠç ããŒããããšããŒã
ããŒã«ã«ã¹ãã¬ãŒãž ãã©ãŠã¶ã®äžã«ãå°ããªåŒãåºãããäœã ããããœãŒããã 詳现
ãã³ã°ããŒãªã³ã° ãæŽæ°ãããŸã§åŸ
ã£ãŠãã®HTTPåãåããæ¹åŒ ããŒã©ã·ãã 詳现
WordPressïŒã¯ãŒããã¬ã¹ïŒ äžçã®ãŠã§ããµã€ãã®4å²ãåãããäžèœãµã€ãäœæããŒã«ã ã¯ã€ã¢ãªã¢ 詳现
WAI-ARIA HTMLãèªããªããæå³ããã屿§ã²ãšã€ã§å±ãã翻蚳è
ãã 詳现
WASI WebAssemblyãããã©ãŠã¶ã®å€ãã§ãåããæšæºèŠæ Œ
該åœããçšèªãèŠã€ãããŸããã§ããã