Help us understand the problem. What is going on with this article?

amazon落ちた記念パピコ

More than 3 years have passed since last update.

amazonプライムデーの開始時間に www.amazon.co.jp にアクセスしたら落ちてた。(awsのことじゃないから!)
結構長い時間だった。珍しかったんで記念に残す。

最初はなぜかトップページが404w なかなかきたないhtmlだなあ。cellpadding=4!
値、クオートしていないのが混ざっていたりで2chのページをスクレイピングしたときの苦労を思いだしたw

image.png

<html>
<head>
<title>404 - Document Not Found</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<center>
<a href="http://www.amazon.co.jp/exec/obidos/tg/browse/-/489986/ref=cs_404_logo/">
<img src="https://images-fe.ssl-images-amazon.com/images/G/09/other/logo-jp.jpg" width=190 height=60 alt="Amazon.co.jp" border=0></a>
<p>

<table border=0 align=center cellpadding=4>
<tr>
<td valign="middle">
    <img src="https://images-fe.ssl-images-amazon.com/images/G/09/other/grenade-small-white.jpg" width=120 height=120 alt="Looking for me?" border=0>
</td>
<td valign="middle">
    <font face="Verdana,Arial,Helvetica">
    <font size="+1" color="#CC6600"><b>何かお探しですか?</b>
    </font><br>
    申し訳ございません。お探しのページは見つかりませんでした。<p>
    <img src="https://images-fe.ssl-images-amazon.com/images/G/09/x-locale/common/orange-arrow.gif" width=10 height=9 border=0 alt="*">
    <b><a href="http://www.amazon.co.jp/exec/obidos/tg/browse/-/489986/ref=cs_404_link/">ホームページへ戻る</a></b>
</td></tr>
</table>

</body>
</html>

そして、リロードするとたまに503のページに。
こっちはなんとShift-JIS! Amazonは通常UTF-8なのに。MS Pゴシック!こちらもテーブルレイアウト。
が味わい深い。まあそんなこといっても現行のamazonのhtmlもたいがいだからなあ。

<html>
<head>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=Shift_JIS">
<title>
ご迷惑をおかけしています!
</title>

<style type="text/css"><!-- 
.serif { font-family: times,serif; font-size: medium; }
.sans { font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif; font-size: medium; }
.small { font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif; font-size: small; }
.h1 { font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif; color: #CC6600; font-size: medium; }
.h3color { font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif; color: #CC6600; font-size: small; }
.tiny { font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif; font-size: x-small; }
--></style>
</head>

<body bgcolor="#FFFFFF" link="#003399" alink="#FF9933" vlink="#996633" text="#000000">

<!--
        To discuss automated access to Amazon data please contact api-services-support@amazon.com.
        For information about migrating to our APIs refer to our Marketplace APIs at https://developer.amazonservices.jp/ref=rm_5_sv, or our Product Advertising API at https://affiliate.amazon.co.jp/gp/advertising/api/detail/main.html/ref=rm_5_ac for advertising use cases.
-->

<center>
<center>
<a href="http://www.amazon.co.jp/exec/obidos/tg/browse/-/489986/ref=cs_500_logo/">
<img src="https://images-fe.ssl-images-amazon.com/images/G/09/other/logo-jp.jpg" width=190 height=60 alt="Amazon.co.jp" border=0></a>
<p>

<table cellpadding="3" width="90%" bgcolor="#ffffff" border="0" cellspacing="2" align="center">
<tr>
<td>
<p><b class="h1">ご迷惑をおかけしています!</b></p>
<p class="small">
お客様のリクエストの処理中にエラーが発生しました。できるだけ早くこの問題を解決いたします。
</p>
<p class="small">
注文手続きの途中でこのエラーが表示された場合は、注文は確定されていませんので、ご注意ください。
</p>
<p class="small">
ご不便をおかけして申し訳ございません。
</p>

<p class="small"><a href="http://www.amazon.co.jp/exec/obidos/tg/browse/-/489986/ref=cs_500_logo/"><img src="https://images-fe.ssl-images-amazon.com/images/G/09/buttons/continue-shopping.gif" width="125" height="20" align="absmiddle" vspace="2" hspace="6" border="0"></a> Amazon.co.jpホームへ</p>
</td>
</tr>
</table>

</body>
</html>

通常の404も貼っておく。コード全然違うw
全てに共通してbodyにbgcolor,text使っている。これはガラケーとかすげー昔のブラウザへの配慮かなw

image.png

<html>
  <head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<style type="text/css"><!--


.serif { font-family: times,serif; font-size: medium; }
.sans { font-family: verdana,arial,helvetica,sans-serif; font-size: medium; }

.small { font-family: verdana,arial,helvetica,sans-serif; font-size: small; }

.h1 { font-family: verdana,arial,helvetica,sans-serif; color: #E47911; font-size: medium; }
.h3color { font-family: verdana,arial,helvetica,sans-serif; color: #E47911; font-size: small; }
h2.small {margin-bottom: 0em; }
h2.h1 { margin-bottom: 0em; }
h2.h3color { margin-bottom: 0em; }
.tiny { font-family: verdana,arial,helvetica,sans-serif; font-size: x-small; }
.tinyprice { font-family: verdana,arial,helvetica,sans-serif; color: #990000; font-size: x-small; }
.highlight { font-family: verdana,arial,helvetica,sans-serif; color: #990000; font-size: small; }
.popover-tiny { font-size: x-small; font-family: verdana,arial,helvetica,sans-serif; }
.horizontal-search { font-weight: bold; font-size: small; color: #FFFFFF; font-family: verdana,arial,helvetica,sans-serif; }
.listprice { font-family: arial,verdana,helvetica,sans-serif; text-decoration: line-through; }
.price { font-family: arial,verdana,helvetica,sans-serif; color: #990000; }
.horizontal-websearch { font-size: x-small; font-family: verdana,arial,helvetica,sans-serif; padding-left: 12px; }
.big { font-size: xx-large; font-family: verdana,arial,helvetica,sans-serif; }
.amabot_widget .headline { color: #E47911; font-size: medium; display: block; font-weight: bold; }
div.unified_widget .headline { color: #E47911; font-size: medium; display: block; font-weight: bold; }

div#page-wrap { min-width: 980px; }

* html div#page-wrap { border-right: 980px solid #fff; width: 100%; margin-right: 25px;}
* html div#content { float: left; position:relative; margin-right: -980px; }
div#leftcol, div#leftcolhidden { float: left; width: 180px; margin:5px 0px 0px 5px; display: inline; }

div#rightcol, div#rightcolhidden { float: right; width: 300px; margin-top:5px;}

div#leftcolhidden { clear:left;}
div#rightcolhidden { clear:right; }

 div#center1, div#centercol, div#centerrightspancol { overflow: hidden; }

* html div#center1 { width: 100% }
* html div#centercol { width: 100%; }

* html div#centerrightspancol { width: 100%; }
div#page-footer { clear: both; }

a:link { font-family: verdana,arial,helvetica,sans-serif; color: #004B91; }
a:visited { font-family: verdana,arial,helvetica,sans-serif; color: #996633; }
a:active { font-family: verdana,arial,helvetica,sans-serif; color: #FF9933; }

a.noclick, a.noclick:visited { color: #000000; }

.noLinkDecoration a { text-decoration: none; border-bottom: none; }
.noLinkDecoration a:hover { text-decoration: underline; }
.noLinkDecoration a.dynamic:hover { text-decoration: none; border-bottom: 1px dashed; }
.noLinkDecoration a.noclick:hover { color: #000000; text-decoration: none; border-bottom: 1px dashed; }

.attention { background-color: #FFFFD5; }
.alertgreen { color: #009900; font-weight: bold; }
.alert { color: #FF0000; font-weight: bold; }
.topnav { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; text-decoration: none; }
.topnav a:link, .topnav a:visited { text-decoration: none; color: #003399; }
.topnav a:hover { text-decoration: none; color: #E47911; }
.topnav-active a:link, .topnav-active a:visited { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #E47911; text-decoration: none; }
.eyebrow { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: bold;text-transform: uppercase; text-decoration: none; color: #FFFFFF; }
.eyebrow a:link { text-decoration: none; }
.popover-tiny a, .popover-tiny a:visited { text-decoration: none; color: #003399; }
.popover-tiny a:hover { text-decoration: none; color: #E47911; }
.tabon a:hover, .taboff a:hover { text-decoration: underline; }
.tabon div, .taboff div { margin-top: 7px; margin-left: 9px; margin-bottom: 5px; }
.tabon a, .tabon a:visited  { font-size: 10px; color: #FFCC66; font-family: verdana,arial,helvetica,sans-serif; text-decoration: none; text-transform: uppercase; font-weight: bold; line-height: 10px; }
.taboff a, .taboff a:visited { font-size: 10px; color: #000000; font-family: verdana,arial,helvetica,sans-serif; text-decoration: none; text-transform: uppercase; font-weight: bold; line-height: 10px; }
.indent { margin-left: 1em; }
.half { font-size: .5em; }
.list div { margin-bottom: 0.25em; text-decoration: none; }
.hr-center { margin: 15px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; }


.amabot_right .h1 { color: #E47911; font-size: .92em; }
.amabot_right .amabot_widget .headline, .amabot_left .amabot_widget .headline { color: #E47911; font-size: .92em; display: block; font-weight: bold; }
.amabot_left .h1 { color: #E47911; font-size: .92em; }
.amabot_left .amabot_widget, .amabot_right .amabot_widget, .tigerbox {  padding-top: 8px;  padding-bottom: 8px;  padding-left: 8px;  padding-right: 8px;  border-bottom: 1px solid #C9E1F4;   border-left: 1px solid #C9E1F4;  border-right: 1px solid #C9E1F4;  border-top: 1px solid #C9E1F4; }

.amabot_center div.unified_widget, .amabot_center .amabot_widget {  font-size: 12px; }
.amabot_right div.unified_widget, .amabot_right .amabot_widget {  font-size: 12px; }
.amabot_left div.unified_widget, .amabot_left .amabot_widget {  font-size: 12px; }

.rightArrow { color: #E47911; font-weight: bold; padding-right: 6px; }
.nobullet { list-style-type: none }
.homepageTitle { font-size: 28pt; font-family: 'Arial Bold', Arial; font-weight: 800; font-variant: normal; color: #80B6CE; line-height:1em; }
div.unified_widget p { margin:0 0 0.5em 0; line-height:1.4em; }

div.unified_widget h2 { color:#E47911; padding:0; }

.amabot_right div.unified_widget .headline, .amabot_left div.unified_widget .headline { color: #E47911; font-size: .92em; display: block; font-weight: bold; }
div.unified_widget sup { font-weight:normal; font-size: 75%; }
div.unified_widget h2 sup { font-size: 50%; }

td.amabot_left div.unified_widget h2, td.amabot_right div.unified_widget h2, div.amabot_left div.unified_widget h2, div.amabot_right div.unified_widget h2 { font-size:100%; margin:0 0 0.5em 0; }
td.amabot_center div.unified_widget h2, div.amabot_center div.unified_widget h2 { font-size:135%; font-weight:bold; margin:0 0 0.35em 0px; }
td.amabot_center, div.amabot_center { padding:5px 15px 5px 10px; } 
div.unified_widget ul { margin: 1em 0; padding: 0 0 0 15px; list-style-position:inside; }

div.unified_widget ol { margin:0; padding:0 0 0 2.5em; }

div.unified_widget a:link, div.unified_widget a:visited { text-decoration:underline; }
div.unified_widget a:hover { text-decoration:underline; }
div.unified_widget p.seeMore { clear:both; font-family:verdana,arial,helvetica,sans-serif; margin:0; padding-left:1.15em; text-indent: -1.15em; font-size:100%; font-weight:normal; }
div.unified_widget p.seeMore a:link, div.unified_widget p.seeMore a:visited { text-decoration:underline; }
div.unified_widget p.seeMore a:hover { text-decoration: underline; }
div.unified_widget .carat, div.left_nav .carat { font-weight:bold; font-size:120%; font-family:verdana,arial,helvetica,sans-serif; color:#E47911; margin-right:0.20em; }
div.unified_widget a img { border:0; }

div.h_rule { clear:both; }
div#centerrightspancol div.h_rule { clear:right; }
div.unified_widget { margin-bottom:2em; clear:both; }
div.unified_widget div.col1 { width: 100%; }
div.unified_widget div.col2 { width: 49%; }
div.unified_widget div.col3 { width: 32%; }
div.unified_widget div.col4 { width: 24%; }
div.unified_widget div.col5 { width: 19%; }
div.unified_widget table { border:0; border-collapse:collapse; width:100%; }
div.unified_widget td { padding:0 8px 8px 0; vertical-align:top; }
div.unified_widget table.col1 td { width:100%; }
div.unified_widget table.col2 td { width:49%; }
div.unified_widget table.col3 td { width:32%; }
div.unified_widget table.col4 td { width:24%; }
div.unified_widget table.col5 td { width:19%; }
div.unified_widget td.bottom { vertical-align:baseline; }
div.unified_widget table h4, div.unified_widget h4 { color:#000; font-size:100%; font-weight:normal; margin:0; padding:0; }
div.rcmBody div.prodImage, amabot_widget div.prodImage {float:left; margin:0px 0.5em 0.25em 0px;}


td.amabot_right div.unified_widget, td.amabot_left div.unified_widget, div.amabot_right div.unified_widget, div.amabot_left div.unified_widget { border: 1px solid #C9E1F4; padding: 8px; margin-bottom:20px; }

* html td.amabot_right div.unified_widget, * html div.amabot_right div.unified_widget { height:100%; }
* html td.amabot_left div.unified_widget, * html div.amabot_left div.unified_widget { height:100%; }

div.rcmBody, amabot_widget div.rcmBody { line-height:1.4em; }
div.rcmBody a:link, div.rcmBody a:visited { text-decoration: underline; }

div.rcmBody p.seeMore, amabot_widget div.rcmBody p.seeMore { margin-top:0.5em; }
div.rcmBody div.bannerImage { text-align:center; }
div.rcmBody h2 span.homepageTitle { display:block; margin-bottom:-0.3em; margin-top:-0.12em; line-height:1em; }
div.rcmBody h2 img { float:none; }
table.coopTable div.rcmBody .headline { font-size: 110%; }
table.coopTable div.rcmBody h2 { font-size: 110%; font-weight:bold; }
table.promo div.rcmBody h2 { font-size: 100%; font-weight:bold; }

div.left_nav { font-family: Arial, sans-serif; font-size:100%; margin:0; line-height:1.05em; width:100%; border: 1px solid #C9E1F4; padding-bottom:10px; }
div.left_nav h2 { margin:0 0 0 0; color: #000000; font-weight: bold; line-height: 1.25em; font-size: 100%; font-family: verdana,arial,helvetica,sans-serif; padding: 3px 6px; background-color: #EAF3FE; }
div.left_nav h3 { font-family: verdana,arial,helvetica,sans-serif; margin:0.5em 0 0.4em 0.5em; color: #E47911; font-weight: bold; line-height: 1em; font-size:100%; padding-right:0.5em; }
div.left_nav ul { margin:0; padding:0; }
div.left_nav li, div.left_nav p { list-style: none; margin:0.5em 0.5em 0 1em; line-height:1.2em; }

div.left_nav hr { margin: 1em 0.5em; border-top:0; border-left:0; border-right:0; border-bottom: 1px dashed #cccccc; }

div.left_nav a:link, div.left_nav a:visited { color: #003399; text-decoration: none; font-family: Arial, sans-serif; }
div.left_nav a:hover { color: #2a70fc; text-decoration: underline; }
div.left_nav p.seeMore { padding-left:0.9em; text-indent:-0.9em; margin-top: 0.35em; margin-bottom: 1em; }

div.left_nav p.seeMore a:link, div.left_nav p.seeMore a:visited { text-decoration:none; }
div.left_nav p.seeMore a:hover { text-decoration:underline; }
div.seller_central li { font-size:95%; }

div.leftnav_popover { width:35em; border:3px solid #ededd3; padding:10px; }

div.leftnav_popover li { font-size: 100%; }

div.leftnav_popover h2 { font-family:verdana,arial,helvetica,sans-serif; margin:0 0 0.5em 0; color:#E47911; line-height: 1em; font-size:100%; padding-right:0.5em; background-color: #FFFFFF; padding-left:0; }

div.leftnav_popover ul.popover_col { float:left; width:33%; margin:0; padding:0; }
div.leftnav_popover ul.popover_col li { list-style:none; font-size:90%; line-height:1.5em; line-height:1.2em; margin: 0 5px 0.7em 0 }
div.leftnav_popover ul.popover_col li a { text-decoration:none; }
div.leftnav_popover ul.popover_col li a:hover { text-decoration:underline; }
div.leftnav_popover p.seeMore { margin-left:0; }
div.leftnav_popover div.h_rule_popup { clear:left; margin-bottom: 5px; border-bottom:1px dashed #cccccc; }

div.asinItem { float:left; margin-bottom:1em; width:32%; }
div.asinTextBlock { padding:0 8px 8px 0; }
div.asinItem div.prodImage { height:121px; display:table-cell; vertical-align:bottom; }
div.asinItem div.localImage { display:table-cell; vertical-align:bottom; }

div.asinItem span { margin: 0.5em 0 0.25em 0; }
div.asinItem ul { margin:0; padding:0 0 0.5em 1.3em; text-indent: -1.3em; font-size:90%; }

div.asinTitle {padding-top:3px; padding-bottom:2px;}
div.row { clear:both; }
body.dp {}
body.dp div.h_rule { clear:none; }
body.dp div.unified_widget { clear:none; }
div.asinCoop div.asinItem { float:none; width:100%;}
div.asinCoop_header {}
div.asinCoop_footer {}

div.newAndFuture div.asinItem ul { font-size:100%; }
div.newAndFuture div.asinItem li { list-style-position: outside; margin:0 0 0.35em 20px; padding:0; text-indent: 0; }
div.newAndFuture h3 { font-size:100%; margin:1em 0 ; }
div.newAndFuture a:link, div.newAndFuture a:visited { text-decoration:underline; }
div.newAndFuture a:hover { text-decoration:underline; }
div.newAndFuture p.seeMore { margin:-0.75em 0 0 35px; }

div.unified_widget ol.topList { margin: 0; padding: 0; list-style: none; }
div.unified_widget ol.topList li { list-style: none; clear: both; display: list-item; padding-top: 6px; }
div.unified_widget ol.topList .productImage { display: block; float: left;vertical-align: top;text-align: center;width:60px; }
div.unified_widget ol.topList .productText { display: block; float: left; padding-left:10px; vertical-align: top; }
:root div.unified_widget span.productImage { display: table-cell; float: none; }
:root div.unified_widget span.productText { display: table-cell; float: none; }
div.unified_widget dl.priceBlock {margin:0 0 0.45em 0;}
div.unified_widget dl.priceBlock dt {clear:left; font-weight:bold; float:left; margin:0 0.3em 0 0;}
div.unified_widget dl.priceBlock dd {margin:0 0 0.2em 0;}
div.unified_widget .bold {font-weight:bold;}
div.unified_widget .byline { font-size: 95%; font-weight: normal; }
table.thirdLvlNavContent div.blurb { margin:10px; }

div.pageBanner h1 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:225%; color: #e47911; letter-spacing:-0.03em; margin:0; }
div.pageBanner p { font-size:90%; color:#888888; margin:0; }

div.pageBanner h1.bkgnd { background-repeat:no-repeat; background-color:#FFFFFF; overflow:hidden; text-indent:-100em; }

div.blurb div.title
{
    font-weight:bold; padding-top:5px; padding-bottom:2px;
}

--></style>


</head>
  <body bgcolor="#FFFFFF" text="#000000">

<center>
<a href="/"><img src="/error-image/small-logo._V192261651_.gif" width="176" height="39" border="0" /></a>
  <br />
  <br />
  <table border="0" align="center" cellpadding="4">
    <tr>
      <td> 
        <img src="/error-image/kailey-kitty._V192261658_.gif" width="40" height="35" border="0" />
      </td>
      <td valign="middle" class="sans">
        <b class="h1"> 
          何かお探しですか?
        </b>
        <br />
          入力したURLが当サイトのページと一致しません
        <br />
        <br />
        <img src="/error-image/orange-arrow._V192261655_.gif" width="5" height="9" border="0" />
        <b>
          <a href="/">Amazon.co.jp トップページ</a>
        </b>
      </td>
    </tr>
  </table>
</center>

</body>
</html>

以上。あとでプライムデイゆっくり眺めよう〜っと

gree
インターネットを通じて、世界をより良くする。
http://gree.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away