{"image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20260519/20260519173812.jpg","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2026%2F05%2F19%2F175203\" title=\"CSS\uff0bJavaScript\u3067\u3001HTML\u30da\u30fc\u30b8\u3092\u7e26\u66f8\u304d\uff06\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3059\u308b\u3002 - \u6674\u6b69\u96e8\u63cf\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_url":"https://2ndart.hatenablog.com/","blog_title":"\u6674\u6b69\u96e8\u63cf","published":"2026-05-19 17:52:03","width":"100%","author_url":"https://blog.hatena.ne.jp/art2nd/","author_name":"art2nd","url":"https://2ndart.hatenablog.com/entry/2026/05/19/175203","type":"rich","version":"1.0","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","title":"CSS\uff0bJavaScript\u3067\u3001HTML\u30da\u30fc\u30b8\u3092\u7e26\u66f8\u304d\uff06\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3059\u308b\u3002","description":"\u5148\u307b\u3069\u3001ChatGPT\u3067SF\u77ed\u7de8\u5c0f\u8aac\u3092\u66f8\u3044\u305f\u3002 \u5404\u30da\u30fc\u30b8\u306eHTML\u306f\u3001<h1>\u30bf\u30b0\u3068<p>\u30bf\u30b0\u3057\u304b\u306a\u3044\u3002 CSS\uff0bJavaScript\u3067\u3001\u3053\u308c\u3089\u306e\u30da\u30fc\u30b8\u3092\u7e26\u66f8\u304d\u306b\u3057\u3066\u3001\u306a\u304a\u304b\u3064\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\uff08\u8907\u6570\u306e\u30da\u30fc\u30b8\u306b\u5206\u5272\u3057\u3066\u8868\u793a\u3057\u3001\u300c1 / 5\u30da\u30fc\u30b8\u300d\u3084\u300c\u6b21\u3078 / \u524d\u3078\u300d\u306e\u30ea\u30f3\u30af\u3067\u79fb\u52d5\u3055\u305b\u308b\uff09\u6a5f\u80fd\u3092\u4ed8\u3051\u305f\u3002Android\u30b9\u30de\u30db\u3067\u3001\u6307\u3067\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u306e\u30da\u30fc\u30b8\u9001\u308a\u3082\u3067\u304d\u308b\u3002 \u3010css/style.css\u3011 * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; height: 100%; overflow:\u2026","categories":["\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3001Web\u4f5c\u6210","\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8"],"height":"190"}