{"id":28342,"date":"2025-02-25T18:48:46","date_gmt":"2025-02-25T09:48:46","guid":{"rendered":"https:\/\/www.skyarch.net\/blog\/?p=28342"},"modified":"2025-02-25T18:50:29","modified_gmt":"2025-02-25T09:50:29","slug":"web%e3%82%b9%e3%82%af%e3%83%ac%e3%82%a4%e3%83%94%e3%83%b3%e3%82%b0%e3%81%abamazon-cloudwatch-synthetics-canary%e3%81%a8bedrock%e3%82%92%e5%88%a9%e7%94%a8%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/www.skyarch.net\/blog\/web%e3%82%b9%e3%82%af%e3%83%ac%e3%82%a4%e3%83%94%e3%83%b3%e3%82%b0%e3%81%abamazon-cloudwatch-synthetics-canary%e3%81%a8bedrock%e3%82%92%e5%88%a9%e7%94%a8%e3%81%99%e3%82%8b\/","title":{"rendered":"Web\u30b9\u30af\u30ec\u30a4\u30d4\u30f3\u30b0\u306bAmazon CloudWatch Synthetics Canary\u3068Bedrock\u3092\u5229\u7528\u3059\u308b"},"content":{"rendered":"<h2>\u306f\u3058\u3081\u306b<\/h2>\n<p>Web\u30b5\u30a4\u30c8\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u53d6\u5f97\u53ca\u3073\u3001Web\u30b9\u30af\u30ec\u30a4\u30d4\u30f3\u30b0\u3092\u5b9f\u884c\u3059\u308b\u5fc5\u8981\u304c\u3042\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u4e0b\u8a182\u3064\u306e\u8ab2\u984c\u3092\u3001CloudWatch Synthetics Canary\u3068Bedrock\u3092\u5229\u7528\u3059\u308b\u4e8b\u3067\u3001\u3042\u308b\u7a0b\u5ea6\u89e3\u6c7a\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<ul>\n<li>\u81ea\u524d\u3067Puppeteer\/Selenium\u5b9f\u884c\u74b0\u5883\u306e\u4f5c\u6210\/\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u5b9f\u65bd\u304c\u3057\u3093\u3069\u3044<\/li>\n<li>\u30b3\u30f3\u30c6\u30f3\u30c4\u5909\u66f4\u304c\u3042\u3063\u305f\u969b\u306e\u30bb\u30ec\u30af\u30bf\u5909\u66f4\u5bfe\u5fdc\u3092\u884c\u3046\u4e8b\u304c\u3057\u3093\u3069\u3044<\/li>\n<\/ul>\n<h3>\u30b9\u30af\u30ec\u30a4\u30d4\u30f3\u30b0\u306e\u7981\u6b62Web\u30b5\u30a4\u30c8\u306b\u3064\u3044\u3066<\/h3>\n<p>\u30b5\u30fc\u30d3\u30b9\u5229\u7528\u898f\u7d04\u306b\u3088\u308a\u3001\u81ea\u52d5\u5316\u3055\u308c\u305f\u624b\u6bb5\u3001\u30c7\u30fc\u30bf\u53ce\u96c6\u306e\u7981\u6b62\u304c\u542b\u307e\u308c\u3066\u3044\u308bWeb\u30b5\u30a4\u30c8\u3082\u3042\u308b\u305f\u3081\u3001\u5229\u7528\u898f\u7d04\u3092\u3054\u78ba\u8a8d\u4e0b\u3055\u3044\u3002<\/p>\n<h2>\u76ee\u6b21<\/h2>\n<ul>\n<li><a href=\"#overview\">\u6982\u8981<\/a><\/li>\n<li><a href=\"#about\">CloudWatch Synthetics Canary\u3068\u306f<\/a><\/li>\n<li><a href=\"#tejun\">\u624b\u9806<\/a>\n<ul>\n<li><a href=\"#tejun-canary\">CloudWatch Synthetics Canary\u306e\u4f5c\u6210<\/a><\/li>\n<li><a href=\"#tejun-bedrock-lambda\">\u53d6\u5f97\u3057\u305f\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u89e3\u6790Lambda\u306e\u4f5c\u6210<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#tips\">Tips<\/a><\/li>\n<li><a href=\"#matome\">\u307e\u3068\u3081<\/a><\/li>\n<li><a href=\"#refer\">\u53c2\u8003Web\u30b5\u30a4\u30c8<\/a><\/li>\n<\/ul>\n<h2>\u6982\u8981 <a id=\"overview\"><\/a><\/h2>\n<p>\u69cb\u6210\u56f3\u306b\u8d77\u3053\u3059\u7a0b\u3067\u3082\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306a\u69cb\u6210\u3068\u306a\u3063\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/arch.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/arch-1024x832.png\" alt=\"\" \/><\/a>\n<h2>CloudWatch Synthetics Canary\u3068\u306f<a id=\"about\"><\/a><\/h2>\n<p>CloudWatch Synthetics Canary\u3068\u306f\u3001\u5b9f\u969b\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u52d5\u304d\u3092\u6a21\u5023\u3057\u305f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u5b9a\u671f\u7684\u306b\u5b9f\u884c\u3059\u308b\u4e8b\u304c\u53ef\u80fd\u306a\u3001\u3044\u308f\u3086\u308b\u5408\u6210\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3092\u5b9f\u65bd\u3059\u308b\u4e8b\u304c\u53ef\u80fd\u306a\u30c4\u30fc\u30eb\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<blockquote>\n<p>CloudWatch \u30e6\u30fc\u30b6\u30ac\u30a4\u30c9 \u5408\u6210\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<br \/>\n<a href=\"https:\/\/docs.aws.amazon.com\/ja_jp\/AmazonCloudWatch\/latest\/monitoring\/CloudWatch_Synthetics_Canaries.html\">https:\/\/docs.aws.amazon.com\/ja_jp\/AmazonCloudWatch\/latest\/monitoring\/CloudWatch_Synthetics_Canaries.html<\/a><\/p>\n<\/blockquote>\n<p>Canary \u306e\u52d5\u753b\u30c7\u30e2 \u304c\u975e\u5e38\u306b\u5206\u304b\u308a\u3084\u3059\u3044\u5185\u5bb9\u3068\u306a\u3063\u3066\u304a\u308a\u307e\u3059\u3002<br \/>\nWeb\u30da\u30fc\u30b8\u306e\u5dee\u5206\u691c\u77e5\u6a5f\u80fd\u7b49\u3082\u3042\u308a\u3001\u3068\u3066\u3082\u4fbf\u5229\u3067\u3059\u3002<\/p>\n<h3>\u5408\u6210\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u306f<\/h3>\n<p>\u4e88\u9632\u7684\u306a\u554f\u984c\u691c\u77e5\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u4fdd\u8a3c\u3068\u3044\u3046\u89b3\u70b9\u3067\u3001\u91cd\u8981\u306a\u76e3\u8996\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n<blockquote>\n<p>\u30ea\u30a2\u30eb\u30e6\u30fc\u30b6\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\uff08RUM\uff09 vs \u5408\u6210\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0: \u9867\u5ba2\u4f53\u9a13\u3092\u6539\u5584\u3059\u308b\u306b\u306f\u3069\u3046\u3057\u305f\u3089\u3044\u3044\u304b<br \/>\n<a href=\"https:\/\/newrelic.com\/jp\/blog\/how-to-relic\/synthetic-versus-real-user-monitoring\">https:\/\/newrelic.com\/jp\/blog\/how-to-relic\/synthetic-versus-real-user-monitoring<\/a><\/p>\n<\/blockquote>\n<h2>\u624b\u9806 <a id=\"tejun\"><\/a><\/h2>\n<h3>Synthetics Canary\u306e\u4f5c\u6210 <a id=\"tejun-canary\"><\/a><\/h3>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/00.SyntheticsCanaryCreate.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/00.SyntheticsCanaryCreate-1024x537.png\" alt=\"\" \/><\/a>\n<p>\u6848\u5185\u306b\u3042\u308b\u901a\u308a\u3001AWS Synthetics Canary Recorder Chrome \u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001\u5bfe\u8c61\u306eURL\u3092\u958b\u304d\u307e\u3059\u3002<\/p>\n<h4>\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u3066UI\u64cd\u4f5c\u3092\u30b9\u30af\u30ea\u30d7\u30c8\u5316<\/h4>\n<p>\u30d7\u30e9\u30b0\u30a4\u30f3\u304b\u3089\u3001\u30ec\u30b3\u30fc\u30c9\u3092\u958b\u59cb\u3057\u305f\u5f8c<br \/>\n\u30d6\u30e9\u30a6\u30b6\u64cd\u4f5c\u3092\u884c\u3046\u4e8b\u3067\u3001\u884c\u3063\u305f\u64cd\u4f5c\u304c\u30b9\u30af\u30ea\u30d7\u30c8\u5316\u3055\u308c\u307e\u3059\u3002<br \/>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/01.Recorder.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/01.Recorder-751x1024.png\" alt=\"\" \/><\/a><\/p>\n<h4>\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u7de8\u96c6\u3057Canary\u306b\u8a2d\u5b9a<\/h4>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/02.Recorder.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/02.Recorder-1024x562.png\" alt=\"\" \/><\/a>\n<p>Canary\u3092\u4f5c\u6210\u3059\u308b\u3068Lambda\u304c\u4f5c\u6210\u3055\u308c\u308b\u4e8b\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n<h4>\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u8a8d<\/h4>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/10.Canary_success.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/10.Canary_success-1024x561.png\" alt=\"\" \/><\/a>\n<h4>\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u5b9f\u884c\u7d50\u679c\u3092\u78ba\u8a8d\uff08\u8a73\u7d30\uff09<\/h4>\n<p>\u5931\u6557\u6642\u306e\u5b9f\u884c\u7d50\u679c\u3092\u3001\u5404\u30b9\u30c6\u30c3\u30d7\u3067\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u4ed8\u304d\u3067\u78ba\u8a8d\u3059\u308b\u4e8b\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n\u3053\u308c\u304c\u3068\u3066\u3082\u4fbf\u5229\u3067\u3059\u3002<br \/>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/100.trouble_shooting.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/100.trouble_shooting-1024x571.png\" alt=\"\" \/><\/a><\/p>\n<h4>\u4f5c\u6210\u3055\u308c\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u78ba\u8a8d<\/h4>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/11.Canary_success_s3.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/11.Canary_success_s3-1024x776.png\" alt=\"\" \/><\/a>\n<p>\u6a19\u6e96\u8a2d\u5b9a\u3067\u3059\u3068\u3001synthetics.executeStep \u306e \u5404\u30b9\u30c6\u30c3\u30d7\u3067\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u53d6\u5f97\u3057\u3066\u304f\u308c\u3001har \u30d5\u30a1\u30a4\u30eb\u7b49\u3082\u4e00\u7dd2\u306b\u4f5c\u6210\u3057\u3066\u304f\u308c\u308b\u305f\u3081\u3001\u305d\u3053\u305d\u3053\u306e\u5bb9\u91cf\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<h4>\u4f5c\u6210\u3057\u305f\u30b9\u30af\u30ea\u30d7\u30c8 (\u629c\u7c8b)\u3000<a id=\"puppeteer-script\"><\/a><\/h4>\n<pre>\nvar synthetics = require('Synthetics');\nconst log = require('SyntheticsLogger');\n\n\/\/ \u5404\u30b9\u30c6\u30c3\u30d7\u3067\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306f\u53d6\u5f97\u3057\u306a\u3044\u8a2d\u5b9a\u3001harFile\u3082\u4e0d\u8981\nconst synConfig = synthetics.getConfiguration();\nsynConfig.setConfig({\n  'harFile': false,\n  'screenshotOnStepStart': false,\n  'screenshotOnStepSuccess': false,\n  'screenshotOnStepFailure': true\n});\n\n\/\/ UserAgent\u3092\u8a2d\u5b9a\u3057\u306a\u3044\u3068WAF\u7b49\u3067\u5f3e\u304b\u308c\u308bWeb\u30b5\u30a4\u30c8\u5bfe\u7b56\nconst recordedScript = async function () {\n  let page = await synthetics.getPage();\n  await page.setUserAgent(\"mozilla\/5.0 (windows nt 10.0; win64; x64) applewebkit\/537.36 (khtml, like gecko) chrome\/132.0.0.0 safari\/537.36\")\n\n  const navigationPromise = page.waitForNavigation()\n\n  \/\/ Login\n  await synthetics.executeStep('Goto_0', async function() {\n    await page.goto(\"https:\/\/test.com\/users\/sign_in\", {waitUntil: 'domcontentloaded', timeout: 30000})\n  })\n\n  await page.setViewport({ width: 1024, height: 768 })\n\n  await synthetics.executeStep('Click_1', async function() {\n    await page.waitForSelector('.signin-form input[name=\"email\"]')\n    await page.click('.signin-form input[name=\"email\"]')\n  })\n\n  await synthetics.executeStep('Type_1', async function() {\n    await page.type('.signin-form input[name=\"email\"]', \"test@test.com\")\n  })\n\n  await synthetics.executeStep('Click_Login', async function() {\n    await page.waitForSelector('.signin-form > .signin-form__form > .signin-form__submit > .cr-button > .cr-button__content')\n    await page.click('.signin-form > .signin-form__form > .signin-form__submit > .cr-button > .cr-button__content')\n  })\n\n  \/\/ \u30da\u30fc\u30b8\u79fb\u52d5\u5f85\u3061\n  await navigationPromise\n\n  \/\/ \u5024\u53d6\u5f97\u30c6\u30b9\u30c8-CloudWatch Logs\u306b\u51fa\u529b\n  await synthetics.executeStep('Click_8', async function() {\n    await page.waitForSelector('body > #root > div > div > div > div.earner-dashboard__activity-snapshot-container > div > div > div:nth-child(1) > div > div.earner-dashboard__activity-snapshot-kpi-value')\n    await page.click('body > #root > div > div > div > div.earner-dashboard__activity-snapshot-container > div > div > div:nth-child(1) > div > div.earner-dashboard__activity-snapshot-kpi-value')\n  })\n\n  const value1 = await page.evaluate(() => {\n    const kpiValue = document.querySelector(\"body > #root > div > div > div > div.earner-dashboard__activity-snapshot-container > div > div > div:nth-child(1) > div > div.earner-dashboard__activity-snapshot-kpi-value\");\n    return kpiValue.textContent;\n  });\n\n  data = {\n    \"test.com\": {\n      \"value1\": value1\n    },\n  }\n  console.log(JSON.stringify(data));\n\n  \/\/ \u30da\u30fc\u30b8\u5168\u4f53\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u53d6\u5f97\n  \/\/ Change browser viewport\n  var width = await page.evaluate(() => document.body.scrollWidth);\n  var height = await page.evaluate(() => document.body.scrollHeight);\n  await page.setViewport({ width: width, height: height })\n\n  \/\/ Take Screen Shot\n  await synthetics.takeScreenshot('loaded', 'toppage');\n\n};\nexports.handler = async () => {\n    return await recordedScript();\n};\n<\/pre>\n<h3>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u89e3\u6790Lambda\u306e\u4f5c\u6210 <a id=\"tejun-bedrock-lambda\"><\/a><\/h3>\n<p>Synthetics Canary \u5b9f\u884c\u7d50\u679c\u4fdd\u5b58\u30d0\u30b1\u30c3\u30c8\u306b\u4e0b\u8a18\u306e\u3088\u3046\u306a\u6761\u4ef6\u3067\u3001\u89e3\u6790Lambda\u3092\u8d77\u52d5\u3059\u308b\u3088\u3046\u306b\u8a2d\u5b9a<\/p>\n<pre>\ns3.EventType.OBJECT_CREATED,\ns3.NotificationKeyFilter(prefix=\"\", suffix=\"loaded-toppage.png\"),\n<\/pre>\n<h4>\u30b9\u30af\u30ea\u30d7\u30c8 (\u629c\u7c8b)<\/h4>\n<p>\u624b\u629c\u304d\u4ed5\u69d8\u3067\u3001\u51e6\u7406\u3055\u308c\u308b\u306e\u304c\u5358\u4e00\u30d5\u30a1\u30a4\u30eb\u306e\u307f\u306a\u306e\u3067\u6ce8\u610f<\/p>\n<pre>\nimport json\nimport boto3\nimport base64\nimport os\nfrom botocore.exceptions import ClientError\n\ndef lambda_handler(event, context):\n    print(\"\u30a4\u30d9\u30f3\u30c8\u53d7\u4fe1:\", json.dumps(event))\n\n    # S3\u30a4\u30d9\u30f3\u30c8\u304b\u3089\u30d0\u30b1\u30c3\u30c8\u540d\u3068\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30ad\u30fc\u3092\u53d6\u5f97\n    bucket_name = event['Records'][0]['s3']['bucket']['name']\n    object_key = event['Records'][0]['s3']['object']['key']\n\n    # \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30ad\u30fc\u304c *loaded-toppage.png \u3067\u3042\u308b\u3053\u3068\u3092\u78ba\u8a8d\n    if not object_key.endswith('loaded-toppage.png'):\n        print(f\"\u5bfe\u8c61\u5916\u306e\u30d5\u30a1\u30a4\u30eb: {object_key}\")\n        return {\n            'statusCode': 200,\n            'body': json.dumps('\u5bfe\u8c61\u5916\u306e\u30d5\u30a1\u30a4\u30eb\u306e\u305f\u3081\u51e6\u7406\u3092\u30b9\u30ad\u30c3\u30d7\u3057\u307e\u3057\u305f')\n        }\n\n    try:\n        # S3\u304b\u3089\u30d5\u30a1\u30a4\u30eb\u3092\u53d6\u5f97\n        s3_client = boto3.client('s3')\n        response = s3_client.get_object(Bucket=bucket_name, Key=object_key)\n        image_content = response['Body'].read()\n\n        # \u753b\u50cf\u3092Base64\u30a8\u30f3\u30b3\u30fc\u30c9\n        base64_image = base64.b64encode(image_content).decode('utf-8')\n\n        # Bedrock\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3092\u521d\u671f\u5316\n        bedrock_runtime = boto3.client(service_name='bedrock-runtime')\n\n        # Anthropic Claude 3 haiku \u3092\u4f7f\u7528\u3057\u3066\u753b\u50cf\u89e3\u6790\n        response = bedrock_runtime.invoke_model(\n            modelId='anthropic.claude-3-haiku-20240307-v1:0',\n            body=json.dumps({\n                \"anthropic_version\": \"bedrock-2023-05-31\",\n                \"max_tokens\": 1000,\n                \"messages\": [\n                    {\n                        \"role\": \"user\",\n                        \"content\": [\n                            {\n                                \"type\": \"image\",\n                                \"source\": {\n                                    \"type\": \"base64\",\n                                    \"media_type\": \"image\/png\",\n                                    \"data\": base64_image\n                                }\n                            },\n                            {\n                                \"type\": \"text\",\n                                \"text\": \"\u3053\u306e\u753b\u50cf\u3092\u89e3\u6790\u3057XXXX\"\n                            }\n                        ]\n                    }\n                ]\n            })\n        )\n\n        # \u30ec\u30b9\u30dd\u30f3\u30b9\u304b\u3089\u751f\u6210AI\u306e\u89e3\u6790\u7d50\u679c\u3092\u62bd\u51fa\n        response_body = json.loads(response['body'].read())\n        ai_analysis = response_body['content'][0]['text']\n\n        print(\"\u751f\u6210AI\u89e3\u6790\u7d50\u679c:\", ai_analysis)\n\n        return {\n            'statusCode': 200,\n            'body': json.dumps({\n                'message': 'Image analyzed successfully',\n                'analysis': ai_analysis\n            })\n        }\n\n    except Exception as e:\n        print(\"\u30a8\u30e9\u30fc\u767a\u751f:\", str(e))\n        return {\n            'statusCode': 500,\n            'body': json.dumps({\n                'message': 'Error analyzing image',\n                'error': str(e)\n            })\n        }\n<\/pre>\n<h2>Tips <a id=\"tips\"><\/a><\/h2>\n<h3>Synthetics Recorder\u5229\u7528\u306b\u969b\u3057\u3066<\/h3>\n<p>\u30ec\u30b3\u30fc\u30c9\u3059\u308b\u969b\u306b\u306f\u3001\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30d6\u30e9\u30a6\u30b6\u306b\u3066\u5b9f\u65bd\u3059\u308b\u7b49\u3067\u3001Cookie\u304c\u306a\u3044\u72b6\u614b\u304b\u3089UI\u64cd\u4f5c\u3092\u884c\u3046\u5fc5\u8981\u304c\u3042\u308bWeb\u30b5\u30a4\u30c8\u304c\u3042\u308a\u307e\u3059\uff08Cookie\u53d7\u3051\u5165\u308c\u8a31\u53ef\u30c0\u30a4\u30a2\u30ed\u30b0\u7b49\uff09<\/p>\n<h3>id\u304c\u52d5\u7684\u306b\u751f\u6210\u3055\u308c\u308bWeb\u30b5\u30a4\u30c8<\/h3>\n<p>id\u304c\u52d5\u7684\u306b\u751f\u6210\u3055\u308c\u308bWeb\u30b5\u30a4\u30c8\u304c\u591a\u3044\u305f\u3081\u3001name \u5c5e\u6027\u3067\u6307\u5b9a\u3057\u3066\u3042\u3052\u308b\u7b49<\/p>\n<pre>\npage.waitForSelector('.signin-form #input_11')\n\u2193\npage.waitForSelector('.signin-form input[name=\"password\"]')\n<\/pre>\n<h3>Web\u30da\u30fc\u30b8\u306bSynthetics\u304b\u3089\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068 Forbidden \u7b49\u304c\u8fd4\u5374\u3055\u308c\u308b<\/h3>\n<p>\u56fd\u5185IP\u5229\u7528 + UserAgent \u8a2d\u5b9a\u3067\u30af\u30ea\u30a2\u51fa\u6765\u308b\u30d1\u30bf\u30fc\u30f3\u304c\u591a\u304b\u3063\u305f\u3067\u3059\u3002<br \/>\n\u81ea\u5206\u306euserAgent \u78ba\u8a8d <code>console.log(window.navigator.userAgent)<\/code><\/p>\n<pre>\nawait page.setUserAgent(\"mozilla\/5.0 (windows nt 10.0; win64; x64) applewebkit\/537.36 (khtml, like gecko) chrome\/132.0.0.0 safari\/537.36\")\n<\/pre>\n<h3>Canary\u306e\u8a2d\u5b9a\u3067\u6c17\u3092\u4ed8\u3051\u308b\u4e8b<\/h3>\n<ul>\n<li>\u5b9f\u884c\u6642\u9593\u5236\u9650\u304c\u6a19\u6e96\u306e\u30bf\u30a4\u30e0\u30a2\u30a6\u30c8\u6642\u9593\u3060\u3068\u9577\u3044\u305f\u3081\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\u3059\u308b<\/li>\n<li>\u30c7\u30fc\u30bf\u4fdd\u6301\u671f\u9593\u304c\u6a19\u6e96\u3060\u30681\u30f6\u6708\u7b49\u306a\u306e\u3067\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\u3059\u308b<\/li>\n<\/ul>\n<h4>\u4e0d\u8981\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210\u9632\u6b62<\/h4>\n<p>\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u5148\u982d\u3067\u4e0b\u8a18\u306e\u3088\u3046\u306a\u8a2d\u5b9a\u3092\u3059\u308b\u4e8b\u3067\u3001\u4f5c\u6210\u30d5\u30a1\u30a4\u30eb\u3092\u7d5e\u308b\u4e8b\u304c\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n<pre>\n\/\/ \u5404\u30b9\u30c6\u30c3\u30d7\u3067\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306f\u53d6\u5f97\u3057\u306a\u3044\u8a2d\u5b9a\u3001harFile\u3082\u4e0d\u8981\nconst synConfig = synthetics.getConfiguration();\nsynConfig.setConfig({\n  'harFile': false,\n  'screenshotOnStepStart': false,\n  'screenshotOnStepSuccess': false,\n  'screenshotOnStepFailure': true\n});\n<\/pre>\n<a href=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/40-saved-files.png\"><img decoding=\"async\" src=\"https:\/\/www.skyarch.net\/blog\/wp-content\/uploads\/2025\/02\/40-saved-files-1024x288.png\" alt=\"\" \/><\/a>\n<h3>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306e\u5927\u304d\u3055<\/h3>\n<p>\u751f\u6210AI\u306b\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u753b\u50cf\u3092\u6e21\u3059\u969b\u306b\u3001\u5927\u304d\u3059\u304e\u308b\u753b\u50cf\u3060\u3068\u826f\u3044\u7d50\u679c\u304c\u5f97\u3089\u308c\u306a\u3044\u30b1\u30fc\u30b9\u304c\u3042\u308a\u307e\u3057\u305f\u3002<br \/>\n\u9069\u5207\u306b\u9818\u57df\u3092\u5207\u3063\u3066\u6e21\u3057\u3066\u3042\u3052\u308b\u7b49\u5de5\u592b\u304c\u5fc5\u8981\u3068\u601d\u3044\u307e\u3057\u305f\u3002<\/p>\n<pre>\n  \/\/ \u30da\u30fc\u30b8\u5168\u4f53\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u53d6\u5f97\n  \/\/ Change browser viewport\n  var width = await page.evaluate(() => document.body.scrollWidth);\n  var height = await page.evaluate(() => document.body.scrollHeight);\n  await page.setViewport({ width: width, height: height })\n<\/pre>\n<h2>\u307e\u3068\u3081 <a id=\"matome\"><\/a><\/h2>\n<p>\u672c\u6765\u306e\u4f7f\u3044\u65b9\u3068\u306f\u5c11\u3057\u6bdb\u8272\u304c\u7570\u306a\u308a\u307e\u3059\u304c<br \/>\n\u81ea\u524d\u3067Lambda Layer\u3092\u4f5c\u6210\/\u7ba1\u7406\u3059\u308b\u4e8b\u306b\u6bd4\u3079\u3001\u5de5\u6570\u306e\u524a\u6e1b\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n<p>\u5931\u6557\u6642\u306e\u30c7\u30d0\u30c3\u30b0\u3082\u884c\u3044\u3084\u3059\u3044\u3068\u611f\u3058\u3066\u304a\u308a\u3001\u3068\u3066\u3082\u826f\u3044\u30b5\u30fc\u30d3\u30b9\u3068\u611f\u3058\u307e\u3057\u305f\u3002<br \/>\n\uff08\u672c\u8a18\u4e8b\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u4f8b\u3068\u306f\u7570\u306a\u308a\u307e\u3059\u304c\u3001\u81ea\u5206\u306e\u5951\u7d04\u3057\u3066\u3044\u308b\u30b5\u30fc\u30d3\u30b9\u304cAPI\u3092\u63d0\u4f9b\u3057\u3066\u304f\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3001\u65e5\u306b1\u56de\u52d5\u304b\u3057\u3066\u304a\u308a\u307e\u3059\u3002MFA\u304c\u5f37\u5236\u3067\u6709\u52b9\u306b\u306a\u308b\u3068\u56f0\u308b\u306a\u3041\u3068\u306f\u601d\u3063\u3066\u304a\u308a\u307e\u3059\u304c :sweat_smile:\uff09<\/p>\n<p>\u4e00\u65b9\u3067\u3001\u672c\u6765\u306e\u4f7f\u3044\u65b9\u306b\u8fd1\u3044\u3082\u306e\u3067\u3059\u3068\u3001Synthetics Canary \u306e\u5b9f\u614b\u306fLambda\u306e\u305f\u3081<br \/>\nStepFunctions\u3067Synthetics Canary Lambda\u3092\u8907\u6570\u8d77\u52d5\u3055\u305b\u3066\u8ca0\u8377\u30c6\u30b9\u30c8\u3092\u5b9f\u65bd\u3059\u308b\u3068\u3044\u3046\u4e0b\u8a18\u30d6\u30ed\u30b0\u306b\u3064\u3044\u3066\u826f\u3044\u5229\u7528\u6cd5\u3060\u306a\u3068\u611f\u3058\u307e\u3057\u305f\u306e\u3067\u3001\u6a5f\u4f1a\u304c\u3042\u308c\u3070\u691c\u8a0e\u3057\u3066\u307f\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<h2>\u53c2\u8003<a id=\"refer\"><\/a><\/h2>\n<h3>Puppeteer \u3092\u4f7f\u7528\u3057\u305f Node.js Canary \u30b9\u30af\u30ea\u30d7\u30c8\u7528\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u95a2\u6570<\/h3>\n<p><a href=\"https:\/\/docs.aws.amazon.com\/ja_jp\/AmazonCloudWatch\/latest\/monitoring\/CloudWatch_Synthetics_Canaries_Library_Nodejs.html\">https:\/\/docs.aws.amazon.com\/ja_jp\/AmazonCloudWatch\/latest\/monitoring\/CloudWatch_Synthetics_Canaries_Library_Nodejs.html<\/a><\/p>\n<h3>Amazon CloudWatch Synthetics \u3092\u4f7f\u7528\u3057\u3066\u8ca0\u8377\u30c6\u30b9\u30c8\u3068\u5408\u6210\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/h3>\n<p><a href=\"https:\/\/aws.amazon.com\/jp\/blogs\/mt\/reduce-code-duplication-in-load-testing-and-synthetic-monitoring-using-amazon-cloudwatch-synthetics\/\">https:\/\/aws.amazon.com\/jp\/blogs\/mt\/reduce-code-duplication-in-load-testing-and-synthetic-monitoring-using-amazon-cloudwatch-synthetics\/<\/a><\/p>\n<h3>S3 Image Analysis<\/h3>\n<p>Analyzing images in S3 with Claude 3 and AWS Lambda<br \/>\n<a href=\"https:\/\/github.com\/aws-samples\/s3-image-analysis-lambda-claude3\/blob\/main\/README_en.md\">https:\/\/github.com\/aws-samples\/s3-image-analysis-lambda-claude3\/blob\/main\/README_en.md<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u306f\u3058\u3081\u306b Web\u30b5\u30a4\u30c8\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u53d6\u5f97\u53ca\u3073\u3001Web\u30b9\u30af\u30ec\u30a4\u30d4\u30f3\u30b0\u3092\u5b9f\u884c\u3059\u308b\u5fc5\u8981\u304c\u3042\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u4e0b\u8a182\u3064\u306e\u8ab2\u984c\u3092\u3001CloudWatch Synthetics Canary\u3068Bedrock\u3092\u5229\u7528\u3059\u308b\u4e8b\u3067\u3001\u3042\u308b\u7a0b\u5ea6\u89e3&#8230;<\/p>\n","protected":false},"author":2,"featured_media":28441,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"ja","_original_post":"https:\/\/www.skyarch.net\/blog\/?p=28342","footnotes":""},"categories":[20,1270,1328],"tags":[],"class_list":{"0":"post-28342","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-aws","8":"category-bedrock","9":"category-cloudwatch-synthetics","10":"ja"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/posts\/28342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/comments?post=28342"}],"version-history":[{"count":12,"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/posts\/28342\/revisions"}],"predecessor-version":[{"id":28443,"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/posts\/28342\/revisions\/28443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/media\/28441"}],"wp:attachment":[{"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/media?parent=28342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/categories?post=28342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skyarch.net\/blog\/wp-json\/wp\/v2\/tags?post=28342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}