ãï¼ï¼ãï¼ã¢ã³ãã»ã¨ã ï¼ã¯ãææ¥æ°èãã¸ã¿ã«ãã¬ã¸ã³ï¼[and]ãå±éããã¡ãã£ã¢ã§ããå¤§äººãæ¢æ±ããã³ã³ãã³ãããå±ããã¾ãã
It makes me smile when someone raves about how fast this website loads, because that's no accident. We put a lot of effort into making it so. It is the sort of thing that usually goes unnoticed, but when your readers are developers, there's a better chance they notice and appreciate it. I have written about this in the past, but it's worth re-examining because these ideas are always evolving. From
ç¡å°è¯åã¯ãã¬ã©ãã´ã¹è«¸å³¶ãå·¡ãæ ã«åºã¾ãããçºç«¯ã¯ãç¡å°è¯åã®è£½å群ã¨ã¬ã©ãã´ã¹ã®çãç©ãã¡ã«ãç¬åµã¨é²åãã¨ããé¡ä¼¼æ§ãè¦åºããã¨ããçæ³ã§ããã ããããå¤çµ¶ããç¹æ®ãªç°å¢ä¸ã§ãçç©ãæ¸å½ã«çãããã¾ãè¦ã¤ãããã¨ã¯ãå ¨ãæ°ããæèã®ç³§ã«æãã®ã°ããã¨ã§ãããã¨èãã¦ãã¾ããAIã®ç»å ´ã«ããã人ã ã®ãããã幸ç¦ã®ããã¡ãç§»ããã¤ã¤ããä»ã 1980å¹´ã飽åã¨éå°ã«å¯¾ããã¢ã³ããã¼ã¼ã¨ãã¦çã¾ãã¦ããç¡å°è¯åã¯ãä¸çã®å¤å®¹ãèã§æãã¤ã¤ãåã³èãå§ãã¾ãã ã¨ã¯ã¢ãã«ã®ãããããã¬ã©ãã´ã¹è«¸å³¶ã®çé¢å£ãã«ãã©å³¶ãç®æãã¾ãã赤éç´ä¸ã®ãã®å½ã¯ãç°å¢ã¨çç©ã大åã«ãèªç¶å¤§å½ãç®æãã¦ãã¾ããããã¯æ¨é«2850mãããããé¢é¸ããä¸ãããã«å¤ªå¹³æ´ã¸é£ã³ãä¸è·¯ã¬ã©ãã´ã¹ã¸ã ã¬ã©ãã´ã¹è«¸å³¶ã¯èµ¤è¤è²ã®ç«å±±å³¶ã§ããé²åè«ã®èå°ã¨è¨ãããçç±ã¯ãæµ·åºç«å±±ã®å´ç«ã§åºç¾ããçµ¶æµ·ã®å¤å³¶ã«æ§ã ãªçç©ãæ¼ç
[ã¢ã«ã¦ã³ãç»é²] ã¾ã㯠[Google ã§ãã°ã¤ã³] ãã¯ãªãã¯ãããã¨ã«ãããHouzz ã§ã¢ã«ã¦ã³ãã使ããHouzz å©ç¨è¦ç´ããã³ãã©ã¤ãã·ã¼ããªã·ã¼ã«åæãããã®ã¨ãã¾ãã
Webãµã¤ãã®è²ã決ããã¨ããã©ããã£ã¦æ±ºãã¦ãã¾ããï¼ãµã¤ãã®ç®çãã¿ã¼ã²ãããã©ã®ãããªå°è±¡ãä¸ãããã etcâ¦ããããã¸ãããã¤ã³ãã«ãªã£ã¦ããã®ã§ã¯ãªãã§ãããããWebãã¶ã¤ã³ã«ãããé è²ããã©ã®ãããªå°è±¡ãä¸ãã¦ããã®ãèãã¦ã¿ããã¨æãã¾ãã ãã¦ãä¸ã¶æãããã¾ãããä½ãã£ã¦â¦â¦éçã®éå¹ãï¼ã¨ããããæ¨æ¥ãªã¼ãã³æ¦ã§ä¹ ãã¶ãã®éçãæ¥½ããã§ãã¾ãããâ¦â¦â¦ã¨ãå ¨ãé¢ä¿ã®ãªã話ããã¦ããããã§ã¯ãªãâ¦ãWebãµã¤ãã®é è²ã調ã¹ãã«ããã£ã¦ä»åã¯ã»ï½¥ãªã¼ã°6çå£ã®Webãµã¤ãããã¼ãã«åãä¸ãã¦ã¿ã¾ãããåçå£ãã¼ã ã«ã©ã¼ãããã®ã§ããã®ã«ã©ã¼ã使ãã©ã®ãããªå°è±¡ãä¸ãã¦ãããè¦ã¦ã¿ããã¨æãã¾ãã ã¾ããåé ã§æ¸ããé è²ã決ããåºæºã¨ãªããã¤ã³ããèãã¦ã¿ã¾ããç®çãã¿ã¼ã²ãããä¸ãããå°è±¡ã®ï¼ã¤ãæ¸ãåºãã¦ã¿ãã¨ããã£ããã§ã¯ããã¾ããç®çã¨ã¿ã¼ã²ããã¯ã©ã®çå£ãã ãã
Nickã¯ãã·ã¢ã®ã»ã³ããã¼ã¿ã¼ãºãã¼ã°åºèº«ã®ã½ããã¦ã§ã¢ãããããã¼/ããã¬ã¼ã§ããå½¼ã«ããä»ã®è¨äºã¯ãã¡ãããåç §ãã ããã Fååã¬ã¤ã¢ã¦ãã¨ãã®åãã«ã¤ã㦠ãFååã¬ã¤ã¢ã¦ããã¯ã¦ã¼ã¶ã¼ããµã¤ããè¦ãã¨ãã®ä¸è¬çãªè¦ç·ã®åããããããã¾ãã Fã¯Fastã®Fã§ããããå¤ãã®ã¦ã¼ã¶ã¼ã¯Webãµã¤ããé«éã§èªã¿æµãã¦ããã®ã§ãã Fååãã¿ã¼ã³ã¯ã200人以ä¸ã®ã¦ã¼ã¶ã¼ãæ°åã®Webãµã¤ããé²è¦§ããçµæãè¨é²ããNNGroupã®ã¢ã¤ãã©ããã³ã°èª¿æ»ã«ãã£ã¦æ®åããã¾ããã夿§ãªãµã¤ããã¿ã¹ã¯ã«é¢ããããã¦ã¼ã¶ã¼ã®è¦ç·ã®åãã¯ã»ã¼ä¸å®ãã¦ãããã¨ã調æ»ã«ãã£ã¦ãããã¾ããããã®ä¸å®ãªè¦ç·ã®åããããã¢ã«ãã¡ãããã®Fã®ååã«é¡ä¼¼ãã¦ããã®ã§ãã Fååã¯ä»¥ä¸ã®ï¼ã¤ã®è¦ç´ ã«ãã£ã¦æ§æããã¦ãã¾ãã ã¦ã¼ã¶ã¼ã®è¦ç·ã¯ã¾ãããµã¤ãã®ã³ã³ãã³ãã®ä¸é åãæ°´å¹³æ¹åã«åãã¾ãããããFã®ä¸é¨ã®ç·ã«
çãããããã«ã¡ã¯ï¼dogatchç·¨éé¨ã®æä¸ç¾åªï¼ãããã¿ ã¿ãï¼ã§ãããã®ãµã¤ãã«è¾¿ãçãã¦ãã ãããæ¬å½ã«ãããã¨ããããã¾ããããªã³ã©ã¤ã³ã«ã¸ãããããªã³ã«ã¸ãã¨ããè¨èãèãã¦ãã©ããªã¤ã¡ã¼ã¸ãæµ®ãã³ã¾ããï¼ãã¡ãã£ã¨æªããããâ¦ããæµ·å¤ã®ãµã¤ãã£ã¦ãªãã ãæãããæ³å¾çã«å¤§ä¸å¤«ãªã®ï¼ããæ¬å½ã«åã¦ãã®ï¼ããªã©ãããããã®çåãä¸å®ãé ããããããããã¾ãããã ä½ãé ãããã»ãã®æ°å¹´åã¾ã§ã®ç§ããçããã¨åãããã«ããããã®ä¸å®ãæ±ãã¦ãã¾ããããã©ãã©ããç»é¢ã®è£ã§ãä½ãè¯ããªããã¨ãèµ·ãã¦ããããããªããã大åãªå人æ å ±ãæããã¦ãã¾ãããããªãããã¤ã«ãµãããã¦å¤§æããããããªããâ¦ãããªçãã®ç®ã§è¦ã¦ãããã§ããã§ããæ£ããç¥èã身ã«ã¤ããå®å ¨ãªãµã¤ãã®é¸ã³æ¹ãç¥ã£ã¦ãã試ãã¦ã¿ãã¨ããã®ã¤ã¡ã¼ã¸ã¯180度å¤ããã¾ãããããããããªã«æè»½ã§ãé¢ç½ãã¦ããã§ã¢ãªä¸çã ã£ã
ä»åã¯jQueryã使ããã«ãCSSã ãã§ã¢ã³ã¼ãã£ãªã³ããµã¯ãã¨å®è£ ããæ¹æ³ãç´¹ä»ãã¾ããã©ããã¬ã¹ãã³ã·ã対å¿ã§ãããªããå¾åã§ã¯ç¢å°ã¢ã¤ã³ã³ä»ãã®ãã®ãè¼ãã¦ãã¾ããã³ãããã¦ä½¿ã£ã¦é ãã¦OKã§ãã
ä»åã¯HTMLã¨CSSã ãã§è¦ç´ ã®ã表示ãâãé表示ããåãæ¿ããæ¹æ³ã解説ãã¾ããJavaScriptãjQueryã¯ä½¿ããªãã®ã§ãAMP対å¿ãã¦ããå ´åã«ãå©ç¨ã§ãã¾ãã ãã®ç»åã®ãããªã¤ã¡ã¼ã¸ã§ãããé ãã¦ãããã®ã¯æç« ã§ããç»åã§ããç®æ¡æ¸ãã§ãä½ã§ãOKã§ãã 表示âé表示ãåãæ¿ããä»çµã¿ ã²ã¨ã¾ããä»çµã¿ã解説ãã¦ããã¾ããã³ã¼ãã¯å¾ã»ã©è¼ããã®ã§ãä»çµã¿ã«èå³ã®ãªãæ¹ã¯èªã¿é£ã°ãã¦é ããã°ã¨æãã¾ãã inputã¿ã°ã«é£åããã¦åãæ¿ã
Christineã¯ãappendToã®ããã³ãã¨ã³ãã®éçºè ããã³ã©ã¤ã¿ã¼ã§ããappendToã§ã¯ãã¼ã ã®ããã®JavaScriptãã¬ã¼ãã³ã°ãæä¾ãã¦ãã¾ãã ãã¤ã³ã¿ã©ã¯ãã£ãããä¸è²«æ§ãããããã«ãã¯ãWebãµã¤ãã®ããã²ã¼ã·ã§ã³ã話é¡ã¨ãªãã¨ãã«å ±éãã¦èãããè¨èã§ããããããã®ãªã¹ãã«ã¯ããï¼ã¤ãã·ã³ãã«ãã¨ããè¨èãå ããªãã¦ã¯ãªãã¾ããã ã·ã³ãã«ããã²ã¼ã·ã§ã³ã¯ãWebãã¶ã¤ã³è¦ç´ ã®ä¸ã§ãã£ã¨ãç¾ãããã®ã®ï¼ã¤ã§ããã¤ã³ã¿ã©ã¯ãã£ãã¨ãããã«ãã¶ã¤ã³ãããããã®ç¹æ§ãçµã¿åããããã¨ã§Webãµã¤ãã«ä¸è²«æ§ãããããã¾ãã ã·ã³ãã«ããã²ã¼ã·ã§ã³ã«ã¯ä»¥ä¸ã®ï¼ã¤ã®ç¹å¾´ãããã¾ãã Webãµã¤ãã®ã¡ã¤ã³ããã²ã¼ã·ã§ã³ã«ã¯ãï¼ï½ï¼ã¤ã®ã»ã¯ã·ã§ã³ããããã¾ãããããã¯ããããããã¦ã³ã¡ãã¥ã¼ãã¡ã¬ã¡ãã¥ã¼ã«ãã表示ã¾ãã¯ãµãçãªããã²ã¼ã·ã§ã³ã®å ´åã¯å½ã¦ã¯ã¾ãã¾ããã ããã©
Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond. Schema.org vocabulary can be used with many different encodings, including RDFa, Microdata and JSON-LD. These vocabularies cover entities, relationships between entities and actions, and can easily be extended th
ããã«ã¡ã¯ãããã§ãã ä»åã¯ã¢ã¦ããããã®å ´ã¨ãã¦ã æè¿ãã©ã°ã¤ã³ã使ããã«å®è£ ãã ã¿ãåãæ¿ãæ©è½ã®ç´¹ä»ããããã¨æãã¾ãã HTML ã¾ãã¿ãã¨ã¿ãã«é£åããã³ã³ãã³ãã®HTMLãç¨æãã¾ãã ä¸çªç®ã®ã¿ãã«ãclass=âselectâããã¤ãã¾ãã æåã«è¡¨ç¤ºãããªãã³ã³ãã³ãã«ã¯ããããããdisplay:none;ããè¨å®ãã¾ãã®ã§ã ããã§ã¯ãclass=âhideâããã¤ãã¾ããã ã¡ãªã¿ã«ããã¼ããã¹ãã¯å¤ç®æ¼±ç³ã®åã£ã¡ããããã§ãã <ul class="tab"> <li class="select">ã¿ã1</li> <li>ã¿ã2</li> <li>ã¿ã3</li> <li>ã¿ã4</li> </ul> <ul class="content"> <li>親è²ãã®ç¡éç ²ã§å°ä¾ã®æããæã°ãããã¦ãããå°å¦æ ¡ã«å± ãæå妿 ¡ã®äºéããé£ã³éãã¦ä¸é±éã»ã©è °ãæãã
JavaScript Object NotationãJSONã¨ã¯ä½ãï¼ãã«ã¤ãã¦ãç°¡åã«èª¬æãã¾ããJSONã¨ããæåãè¦ã¦ã13æ¥ã®éææ¥ããæãæµ®ãã¹ã¦ãã¾ã人ã¯ãã¾ãã¯ãã®éã¡ã«æ°ä»ãã¦ä¸ãããJSONã¨ã¯JavaScript Object Notationã®é æåãç¹ãåããããã®ã§ããNotationã¯æ¥æ¬èªã§ãè¡¨è¨æ³ããJavaScriptã®ãªãã¸ã§ã¯ãã®è¡¨è¨æ³ãå ã«ããããã¼ã¿ãã©ã¼ãããã§ããè¦ã¯JavaScriptã®ãªãã¸ã§ã¯ãã¿ãããªãã¼ã¿å½¢å¼ã§ããã æ§ã ãªããã°ã©ã è¨èªã対å¿ãã¦ããJSONã®æå¤§ã®ç¹å¾´ã¯ãä¾ãã°JavaScriptãPHPãRubyã¨ãããããªæ§ã ãªããã°ã©ã è¨èªããã®åãæ±ãã«å¯¾å¿ãã¦ãããã¨ã§ãããã¼ã¿ãç¨æããå´ã¯ãJSONã¨ããå½¢å¼ã®ãã¼ã¿1種é¡ãç¨æãã¦ããã ãã§ãJavaScriptã使ã人ãPHPã使ã人ãRubyã使ã人ãªã©ã«å¯¾å¿
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}