It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://diary.sshida.com/rss.xml

  1. <!DOCTYPE html><html lang="ja" itemscope itemtype="http://schema.org/Article"><head><title>つれづれ日記</title><meta property="og:title" content="つれづれ日記" /><meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <meta name="viewport" content="width=device-width" /> <meta name="theme-color" content="#1E47C2"/> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="index, follow" /> <link rel="manifest" href="/manifest.json" /> <link rel="apple-touch-icon" href="img/sshida-icon-04.png" /> <link rel="icon" href="img/sshida-icon-04.png" type="image/x-icon" /> <link rel="shortcut icon" href="img/sshida-icon-04.png" type="image/x-icon" /> <meta name="generator" content="sshida.com generator" /> <meta name="author" content="sshida" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" /> <meta name="description" content="コンピュータ,プログラム,サーバ,ソフトウェア,ネットワーク,日記" /> <meta itemprop="inLanguage" content="ja-JP" /> <meta itemprop="description" content="コンピュータ,プログラム,サーバ,ソフトウェア,ネットワーク,日記" /> <meta itemprop="name"  content="つれづれ日記" /> <meta itemprop="image" content="https://diary.sshida.com/img/sshida-icon-04.png" /> <meta name="twitter:site" content="sshida" /> <meta property="og:type" content="article" /> <meta property="og:site_name" content="つれづれ日記" /> <meta property="og:image" content="https://diary.sshida.com/img/sshida-icon-04.png" /> <link rel="image_src"   href="img/sshida-icon-04.png" /> <link rel="author" href="mailto:[email protected]" /> <noscript> <style> </style> </noscript> <style> @charset "utf-8";@-webkit-keyframes image_blur_focus{0%{-webkit-filter:blur(5px) opacity(40%) brightness(200%);}30%{-webkit-filter:blur(0px) opacity(80%) brightness(200%);}50%{-webkit-filter:blur(2px) opacity(50%) brightness(200%);}70%{-webkit-filter:blur(0px) opacity(80%) brightness(200%);}90%{-webkit-filter:blur(0px) opacity(70%) brightness(200%);}97%{-webkit-transform:translate(-1px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);}98%{-webkit-transform:translate(1px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);}99%{-webkit-transform:translate(-1px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);}100%{-webkit-transform:translate(0px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);}}@keyframes image_blur_focus{0%{-webkit-filter:blur(5px) opacity(40%) brightness(200%);filter:blur(5px) opacity(40%) brightness(200%);}30%{-webkit-filter:blur(0px) opacity(80%) brightness(200%);filter:blur(0px) opacity(80%) brightness(200%);}50%{-webkit-filter:blur(2px) opacity(50%) brightness(200%);filter:blur(2px) opacity(50%) brightness(200%);}70%{-webkit-filter:blur(0px) opacity(80%) brightness(200%);filter:blur(0px) opacity(80%) brightness(200%);}90%{-webkit-filter:blur(0px) opacity(70%) brightness(200%);filter:blur(0px) opacity(70%) brightness(200%);}97%{-webkit-transform:translate(-1px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);transform:translate(-1px, 0px);filter:blur(2px) opacity(50%) brightness(200%);}98%{-webkit-transform:translate(1px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);transform:translate(1px, 0px);filter:blur(2px) opacity(50%) brightness(200%);}99%{-webkit-transform:translate(-1px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);transform:translate(-1px, 0px);filter:blur(2px) opacity(50%) brightness(200%);}100%{-webkit-transform:translate(0px, 0px);-webkit-filter:blur(2px) opacity(50%) brightness(200%);transform:translate(0px, 0px);filter:blur(2px) opacity(50%) brightness(200%);}}:root{-webkit-var-dark_color:#101089;-webkit-var-dark_color:#101089;--dark_color:#101089;--text_color:#eee;}.test_class_only{color:-webkit-var(-webkit-var-text_color);color:var(--text_color);}a:-webkit-any-link{color:#eee;}a:link{color:#eee;}a:visited{color:%GRAY_TEXT%}a:hover, a:active{color:#4bf;}.keytop{display:inline-block;padding:0 4px 0 4px;margin:0 2px 0 2px;font-weight:bold;font-size:90%;font-stretch:80%;vertical-align:+2px;font-family:"Courier New","Courier";border-color:#DED;background-color:#fff;border-width:2px;border-style:inset;border-radius:3px 3px 3px 3px;}.prevNextAnchor a{text-decoration:none;border-bottom:1px solid #eee;}.prevNextAnchor{margin-top:1em;margin-bottom:4em;height:1em;clear:both;font-family:"HiraginoSans-W0", "Meiryo", "Yu Gothic UI Light";letter-spacing:-0.15em;}.nextAnchor{float:right;}.prevAnchor{float:left;}.nextAnchor, .prevAnchor{font-size:180%;}.categoryAnchor > a{text-decoration:none;}.categoryAnchor{margin:16px 16px 16px 0;text-align:center;clear:both;font-family:"HiraginoSans-W0", "Meiryo", "Yu Gothic UI Light";font-size:180%;font-weight:normal;color:#eee;border-radius:4px 4px 4px 4px;background-color:#101089;}.categoryAnchor + .categoryAnchor{background-image:linear-gradient(#fff, #FDF8FB);background-image:-webkit-linear-gradient(#fff, #FDF8FB);background-image:-moz-linear-gradient(#fff, #FDF8FB);}.prevButton, .nextButton{font-family:"Helvetica", "Segoe UI Symbol";font-size:36px;margin:0 4px 0 4px;text-decoration:none;text-align:center;color:#eee;}.pageIndexButtonPanel{margin:1em auto;text-align:center;}.pageIndexButtonPanel a{text-decoration:none;}.pageIndexButton{display:inline;padding:0;padding-left:6px;padding-right:6px;margin:3px;border-width:3px;border-color:#eee;border-radius:4px 4px 4px 4px;font-size:150%;background-image:linear-gradient(#101089, #101089);background-image:-webkit-linear-gradient(#101089, #101089);background-image:-moz-linear-gradient(#101089, #101089);}.pageIndexButtonSelected{background-image:linear-gradient(#eee, #101089);background-image:-webkit-linear-gradient(#eee, #101089);background-image:-moz-linear-gradient(#eee, #101089);}#header_block, #container, #footer_block{width:1000px;}#header_block{height:auto;margin:0 auto 0 auto;padding:0;overflow:hidden;clear:both;}#title_block{float:left;}#title_block a img{width:550px;height:96px;}#ip_address_img{width:120px;vertical-align:middle;-webkit-animation:image_blur_focus 10s infinite;animation:image_blur_focus 10s infinite;}#header_right{float:right;text-align:right;margin-right:4px;}#header_right div, #gnav a{display:inline-block;}#cse-search-box-q{width:150px;}#container{margin:0 auto;display:block;clear:both;}#diary_body{width:744px;margin:0 0 0 0;float:left;overflow:hidden;}#sidebox_entries, #sidebox_categories, #sidebox_tenki, #sidebox_ipv4_rest, #sidebox_software, #sidebox_books, #sidebox_links, #sidebox_regulation{width:240px;float:right;margin-right:8px;}#sidebox_ipv4_rest table{font-size:90%;}#footer_block{margin:auto;clear:both;}.quote_symbol{font:Bold 60px Arial Black, serif;font-weight:bold;font-size:60px;line-height:0;vertical-align:-22px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}.articleBody{margin-right:16px;margin-top:10px;margin-bottom:40px;font-size:120%;font-feature-settings:"palt";}.articleBody, .articleTrailer{font-family:"HiraginoSans-W0", "Hiragino Kaku Gothic Pro", "yu gothic light";}h3.subTitleWithinArticleBody{text-shadow:1px 1px 2px #aaa;}.articleBody.hide, .articleTrailer.hide{display:none;opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}.articleBody.fadeIn, .articleTrailer.fadeIn{display:block;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}body{background-color:#1e47c2;color:#eee;font:16px/1.4 "HiraginoSans-W0", "Hiragino Kaku Gothic Pro", "Meiryo", "Segoe UI Symbol", Helvetica, Arial, sans-serif;}input, select, option, button{font-family:"HiraginoSans-W0", "Meiryo", "Segoe UI Symbol", Helvetica, Arial, sans-serif;}pre, code, kbd, samp, tt{font-family:Monaco,Menlo,Consolas,"Courier New",monospace;line-height:110%;}pre{white-space:pre-wrap;font-size:80%;}code{color:#eee;font-family:Menlo, Monaco, Consolas, "Courier New", monospace;font-size:90%;background-color:#101089;padding:2px 4px 2px 6px;border-radius:4px;margin:0 2px 0 2px;}.code{font-family:Menlo, Monaco, Consolas, "Courier New", monospace;}.video, video{display:block;margin-left:auto;margin-right:auto;}figcaption{text-align:center;}span.error{color:#f30000;font-weight:bold;}.on{color:#F06;}.off{color:#888;}@font-face{font-family:mplus-1c-thin;src:"sub/mplus-1c-thin.ttf";src:local("HiraginoSans-W0"), url("sub/mplus-1c-thin.ttf") format("truetype");}h1, h2, h3{font-family:"mplus-1c-thin", "HiraginoSans-W0", "Meiryo", "Yu Gothic UI Light";font-weight:normal;letter-spacing:-0.05em;word-break:normal;word-wrap:break-word;}h1.font-loaded, h2.font-loaded, h3.font-loaded, .prevNextAnchor.font-loaded, .categoryAnchor.font-loaded{font-family:mplus-1c-thin, "Yu Gothic UI Light";}h1, h2, h3, h4, h5{margin:1.5em 8px 4px 0;padding:0;}.date h2{margin-top:8px;font-weight:normal;font-size:300%;}h2.oneliner{font-weight:normal;font-size:300%;}.tategaki{writing-mode:vertical-rl;height:320px;margin-left:auto;margin-right:auto;margin-bottom:-40px;}.articleBody h1, .articleBody h2, .articleBody h3{font-size:200%;}.katakana{letter-spacing:-0.08em;}.oneliner a{text-decoration:none;border-bottom:1px #1e47c2 solid;}ul h4{margin-left:-1.5em;}.clearall:before, .clearall:after{content:'';display:table;}.clearall:after{clear:both;}.clearall{overflow:hidden;float:none;*zoom:1;}div.clearall{width:100%;margin-top:20px;}img.right{float:right;border:none;margin:10px;}img.left{float:left;border:none;margin:10px;}img.photo, img.screen, img.screenshot{border:none;display:block;margin:10px auto 10px auto;max-width:100%;}img.phone_screen{width:100%;max-width:480px;}img.oneliner.screen{border:none;margin:10px;}img.caption:after{display:block;content:attr(alt);}.recommend{font-size:90%;}.date{margin:3em 16px 1em 0;padding:.5em .8em .5em .8em;overflow:hidden;background-color:#101089;clear:both;display:flex;justify-content:space-between;}.date_right_side_virtical_bar{margin-left:0.5em;position:relative;}.expand_article{line-height:0;position:absolute;bottom:0;right:10px;}.date_icon{position:relative;z-index:10;top:3px;text-align:center;white-space:nowrap;color:#101089;}.date_icon_upper{padding:4px 8px 0 8px;background-color:#eee;font:bold 16px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif;letter-spacing:0;border-top-left-radius:6px;border-top-right-radius:6px;}.date_icon_lower{padding:4px 0 0 0;background-color:#eee;text-align:center;font:bold 18px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif;letter-spacing:-2px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}.dateAnchor{text-decoration:none;}.itemAnchor{text-decoration:none;}#ad1, #ad2{text-align:center;margin:1em 1em 1em 1em;}.oneliner{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin:1em 16px 1em 0;padding:1.1em 1.3em 1.1em 1.3em;clear:both;overflow:hidden;background-color:#101089;font-size:180%;text-decoration:none;color:#eee;}.articleBody > table, #ipv4_result > table{margin:1em auto 1em auto;border:solid #101089 1px;border-collapse:collapse;}th{font-size:90%;text-align:center;background-color:#101089;color:#eee;border:solid #1e47c2 1px;}td{font-size:90%;border:solid #101089 1px;padding:2px;}.articleBody > td, th{padding:0.5em;}.nobr{white-space:nowrap;}th.right, td.right{text-align:right;}td.center{text-align:center;}img.center, h1.center, div.center{display:block;margin:8px auto;}.citation{background-color:#101089;border-color:#cce;color:#cce;border-style:solid;border-width:1px 1px 1px 5px;border-radius:6px;-moz-border-radius:6px;margin-right:0;padding:12px 8px 8px 8px;}.citation:before{content:'”';font:64pt "Helvetica";line-height:64px;float:left;}.citation h1:first-child, .citation h2:first-child, .citation h3:first-child{margin-top:-10px;}textarea{font-family:"Courier New","Courier";font-size:90%;}pre, textarea{background-color:#101089;color:#eee;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-bottom-left-radius:6px 6px;border-bottom-right-radius:6px 6px;border-top-left-radius:6px 6px;border-top-right-radius:6px 6px;padding:8px 8px 8px 8px;}caption{font-weight:bolder;}form{margin:0;}canvas{border:1px solid #4c4c4c;}.sidetitle{font-weight:bold;*/ text-align:left;text-decoration:none;color:#eee;font-size:200%;line-height:120%;margin:0 0 8px 0;padding-top:24px;border-bottom:solid 1px #eee;}.related > a{text-decoration:none;}#sidebox_books h4{margin-top:0;font-weight:norma;}.related{clear:both;}.related > a > .sidetitle{background-size:95% 32px;background-position-x:30px;}.tags{text-align:justfy;text-justify:inter-word;}.llarge{font-size:200%;font-weight:bold;line-height:90%;}.large{font-size:160%;font-weight:bold;line-height:80%;}.normal{font-size:130%;font-weight:bold;line-height:80%;}.small{font-size:100%;font-weight:normal;line-height:80%;}a.label{text-decoration:none;}.recentEntries{padding-left:0;margin-left:1.3em;-webkit-margin-before:0;-webkit-margin-after:0;-moz-margin-before:0;-moz-margin-after:0;list-style-position:outside;}.links{padding-left:0;line-height:1.0em;margin-left:0;list-style-type:none;font-size:small;}#ipv4_result > td, th{padding:0.01em;}div.feedicons a{background-image:url(img/icon-sheet.png);background-repeat:no-repeat;display:block;float:right;width:62px;height:17px;background-position:-18px -17px;}a.img_rss{background-image:url(img/icon-sheet.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;width:24px;height:24px;background-position:-90px 0;}a.img_rss10{background-image:url(img/icon-sheet.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin-top:-3px;width:80px;height:15px;background-position:-90px -24px;}a.follow_twitter{background-image:url(img/icon-sheet.png);background-repeat:no-repeat;display:block;float:left;margin-right:4px;margin-bottom:4px;width:36px;height:36px;background-position:0 -36px;}div.img_valid_rss{background-image:url(img/icon-sheet.png);background-repeat:no-repeat;display:block;margin:auto;width:88px;height:31px;background-position:-90px -39px;}.recommend_item{clear:both;position:relative;margin-bottom:0.8em;}.recommend_item a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}.recommend_item a:hover{background-color:#eef;color:#fff;-moz-opacity:0.5;opacity:0.5;}.book_icon{float:left;height:100px;margin:0 8px 2px 0;}span.hide, div.hide{display:none;}.articleTrailer{width:700px;height:36px;clear:both;}.articleTrailer .weather_icon{font-size:120%;text-shadow:1px 1px 0px #888;}.weather_fine{color:#FFF3E0;}.weather_cloud{color:#F7F7F7;}.weather_rain, .weather_snow{color:white;}.articleTrailerInner{margin-right:8px;float:right;}.category_icon{display:inline;float:right;position:relative;text-align:center;padding:0 2px 0 8px;background-color:#101089;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.sociable-hovers{opacity:.2;-moz-opacity:.2;filter:alpha(opacity=20);}.sociable-hovers:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}.bm_box{float:left;display:inline;}.bm_icon{float:left;display:inline;border:none;margin:2px;margin-top:auto;width:36px;height:36px;}.img_hatena{display:inline-block;margin:auto;width:100%;height:100%;border-radius:4px;border:1px;background-image:url(img/hatena-bookmark.gif);background-size:100% 100%;background-color:#fff;background-clip:padding-box;background-repeat:no-repeat;}.img_twitter{display:inline-block;margin:auto;width:100%;height:100%;border-radius:4px;border:1px;background-image:url(img/twitter-bird-light-bgs.png);background-size:100% 100%;background-color:#fff;background-clip:padding-box;background-repeat:no-repeat;}.img_facebook{display:inline-block;margin:auto;width:100%;height:100%;border-radius:4px;border:1px;background-image:url(img/f_logo.png);background-size:100% 100%;background-color:#fff;background-clip:padding-box;background-repeat:no-repeat;}#back-top-fixed{position:fixed;bottom:30px;right:0;}#back-top-fixed a{text-decoration:none;}#back-top{width:64px;height:64px;text-align:center;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;background-color:#7e7e7e;opacity:0.4;}#back-top span{display:inline-block;text-align:center;vertical-align:middle;font:56px "HiraginoSans-W0", Meiryo, Georgia, sans-serif;font-weight:bolder;color:#eee;}@media screen and (min-width:1260px){#header_block, #container, #footer_block{width:1250px;}#footer_block{margin:none;}#sidebox_entries, #sidebox_categories, #sidebox_software, #sidebox_ipv4_rest{float:right;}#sidebox_tenki, #sidebox_books, #sidebox_links, #sidebox_regulation{float:right;}}@media screen and (max-width:1024px){#header_block, #container, #footer_block, #diary_body{width:730px;}#sidebox_entries, #sidebox_categories, #sidebox_tenki, #sidebox_ipv4_rest, #sidebox_software, #sidebox_books, #sidebox_links, #sidebox_regulation{width:730px;float:none;margin:auto;clear:both;}#header_right{width:auto;height:100%;display:-webkit-box;display:-moz-box;display:box;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;}.categoryAnchor{margin:1em 0 1em 0;};.date{overflow:hidden;border:1px #ccc solid;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}.pageIndexButtonPanel{margin:1em auto 1em auto;overflow:none;}.prevNextAnchor{height:auto;}.date, .articleBody, .articleTrailer, .oneliner{padding:0 10px 0 10px;margin:10px;}.oneliner{margin:10px;padding:10px;}.articleBody, .articleTrailer{display:none;}.articleBody, .articleTrailer{opacity:0;}.oneliner + .articleTrailer, .single_article{display:block;opacity:1;}}@media screen and (max-width:749px){#header_block, #container, #footer_block, #diary_body{width:100%;}#sidebox_entries, #sidebox_categories, #sidebox_tenki, #sidebox_ipv4_rest, #sidebox_software, #sidebox_books, #sidebox_links, #sidebox_regulation{float:none;width:auto;margin:auto;clear:both;}#header_block{margin:4px 8px 0 4px;}.date, .articleBody, .articleTrailer{padding:0 1% 0 1%;}.date, .articleBody, .citation, .oneliner{margin-left:0;margin-right:0;}.date{display:block}.date h2{display:inline}.date_right_side_virtical_bar{float:right;}.date_icon{float:left;display:inline-block;margin:0 0 0 0;}.expand_article{position:relative;float:right;right:0;}.date_icon_upper{padding:0 8px 0 8px;}.date_icon_lower{padding:0 6px 4px 4px;}.date_icon_upper, .date_icon_lower{height:18px;}.articleTrailer{width:auto;}#ad1, #ad2{margin:0;}pre, textarea{margin:0;padding:2px;}.oneliner{padding:8px;}img{max-width:100%;}#title_block{width:100%;}#title_block > img{max-width:100%;margin-left:-8px;}}</style> <script async defer> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-1351351-1', 'sshida.com');ga('require', 'displayfeatures');ga('set', 'dimension1', '6');ga('set', 'dimension2', '(no year, no month)');ga('set', 'dimension3', '');ga('set', 'dimension4', '');ga('send', 'pageview'); </script> <script async defer type="application/ld+json">{  "@context" : "http://schema.org",  "@type" : "Organization",  "name" : "つれづれ日記",  "url" : "https://diary.sshida.com/",  "logo" : "https://diary.sshida.com/img/sshida-icon-04.png",  "sameAs": [ "https://plus.google.com/113202346692217960179?rel=author" ]} </script> <script async defer type="application/ld+json">{  "@context" : "http://schema.org",  "@type" : "Person",  "name" : "Satoshi Shida",  "email" : "[email protected]",  "image" : "https://diary.sshida.com/img/sshida-icon-04.png",  "url" : "https://diary.sshida.com"} </script> <style>.svg_defs { display: none; }.icon {  width: 48px;  height: 48px;  fill: #eee;} </style> </head> <body> <svg class="svg_defs">  <symbol id="arrow_down_circle" viewBox="0 0 1536 1896.0833" version="1.0" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" style="pointer-events: none; display: inline-block;"><path d="M1284 897q0-27-18-45l-91-91q-18-18-45-18t-45 18L896 950V448q0-26-19-45t-45-19H704q-26 0-45 19t-19 45v502L451 761q-19-19-45-19t-45 19l-91 91q-18 18-18 45t18 45l362 362 91 91q18 18 45 18t45-18l91-91 362-362q18-18 18-45zm252-1q0 209-103 385.5T1153.5 1561 768 1664t-385.5-103T103 1281.5 0 896t103-385.5T382.5 231 768 128t385.5 103T1433 510.5 1536 896z"></path></symbol> <symbol id="check_circle" viewBox="0 0 1536 1896.0833" version="1.0" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" style="pointer-events: none; display: inline-block;"><path d="M1284 734q0-28-18-46l-91-90q-19-19-45-19t-45 19l-408 407-226-226q-19-19-45-19t-45 19l-91 90q-18 18-18 46 0 27 18 45l362 362q19 19 45 19 27 0 46-19l543-543q18-18 18-45zm252 162q0 209-103 385.5T1153.5 1561 768 1664t-385.5-103T103 1281.5 0 896t103-385.5T382.5 231 768 128t385.5 103T1433 510.5 1536 896z"></path></symbol> </svg> <div id=header_block> <div id=title_block title="つれづれ日記トップへ" onClick="parent.location='/'"> <a href="/" id="SiteName"> <img src="img/diary-title-5.svg" alt="つれづれ日記" title="つれづれ日記" > </a> </div> <div id=header_right> <div> <nav id="gnav">  <a href="/" title="つれづれ日記 最新">最新</a> | 2018年&thinsp;<a href="201801-diary.html">1月</a>&thinsp;2017年&thinsp;<a href="201712-diary.html">12月</a>&thinsp;<a href="201711-diary.html">11月</a>&thinsp;<a href="201710-diary.html">10月</a>&thinsp;<a href="201709-diary.html">9月</a>&thinsp;<a href="201708-diary.html">8月</a>&thinsp; | <a href="/backnumber.html">過去</a> </nav> <form action="//www.google.co.jp/cse" id="cse-search-box"> <input type="hidden" name="cx" value="partner-pub-8873304295397674:2211442337" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" id="cse-search-box-q" size="10" label="サイト内検索" /> <input type="submit" name="sa" value="検索" />&nbsp; <a href="rss.xml" title="つれづれ日記 RSS: RDF Site Summary" class="img_rss"> <span class="hide">rss</span></a> <img id="ip_address_img" /> <script async defer src="js/ipaddr-4.js"></script> </form> </div> </div> </div> <div id=container> <div id=diary_body><div id="ad1">
  2. <script async defer src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  3. <!-- 468x60, つれづれトップ+本文先頭 08/02/04 -->
  4. <ins class="adsbygoogle"
  5.     style="display:inline-block;width:468px;height:60px"
  6.     data-ad-client="ca-pub-8873304295397674"
  7.     data-ad-slot="8969785368"></ins>
  8. <script>
  9. (adsbygoogle = window.adsbygoogle || []).push({});
  10. </script>
  11. </div>
  12. <article>
  13. <div class="article">
  14. <div class="date" onClick="showHideArticle(this);"
  15. data-src="/api/html-article-body/20180121-3"
  16. target-selector="#id20180121_3_body"
  17. src-type="html"
  18. >
  19. <h2 id="id20180121_3_title" itemprop="headline"><a href="20180121-3-Raspbian Stretch Headless Setu" title="この記事へのリンク" class=itemAnchor>Raspbian Stretch Headless Setup Procedureは公開されているSDメモリカードのファイルシステムを書き換えてWi-Fi (2.4 GHz)とopenssh-serverを起動させる方法</a></h2>
  20. <div class="date_right_side_virtical_bar">
  21. <div class="date_icon"><div class="date_icon_upper">2018年</div><div class="date_icon_lower">1月21日</div></div>
  22. <div class="expand_article">
  23. <svg class="icon icon-toggle-article"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow_down_circle"></use></svg></div>
  24. </div></div>
  25. <div itemprop="articleBody" class="articleBody" id="id20180121_3_body">
  26. <a href="https://www.raspberrypi.org/forums/viewtopic.php?t=191252"> Raspbian Stretch Headless Setup Procedure</a>は
  27. 公開されているSDメモリカードのファイルシステムを書き換えてWi-Fi (2.4 GHz)とopenssh-serverを起動させる方法。 <a href="http://www.n-mmra.net/audio/raspzero/raspzero.html">ラズパイ Zero WのUSBポートにEhternetアダプタを入れてヘッドレスインストール</a>という記事は参考写真のすべてでモバイルバッテリーを使っていてハードボイルド。交流100 V電源を変換するよりも、モバイルバッテリーのDC電源のほうが音がいいのか? <p> しかし、ラズパイのRaspberry Jessie/StretchのSSHサーバーの有効化は、/boot/ssh という空のファイルを作る、というところがold unixっぽい。
  28. </div>
  29. <div class=articleTrailer>
  30. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180121-3-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180121-3-diary.html', 'Raspbian Stretch Headless Setup Procedureは公開されているSDメモリカードのファイルシステムを書き換えてWi-Fi (2.4 GHz)とopenssh-serverを起動させる方法')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180121-3-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  31. <div class=category_icon><a href="./?c=Linux">Linux</a>&ensp;<a href="./?c=Wireless">Wireless</a>&ensp;</div>
  32. <div class=articleTrailerInner><a href="20180121-3-Raspbian Stretch Headless Setu" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月21日の記事番号">3</span>/<span title="2018年01月21日の記事数">3</span></a></div>
  33. <div class=articleTrailerInner><span title="天候メモ">はれのちくもり<span class="weather_icon weather_fine">&#x2600;</span><span class="weather_icon weather_cloud">&#x2601;</span></span></div>
  34. <div class=articleTrailerInner><a href="20180121-diary.html" title="2018/01/21 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-21">2018年01月21日</span>(日)</a></div>
  35. </div>
  36. </div>
  37. </article>
  38.  
  39. <div id="ad2">
  40. <script async defer src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  41. <!-- 468x60, つれづれトップ+本文先頭 08/02/04 -->
  42. <ins class="adsbygoogle"
  43.     style="display:inline-block;width:468px;height:60px"
  44.     data-ad-client="ca-pub-8873304295397674"
  45.     data-ad-slot="8969785368"></ins>
  46. <script>
  47. (adsbygoogle = window.adsbygoogle || []).push({});
  48. </script>
  49. </div>
  50. <article>
  51. <div class="article">
  52. <div class="date" onClick="showHideArticle(this);"
  53. data-src="/api/html-article-body/20180121-2"
  54. target-selector="#id20180121_2_body"
  55. src-type="html"
  56. >
  57. <h2 id="id20180121_2_title" itemprop="headline"><a href="20180121-2-ARM TrustZone対応ファームウェアとLinux k" title="この記事へのリンク" class=itemAnchor>ARM TrustZone対応ファームウェアとLinux kernelをラズパイ3に移植した「OP-TEE on Raspbery Pi 3」</a></h2>
  58. <div class="date_right_side_virtical_bar">
  59. <div class="date_icon"><div class="date_icon_upper">2018年</div><div class="date_icon_lower">1月21日</div></div>
  60. <div class="expand_article">
  61. <svg class="icon icon-toggle-article"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow_down_circle"></use></svg></div>
  62. </div></div>
  63. <div itemprop="articleBody" class="articleBody" id="id20180121_2_body">
  64.  
  65. </div>
  66. <div class=articleTrailer>
  67. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180121-2-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180121-2-diary.html', 'ARM TrustZone対応ファームウェアとLinux kernelをラズパイ3に移植した「OP-TEE on Raspbery Pi 3」')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180121-2-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  68. <div class=category_icon><a href="./?c=Security">Security</a>&ensp;<a href="./?c=Linux">Linux</a>&ensp;<a href="./?c=Hardware">Hardware</a>&ensp;</div>
  69. <div class=articleTrailerInner><a href="20180121-2-ARM TrustZone対応ファームウェアとLinux k" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月21日の記事番号">2</span>/<span title="2018年01月21日の記事数">3</span></a></div>
  70. <div class=articleTrailerInner><span title="天候メモ">はれのちくもり<span class="weather_icon weather_fine">&#x2600;</span><span class="weather_icon weather_cloud">&#x2601;</span></span></div>
  71. <div class=articleTrailerInner><a href="20180121-diary.html" title="2018/01/21 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-21">2018年01月21日</span>(日)</a></div>
  72. </div>
  73. </div>
  74. </article>
  75.  
  76. <article>
  77. <div class="article">
  78. <h2 class="oneliner" id="id20180121_1" itemprop="haedline"><a href="20180121-1-AWS CloudFormationで15分かけてCloud" title="この記事へのリンク" class=itemAnchor>AWS CloudFormationで15分かけてCloudFormerを作ると、サーバー証明書が合っておらず使えないのに端末証明書を要求してくる</a></h2>
  79. <div class=articleTrailer>
  80. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180121-1-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180121-1-diary.html', 'AWS CloudFormationで15分かけてCloudFormerを作ると、サーバー証明書が合っておらず使えないのに端末証明書を要求してくる')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180121-1-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  81. <div class=category_icon><a href="./?c=AWS">AWS</a>&ensp;</div>
  82. <div class=articleTrailerInner><a href="20180121-1-AWS CloudFormationで15分かけてCloud" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月21日の記事番号">1</span>/<span title="2018年01月21日の記事数">3</span></a></div>
  83. <div class=articleTrailerInner><span title="天候メモ">はれのちくもり<span class="weather_icon weather_fine">&#x2600;</span><span class="weather_icon weather_cloud">&#x2601;</span></span></div>
  84. <div class=articleTrailerInner><a href="20180121-diary.html" title="2018/01/21 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-21">2018年01月21日</span>(日)</a></div>
  85. </div>
  86. </div>
  87. </article>
  88.  
  89. <article>
  90. <div class="article">
  91. <div class="date" onClick="showHideArticle(this);"
  92. data-src="/api/html-article-body/20180120-3"
  93. target-selector="#id20180120_3_body"
  94. src-type="html"
  95. >
  96. <h2 id="id20180120_3_title" itemprop="headline"><a href="20180120-3-この日記サイトのPWA対応で表示範囲外の記事は表示エリアに入" title="この記事へのリンク" class=itemAnchor>この日記サイトのPWA対応で表示範囲外の記事は表示エリアに入ってからダウンロードして表示するようにした</a></h2>
  97. <div class="date_right_side_virtical_bar">
  98. <div class="date_icon"><div class="date_icon_upper">2018年</div><div class="date_icon_lower">1月20日</div></div>
  99. <div class="expand_article">
  100. <svg class="icon icon-toggle-article"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow_down_circle"></use></svg></div>
  101. </div></div>
  102. <div itemprop="articleBody" class="articleBody" id="id20180120_3_body">
  103.  
  104. </div>
  105. <div class=articleTrailer>
  106. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180120-3-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180120-3-diary.html', 'この日記サイトのPWA対応で表示範囲外の記事は表示エリアに入ってからダウンロードして表示するようにした')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180120-3-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  107. <div class=category_icon><a href="./?c=Web">Web</a>&ensp;<a href="./?c=JavaScript">JavaScript</a>&ensp;</div>
  108. <div class=articleTrailerInner><a href="20180120-3-この日記サイトのPWA対応で表示範囲外の記事は表示エリアに入" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月20日の記事番号">3</span>/<span title="2018年01月20日の記事数">3</span></a></div>
  109. <div class=articleTrailerInner><span title="天候メモ">くもり<span class="weather_icon weather_cloud">&#x2601;</span></span></div>
  110. <div class=articleTrailerInner><a href="20180120-diary.html" title="2018/01/20 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-20">2018年01月20日</span>(土)</a></div>
  111. </div>
  112. </div>
  113. </article>
  114.  
  115. <article>
  116. <div class="article">
  117. <div class="date" onClick="showHideArticle(this);"
  118. data-src="/api/html-article-body/20180120-2"
  119. target-selector="#id20180120_2_body"
  120. src-type="html"
  121. >
  122. <h2 id="id20180120_2_title" itemprop="headline"><a href="20180120-2-複数の画像の読み込みを遅延させる件、結局めんどうくさいのでi" title="この記事へのリンク" class=itemAnchor>複数の画像の読み込みを遅延させる件、結局めんどうくさいのでintersectionObserver()で待って、セクションをまとめて後から読み込むことにした</a></h2>
  123. <div class="date_right_side_virtical_bar">
  124. <div class="date_icon"><div class="date_icon_upper">2018年</div><div class="date_icon_lower">1月20日</div></div>
  125. <div class="expand_article">
  126. <svg class="icon icon-toggle-article"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow_down_circle"></use></svg></div>
  127. </div></div>
  128. <div itemprop="articleBody" class="articleBody" id="id20180120_2_body">
  129.  
  130. </div>
  131. <div class=articleTrailer>
  132. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180120-2-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180120-2-diary.html', '複数の画像の読み込みを遅延させる件、結局めんどうくさいのでintersectionObserver()で待って、セクションをまとめて後から読み込むことにした')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180120-2-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  133. <div class=category_icon><a href="./?c=Web">Web</a>&ensp;<a href="./?c=JavaScript">JavaScript</a>&ensp;</div>
  134. <div class=articleTrailerInner><a href="20180120-2-複数の画像の読み込みを遅延させる件、結局めんどうくさいのでi" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月20日の記事番号">2</span>/<span title="2018年01月20日の記事数">3</span></a></div>
  135. <div class=articleTrailerInner><span title="天候メモ">くもり<span class="weather_icon weather_cloud">&#x2601;</span></span></div>
  136. <div class=articleTrailerInner><a href="20180120-diary.html" title="2018/01/20 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-20">2018年01月20日</span>(土)</a></div>
  137. </div>
  138. </div>
  139. </article>
  140.  
  141. <article>
  142. <div class="article">
  143. <div class="date" onClick="showHideArticle(this);"
  144. data-src="/api/html-article-body/20180120-1"
  145. target-selector="#id20180120_1_body"
  146. src-type="html"
  147. >
  148. <h2 id="id20180120_1_title" itemprop="headline"><a href="20180120-1-Webサイトの画像読み込みを遅延させるにはJavaScrip" title="この記事へのリンク" class=itemAnchor>Webサイトの画像読み込みを遅延させるにはJavaScriptを直接使う断末魔的方法と、既存のimgタグを拡張する&lt;lazyload-image&gt;方法もあるらしいが後者はnot working</a></h2>
  149. <div class="date_right_side_virtical_bar">
  150. <div class="date_icon"><div class="date_icon_upper">2018年</div><div class="date_icon_lower">1月20日</div></div>
  151. <div class="expand_article">
  152. <svg class="icon icon-toggle-article"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow_down_circle"></use></svg></div>
  153. </div></div>
  154. <div itemprop="articleBody" class="articleBody" id="id20180120_1_body">
  155.  
  156. </div>
  157. <div class=articleTrailer>
  158. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180120-1-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180120-1-diary.html', 'Webサイトの画像読み込みを遅延させるにはJavaScriptを直接使う断末魔的方法と、既存のimgタグを拡張する&lt;lazyload-image&gt;方法もあるらしいが後者はnot working')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180120-1-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  159. <div class=category_icon><a href="./?c=Web">Web</a>&ensp;</div>
  160. <div class=articleTrailerInner><a href="20180120-1-Webサイトの画像読み込みを遅延させるにはJavaScrip" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月20日の記事番号">1</span>/<span title="2018年01月20日の記事数">3</span></a></div>
  161. <div class=articleTrailerInner><span title="天候メモ">くもり<span class="weather_icon weather_cloud">&#x2601;</span></span></div>
  162. <div class=articleTrailerInner><a href="20180120-diary.html" title="2018/01/20 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-20">2018年01月20日</span>(土)</a></div>
  163. </div>
  164. </div>
  165. </article>
  166.  
  167. <article>
  168. <div class="article">
  169. <h2 class="oneliner" id="id20180118_6" itemprop="haedline"><a href="20180118-6-WebPは発表から10年たつが、いまだにCSSのbackgr" title="この記事へのリンク" class=itemAnchor>WebPは発表から10年たつが、いまだにCSSのbackground-imageでpngと選択的にダウンロードできないため本当に使いにくい</a></h2>
  170. <div class=articleTrailer>
  171. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180118-6-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180118-6-diary.html', 'WebPは発表から10年たつが、いまだにCSSのbackground-imageでpngと選択的にダウンロードできないため本当に使いにくい')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180118-6-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  172. <div class=category_icon><a href="./?c=Web">Web</a>&ensp;</div>
  173. <div class=articleTrailerInner><a href="20180118-6-WebPは発表から10年たつが、いまだにCSSのbackgr" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月18日の記事番号">6</span>/<span title="2018年01月18日の記事数">6</span></a></div>
  174. <div class=articleTrailerInner><span title="天候メモ">くもりのちあめ<span class="weather_icon weather_cloud">&#x2601;</span><span class="weather_icon weather_rain">&#x2602;</span></span></div>
  175. <div class=articleTrailerInner><a href="20180118-diary.html" title="2018/01/18 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-18">2018年01月18日</span>(木)</a></div>
  176. </div>
  177. </div>
  178. </article>
  179.  
  180. <article>
  181. <div class="article">
  182. <h2 class="oneliner" id="id20180118_5" itemprop="haedline"><a href="20180118-5-nginxのconfigでは&#8221;if&#8221;の直後に空白(スペース記" title="この記事へのリンク" class=itemAnchor>nginxのconfigでは"if"の直後に空白(スペース記号)がないと構文(文法)エラーになる</a></h2>
  183. <div class=articleTrailer>
  184. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180118-5-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180118-5-diary.html', 'nginxのconfigでは%22if%22の直後に空白(スペース記号)がないと構文(文法)エラーになる')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180118-5-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  185. <div class=category_icon><a href="./?c=Web">Web</a>&ensp;<a href="./?c=Software">Software</a>&ensp;</div>
  186. <div class=articleTrailerInner><a href="20180118-5-nginxのconfigでは&#8221;if&#8221;の直後に空白(スペース記" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月18日の記事番号">5</span>/<span title="2018年01月18日の記事数">6</span></a></div>
  187. <div class=articleTrailerInner><span title="天候メモ">くもりのちあめ<span class="weather_icon weather_cloud">&#x2601;</span><span class="weather_icon weather_rain">&#x2602;</span></span></div>
  188. <div class=articleTrailerInner><a href="20180118-diary.html" title="2018/01/18 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-18">2018年01月18日</span>(木)</a></div>
  189. </div>
  190. </div>
  191. </article>
  192.  
  193. <article>
  194. <div class="article">
  195. <h2 class="oneliner" id="id20180118_4" itemprop="haedline"><a href="20180118-4-CSS background-image の&#8221;image-s" title="この記事へのリンク" class=itemAnchor>CSS background-image の"image-set"オプションにはブラウザメーカーの接頭辞が必要、-webkit-image-set とか</a></h2>
  196. <div class=articleTrailer>
  197. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180118-4-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180118-4-diary.html', 'CSS background-image の%22image-set%22オプションにはブラウザメーカーの接頭辞が必要、-webkit-image-set とか')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180118-4-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  198. <div class=category_icon><a href="./?c=Web">Web</a>&ensp;</div>
  199. <div class=articleTrailerInner><a href="20180118-4-CSS background-image の&#8221;image-s" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月18日の記事番号">4</span>/<span title="2018年01月18日の記事数">6</span></a></div>
  200. <div class=articleTrailerInner><span title="天候メモ">くもりのちあめ<span class="weather_icon weather_cloud">&#x2601;</span><span class="weather_icon weather_rain">&#x2602;</span></span></div>
  201. <div class=articleTrailerInner><a href="20180118-diary.html" title="2018/01/18 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-18">2018年01月18日</span>(木)</a></div>
  202. </div>
  203. </div>
  204. </article>
  205.  
  206. <article>
  207. <div class="article">
  208. <h2 class="oneliner" id="id20180118_3" itemprop="haedline"><a href="20180118-3-2013年のWIREDの記事にある'background-i" title="この記事へのリンク" class=itemAnchor><a href="https://www.wired.com/2013/03/put-your-site-on-a-diet-with-googles-image-shrinking-webp-format/">2013年のWIREDの記事</a>にある
  209. 'background-image: image("image.webp" format("webp"), "image.jpg"); 'は今は動かない</a></h2>
  210. <div class=articleTrailer>
  211. <div class=bm_box> <div class="bm_icon sociable-hovers"> <a href="http://b.hatena.ne.jp/append?//diary.sshida.com/20180118-3-diary.html" title="はてなブックマークに登録" rel="noopener" target="_blank" class=img_hatena><span class=hide>はてな</span></a></div> <div class="bm_icon sociable-hovers"> <a href="javascript:void twitter_window('//diary.sshida.com/20180118-3-diary.html', '2013年のWIREDの記事にある'background-image: image(%22image.webp%22 format(%22webp%22), %22image.jpg%22); 'は今は動かない')" class=img_twitter><span class=hide>tweet</span></a> </div> <div class="bm_icon sociable-hovers"><a href="http://www.facebook.com/sharer.php?u=//diary.sshida.com/20180118-3-diary.html" target=_blank rel="noopener" class=img_facebook><span class=hide>Share</span></a> </div> </div>
  212. <div class=category_icon><a href="./?c=Web">Web</a>&ensp;</div>
  213. <div class=articleTrailerInner><a href="20180118-3-2013年のWIREDの記事にある'background-i" itemprop="url" title="この記事へのリンク" class=itemAnchor><span title="2018年01月18日の記事番号">3</span>/<span title="2018年01月18日の記事数">6</span></a></div>
  214. <div class=articleTrailerInner><span title="天候メモ">くもりのちあめ<span class="weather_icon weather_cloud">&#x2601;</span><span class="weather_icon weather_rain">&#x2602;</span></span></div>
  215. <div class=articleTrailerInner><a href="20180118-diary.html" title="2018/01/18 日のページへ" class=dateAnchor><span itemprop="datePublished" content="2018-01-18">2018年01月18日</span>(木)</a></div>
  216. </div>
  217. </div>
  218. </article>
  219.  
  220. <div class=prevNextAnchor><a class=prevAnchor href="20180118-diary.html">2018年1月18日</a></div><!-- 本文終わり -->
  221. </div> <!-- id=diary_body -->
  222.  
  223. <!-- #NEXT# -->
  224.  
  225. <div id=sidebox_entries>
  226. <!-- ------------------------ 最新日記一覧 -------------------------  -->
  227. <h3 class=sidetitle title="最新順">最新日記一覧</h3>
  228. <ul class=recentEntries id=recent>
  229. <li><a href="/20180121-3-Raspbian Stretch Headless Setu" class=label        title="2018年01月21日-3 Linux Wirelessカテゴリ">Raspbian Stretch Headless Setup Procedureは公開されているSDメモリカードのファ…</a><li><a href="/20180121-2-ARM TrustZone対応ファームウェアとLinux k" class=label        title="2018年01月21日-2 Hardware Linux Securityカテゴリ">ARM TrustZone対応ファームウェアとLinux kernelをラズパイ3に移植した「OP-TEE on Ras…</a><li><a href="/20180121-1-AWS CloudFormationで15分かけてCloud" class=label        title="2018年01月21日-1 AWSカテゴリ">AWS CloudFormationで15分かけてCloudFormerを作ると、サーバー証明書が合っておらず使えないの…</a><li><a href="/20180120-3-この日記サイトのPWA対応で表示範囲外の記事は表示エリアに入" class=label        title="2018年01月20日-3 Web JavaScriptカテゴリ">この日記サイトのPWA対応で表示範囲外の記事は表示エリアに入ってからダウンロードして表示するようにした</a><li><a href="/20180120-2-複数の画像の読み込みを遅延させる件、結局めんどうくさいのでi" class=label        title="2018年01月20日-2 Web JavaScriptカテゴリ">複数の画像の読み込みを遅延させる件、結局めんどうくさいのでintersectionObserver()で待って、セクショ…</a><li><a href="/20180120-1-Webサイトの画像読み込みを遅延させるにはJavaScrip" class=label        title="2018年01月20日-1 Webカテゴリ">Webサイトの画像読み込みを遅延させるにはJavaScriptを直接使う断末魔的方法と、既存のimgタグを拡張する&lt…</a>
  230. </ul>
  231.  
  232. <!-- ------------------------ カテゴリ一覧 -------------------------  -->
  233. <h3 class=sidetitle title="最新順">最近のカテゴリ</h3>
  234. <div class=tags id=categoryList>
  235. <a href="/?c=AWS&amp;p=6" class=label title="AWS 20180121 2% 50/1835"><span class="normal new1">AWS</span></a> <a href="/?c=Hardware&amp;p=55" class=label title="Hardware 20180121 6% 116/1835"><span class="large new1">Hardware</span></a> <a href="/?c=Security&amp;p=151" class=label title="Security 20180121 9% 181/1835"><span class="llarge new1">Security</span></a> <a href="/?c=Wireless&amp;p=25" class=label title="Wireless 20180121 2% 43/1835"><span class="normal new1">Wireless</span></a> <a href="/?c=Linux&amp;p=27" class=label title="Linux 20180121 3% 69/1835"><span class="normal new1">Linux</span></a> <a href="/?c=JavaScript&amp;p=7" class=label title="JavaScript 20180120 5% 110/1835"><span class="large new1">JavaScript</span></a> <a href="/?c=Web&amp;p=107" class=label title="Web 20180120 16% 300/1835"><span class="llarge new1">Web</span></a> <a href="/?c=Software&amp;p=128" class=label title="Software 20180118 13% 253/1835"><span class="llarge new1">Software</span></a> <a href="/?c=Windows%2010&amp;p=12" class=label title="Windows 10 20180118 2% 55/1835"><span class="normal new1">Windows 10</span></a> <a href="/?c=Shopping&amp;p=25" class=label title="Shopping 20180110 4% 76/1835"><span class="normal new1">Shopping</span></a> <a href="/?c=Network&amp;p=65" class=label title="Network 20180110 2% 54/1835"><span class="normal new1">Network</span></a> <a href="/?c=Health&amp;p=17" class=label title="Health 20180108 3% 62/1835"><span class="normal new1">Health</span></a> <a href="/?c=Music&amp;p=15" class=label title="Music 20180103 4% 83/1835"><span class="normal new2">Music</span></a> <a href="/?c=Art&amp;p=6" class=label title="Art 20180103 0% 15/1835"><span class="small new2">Art</span></a> <a href="/?c=Mac&amp;p=4" class=label title="Mac 20180103 0% 11/1835"><span class="small new2">Mac</span></a> <a href="/?c=IoT&amp;p=9" class=label title="IoT 20180101 0% 14/1835"><span class="small new2">IoT</span></a> <a href="/?c=Town&amp;p=21" class=label title="Town 20180101 3% 56/1835"><span class="normal new2">Town</span></a> <a href="/?c=IPv6&amp;p=27" class=label title="IPv6 20171231 1% 29/1835"><span class="normal new2">IPv6</span></a> <a href="/?c=Mobile&amp;p=52" class=label title="Mobile 20171230 3% 66/1835"><span class="normal new2">Mobile</span></a> <a href="/?c=Fedora%2027&amp;p=1" class=label title="Fedora 27 20171227 0% 9/1835"><span class="small new2">Fedora 27</span></a> <a href="/?c=Scurity&amp;p=1" class=label title="Scurity 20171227 0% 5/1835"><span class="small new2">Scurity</span></a> <a href="/?c=Fedora%2028&amp;p=1" class=label title="Fedora 28 20171227 0% 5/1835"><span class="small new2">Fedora 28</span></a> <a href="/?c=Fedora%2026&amp;p=2" class=label title="Fedora 26 20171223 2% 47/1835"><span class="normal new2">Fedora 26</span></a> <a href="/?c=Vim&amp;p=1" class=label title="Vim 20171223 0% 5/1835"><span class="small new2">Vim</span></a> <a href="/?c=RLogin.exe&amp;p=1" class=label title="RLogin.exe 20171223 0% 8/1835"><span class="small new2">RLogin.exe</span></a> <a href="/?c=ESP32&amp;p=1" class=label title="ESP32 20171213 1% 20/1835"><span class="normal new3">ESP32</span></a> <a href="/?c=Science&amp;p=5" class=label title="Science 20171209 0% 6/1835"><span class="small new3">Science</span></a> <a href="/?c=MacOS&amp;p=1" class=label title="MacOS 20171209 0% 5/1835"><span class="small new3">MacOS</span></a> <a href="/?c=DNS&amp;p=10" class=label title="DNS 20171203 0% 13/1835"><span class="small new3">DNS</span></a> <a href="/?c=Energy&amp;p=7" class=label title="Energy 20171116 0% 7/1835"><span class="small new3">Energy</span></a> <a href="/?c=Windows&amp;p=7" class=label title="Windows 20171029 0% 5/1835"><span class="small new3">Windows</span></a> <a href="/?c=DNSSEC&amp;p=7" class=label title="DNSSEC 20171012 0% 4/1835"><span class="small new3">DNSSEC</span></a> <a href="/?c=IPv4&amp;p=5" class=label title="IPv4 20171006 0% 3/1835"><span class="small new3">IPv4</span></a> <a href="/?c=Safety&amp;p=12" class=label title="Safety 20170913 0% 2/1835"><span class="small new3">Safety</span></a> <a href="/?c=Mornin&amp;p=1" class=label title="Mornin 20170901 0% 2/1835"><span class="small new3">Mornin</span></a> <a href="/?c=Awk&amp;p=1" class=label title="Awk 20170819 0% 1/1835"><span class="small new3">Awk</span></a> <a href="/?c=Travel&amp;p=2" class=label title="Travel 20170817 0% 1/1835"><span class="small new3">Travel</span></a> <a href="/?c=Bash&amp;p=1" class=label title="Bash 20170807 0% 1/1835"><span class="small new3">Bash</span></a>
  236. </div> <!-- #tags -->
  237. </div> <!-- #sidebox_entries -->
  238.  
  239. <div id=sidebox_tenki>
  240. <!-- ------------------------ 気温 ------------------------- -->
  241. <h3 class=sidetitle title="東京">東京の気温と風</h3>
  242. <div id=tenki>
  243. <div id=tenki_status></div>
  244. <script src="js/tenki-status-635.js"></script>
  245. </div>
  246. <br/>
  247. </div> <!-- #sidebox_tenki -->
  248.  
  249. <div id="sidebox_books" data-src="books.html" target-selector="#sidebox_books .recommend">
  250. <!-- ------------------------ 本/DVD -------------------------  -->
  251. <h3 class=sidetitle>おすすめ</h3>
  252. <div class=recommend>
  253. </div> <!-- #recommend  -->
  254. </div> <!-- #sidebox_books -->
  255.  
  256. <div id=sidebox_links>
  257. <!-- 右側 リンクコーナー -->
  258. <h3 class=sidetitle>リンク</h3>
  259. <div>
  260. <a href="http://twitter.com/sshida" class="follow_twitter">
  261. <span class="hide">Twitterでsshidaをフォローする</span></a>
  262. <ul class=links>
  263. <li>分家:
  264. <a href="//twitter.com/sshida">twitter</a>
  265.  <a href="//app.blog.ocn.ne.jp/t/app">login</a>
  266.  
  267. | <a href="//sshida.blogspot.com/">BLOGGER</a>
  268. | <a href="20141011-3-LIVA-C0-2G-64G-W%E3%81%AE%E4%BB%95%E6%A7%98">自宅サーバ</a>
  269. </ul>
  270. </div>
  271. </div> <!-- #sidebox_links -->
  272.  
  273. <div id=sidebox_regulation>
  274. <h3 class=sidetitle>対応規格</h3>
  275. <!-- FEED Validator Banner -->
  276. <div class=img_valid_rss>
  277. <a href="http://www.feedvalidator.org/check.cgi?url=http://diary.sshida.com/rss.xml">
  278. <span class="hide">Valid RSS</span> </a>
  279. </div>
  280. </div> <!-- EOF id=sidebox_regulation -->
  281.  
  282. </div> <!-- EOF id=container -->
  283.  
  284. <!-- ------------------------- 右サイド終わり ----------------------->
  285.  
  286. <div id=footer_block>
  287. <hr class=clearall />
  288. <div style="float:left">
  289. <span itemprop="author" itemscope itemtype="http://schema.org/Person">
  290. <a href="https://plus.google.com/113202346692217960179?rel=author">
  291.  <span itemprop="name" class=hidden>Satoshi Shida</span>
  292.  <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA+ElEQVQ4y72SvWoCQRSFvytu5QOkns50dnmDgK4Y8wbbrKTIi6QXBVOYXmSNoOYRgoFgp1WGEF/BStyx8Ad1d0YLye3mXr4z554Z+K8yYRSY3uTPhFFw2M9cCH7iqzaGGwDT/W7shLLnYHxVB3IACB6+am/H403LBZdUC8FLm0u1IFYHBzd7Fv25OwNfPe1tp1XMl1VgG86dM9mR7u9XSQi8T6YY8lZYmMlD4XZ3zCZud8GGJQP9Yv8HRVVxGF8w1DV5fXyzCwhlm20G+vkUPlrBhFGQ+uaruMnH7zgNPs7g1H5MxEj3bWBSIMM9woyYDkP9cw68Wq0B+qFYsjJbTYIAAAAASUVORK5CYII=" width=16 alt="sshida icon" itemprop="image">
  293. </a>
  294. <a href="mailto:[email protected]?subject=About-sshida-Diary">
  295. お便りはこちらへ</a> <span itemprop="email">[email protected]</span>
  296. </span>
  297. [<a href="https://plus.google.com/113202346692217960179?rel=author">Google</a>]
  298. <a href="http://diary6.sshida.com/">IPv6版</a>
  299. | <a href="https://www.google.com/analytics/" title="Google Anaylytics">GA</a>
  300. | <a href="https://www.google.com/webmasters/tools/" title="Google Webmasters Tools">GW</a>
  301. | <a href="http://www.google.com/adsense/" title="Google AdSense">G</a>
  302. | <a href="http://www.amazon.co.jp/">A</a>
  303. | <a href="http://sshida.com/~shida/cgi-bin/google-alt-amazon.pl?f=link">amL</a>
  304. </div> <!-- float_left -->
  305.  
  306. <div style="float:right;">
  307. 見出し一覧は RSS で
  308. <a href="rss.xml" title="つれづれ日記 RSS: RDF Site Summary" class="img_rss10">
  309. <span class="hide">rss1.0</span></a>
  310. </div> <!-- float_right -->
  311. <div id="back-top-fixed" class=hide onclick="window.scroll(0,0)">
  312. <div id="back-top"><span>^</span></div>
  313. </div> <!-- #back-top-fixed -->
  314. </div> <!-- #footer_block -->
  315.  
  316. </body>
  317. <!-- ################################################################# -->
  318. <script async defer src="js/kerning.js"></script>
  319. <script async defer src="js/util.js"></script>
  320. <script async defer type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  321. <script async defer type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'ja'}</script>
  322. <script async defer type="text/javascript" src="//www.google.co.jp/coop/cse/brand?form=cse-search-box&amp;lang=ja"></script>
  323.  
  324. <script async defer>
  325. /* https://raw.githubusercontent.com/bramstein/fontfaceobserver/master/fontfaceobserver.js */
  326. (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}
  327. function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};
  328. function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}());
  329.  
  330. (function(){'use strict';function h(a){document.body?a():document.addEventListener("DOMContentLoaded",a)};function k(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.g=document.createElement("span");this.f=-1;this.b.style.cssText="display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";
  331. this.g.style.cssText="display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;";this.b.appendChild(this.h);this.c.appendChild(this.g);this.a.appendChild(this.b);this.a.appendChild(this.c)}
  332. function w(a,b){a.a.style.cssText="min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;left:-999px;white-space:nowrap;font:"+b+";"}function x(a){var b=a.a.offsetWidth,c=b+100;a.g.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.f!==b?(a.f=b,!0):!1}
  333. function y(a,b){a.b.addEventListener("scroll",function(){x(a)&&null!==a.a.parentNode&&b(a.f)},!1);a.c.addEventListener("scroll",function(){x(a)&&null!==a.a.parentNode&&b(a.f)},!1);x(a)};function z(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var A=null,B=null,F=!!window.FontFace;function G(){if(null===B){var a=document.createElement("div");a.style.font="condensed 100px sans-serif";B=""!==a.style.font}return B}function H(a,b){return[a.style,a.weight,G()?a.stretch:"","100px",b].join(" ")}
  334. z.prototype.a=function(a,b){var c=this,q=a||"BESbswy",C=b||3E3,D=Date.now();return new Promise(function(a,b){if(F){var p=function(){Date.now()-D>=C?b(c):document.fonts.load(H(c,c.family),q).then(function(b){1<=b.length?a(c):setTimeout(p,25)}).catch(function(){b(c)})};p()}else h(function(){function r(){var b;if(b=-1!=e&&-1!=f||-1!=e&&-1!=g||-1!=f&&-1!=g)(b=e!=f&&e!=g&&f!=g)||(null===A&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),A=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],
  335. 10)&&11>=parseInt(b[2],10))),b=A&&(e==t&&f==t&&g==t||e==u&&f==u&&g==u||e==v&&f==v&&g==v)),b=!b;b&&(null!==d.parentNode&&d.parentNode.removeChild(d),clearTimeout(E),a(c))}function p(){if(Date.now()-D>=C)null!==d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)e=l.a.offsetWidth,f=m.a.offsetWidth,g=n.a.offsetWidth,r();E=setTimeout(p,50)}}var l=new k(q),m=new k(q),n=new k(q),e=-1,f=-1,g=-1,t=-1,u=-1,v=-1,d=document.createElement("div"),E=0;d.dir="ltr";w(l,
  336. H(c,"sans-serif"));w(m,H(c,"serif"));w(n,H(c,"monospace"));d.appendChild(l.a);d.appendChild(m.a);d.appendChild(n.a);document.body.appendChild(d);t=l.a.offsetWidth;u=m.a.offsetWidth;v=n.a.offsetWidth;p();y(l,function(a){e=a;r()});w(l,H(c,'"'+c.family+'",sans-serif'));y(m,function(a){f=a;r()});w(m,H(c,'"'+c.family+'",serif'));y(n,function(a){g=a;r()});w(n,H(c,'"'+c.family+'",monospace'))})})};window.FontFaceObserver=z;window.FontFaceObserver.prototype.check=z.prototype.a;"undefined"!==typeof module&&(module.exports=window.FontFaceObserver);}());
  337.  
  338. (function(w) {
  339.  function fontLoaded(event) {
  340.    const fontFamily = "mplus-1c-thin"
  341.    console.log(`start font loading: ${fontFamily}`)
  342.    new w.FontFaceObserver(fontFamily)
  343.      .check()
  344.      .then(function() {
  345.        [].forEach.call(document.querySelectorAll("h1, h2, h3, .prevNextAnchor, .categoryAnchor"),
  346.  function(e) { e.className += " font-loaded"; });
  347.      });
  348.  }
  349.  document.addEventListener("DOMContentLoaded", fontLoaded);
  350. })(this);
  351. </script>
  352.  
  353. <script>
  354. (function loadServiceWorker() {
  355.  if (!("serviceWorker" in navigator)) return
  356.  
  357.  const ServiceWorkerScript = "serviceworker.js"
  358.  console.info("Try to register the service worker");
  359.  navigator.serviceWorker.register(ServiceWorkerScript)
  360.  .then(function(reg){
  361.    console.log(`Service Worker is loaded: ${ServiceWorkerScript}`)
  362.  }).catch(function(err) {
  363.    console.error(`Error: Service Workder not loaded:`, err)
  364.  });
  365.  
  366. })();
  367. </script>
  368.  
  369. </html>
  370.  
  371.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda