{"id":40,"date":"2026-11-06T16:09:19","date_gmt":"2026-11-06T07:09:19","guid":{"rendered":"http:\/\/127.0.0.1:8080\/wordpress\/?post_type=works&#038;p=40"},"modified":"2026-11-06T17:29:05","modified_gmt":"2026-11-06T08:29:05","slug":"portfolio","status":"publish","type":"works","link":"https:\/\/tata-portfolio.com\/?works=portfolio","title":{"rendered":"Personal Portfolio Website"},"content":{"rendered":"\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"http:\/\/127.0.0.1:8080\/wordpress\/wp-content\/uploads\/2026\/11\/siteshokai-1024x577.png\" alt=\"\" class=\"wp-image-27\" srcset=\"https:\/\/tata-portfolio.com\/wordpress\/wp-content\/uploads\/2026\/11\/siteshokai-1024x577.png 1024w, https:\/\/tata-portfolio.com\/wordpress\/wp-content\/uploads\/2026\/11\/siteshokai-300x169.png 300w, https:\/\/tata-portfolio.com\/wordpress\/wp-content\/uploads\/2026\/11\/siteshokai-768x432.png 768w, https:\/\/tata-portfolio.com\/wordpress\/wp-content\/uploads\/2026\/11\/siteshokai-1536x865.png 1536w, https:\/\/tata-portfolio.com\/wordpress\/wp-content\/uploads\/2026\/11\/siteshokai.png 1671w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u81ea\u8eab\u306e\u30af\u30e9\u30a6\u30c9\u30a4\u30f3\u30d5\u30e9\u6280\u8853\u3068Web\u5236\u4f5c\u30b9\u30ad\u30eb\u3092 \u4e00\u3064\u306e\u6210\u679c\u7269\u3068\u3057\u3066\u767a\u4fe1\u3059\u308b\u3053\u3068\u3092\u76ee\u7684\u306b\u3001 \u500b\u4eba\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u30b5\u30a4\u30c8\u3092\u5236\u4f5c\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">AWS\u4e0a\u306b\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u74b0\u5883\u3092\u69cb\u7bc9\u3057\u3001 Amazon EC2\uff08Amazon Linux 2023\uff09\u306b Apache HTTP Server\u3092\u5c0e\u5165\u3002 HTML\u30fbCSS\u30fbJavaScript\u306b\u3088\u308b \u9759\u7684Web\u30b5\u30a4\u30c8\u3092\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u30c7\u30b6\u30a4\u30f3\u30fb\u5b9f\u88c5\u306b\u52a0\u3048\u3001 VPC\u3084\u30b5\u30d6\u30cd\u30c3\u30c8\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3001 \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30b0\u30eb\u30fc\u30d7\u306e\u8a2d\u5b9a\u307e\u3067\u62c5\u5f53\u3057\u307e\u3057\u305f\u3002 \u30a4\u30f3\u30d5\u30e9\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4e21\u65b9\u3092\u7406\u89e3\u3057\u3001 \u4e00\u8cab\u3057\u3066\u69cb\u7bc9\u3067\u304d\u308b\u3053\u3068\u3092\u610f\u8b58\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tech Stack<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-constrained wp-block-column-is-layout-constrained\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">Amazon VPC<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">CIDR 10.100.0.0\/16\u3002Web\u30b5\u30fc\u30d0\u30fc\u3092\u914d\u7f6e\u3059\u308b\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u69cb\u7bc9\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">Anazon EC2<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">t3.micro \/ Amazon Linux 2023\u3000Web\u30b5\u30fc\u30d0\u30fc\u3068\u3057\u3066\u4f7f\u7528<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">Apache HTTP Server<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HTTP\uff08TCP 80\uff09\u3067\u9759\u7684Web\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u914d\u4fe1\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">HTML \/ CSS \/ JavaScript<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3001 \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3001\u4f5c\u54c1\u7d39\u4ecb\u30da\u30fc\u30b8\u306a\u3069\u3092\u5b9f\u88c5\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Architecture<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">AWS\u4e0a\u306eEC2\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3067Apache\u3092\u7a3c\u50cd\u3055\u305b\u3001 \u9759\u7684Web\u30b5\u30a4\u30c8\u3092\u914d\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-3f5c189d wp-block-group-is-layout-flex\" style=\"border-width:1px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding-top:24px;padding-bottom:24px\">\n<div class=\"wp-block-group has-border-color has-tata-text-border-color has-paper-background-color has-background has-small-font-size is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7491dde4 wp-block-group-is-layout-flex\" style=\"border-width:2px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px\">\n<p class=\"has-text-color has-link-color wp-elements-1 wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.128), 15px);\">Web Browser<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 1.116), 25px);\">\u2193<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-muted-border-color has-paper-background-color has-background has-small-font-size is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7491dde4 wp-block-group-is-layout-flex\" style=\"border-width:2px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px\">\n<p class=\"has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.128), 15px);\">Amazon EC2<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 1.116), 25px);\">\u2193<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-muted-border-color has-paper-background-color has-background has-small-font-size is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7491dde4 wp-block-group-is-layout-flex\" style=\"border-width:2px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px\">\n<p class=\"has-text-color has-link-color wp-elements-3 wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.128), 15px);\">Amazon Linux + Apache<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 1.116), 25px);\">\u2193<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-muted-border-color has-paper-background-color has-background has-small-font-size is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7491dde4 wp-block-group-is-layout-flex\" style=\"border-width:2px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px\">\n<p class=\"has-text-color has-link-color wp-elements-4 wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.128), 15px);\">HTML \/ CSS \/ JavaScript<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Implementation<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">01. Infrastructure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">AWS EC2\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u5229\u7528\u3057\u305fWeb\u516c\u958b\u74b0\u5883\u306e\u69cb\u7bc9\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">02. Web Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u6280\u8853\u3068\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306e\u4e21\u9762\u3092\u8868\u73fe\u3059\u308b\u30b5\u30a4\u30c8\u30c7\u30b6\u30a4\u30f3\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">03. Frontend<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HTML\u30fbCSS\u30fbJavaScript\u306b\u3088\u308b\u753b\u9762\u3068\u64cd\u4f5c\u6a5f\u80fd\u306e\u5b9f\u88c5\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-tata-border-border-color has-tata-card-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-width:1px;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-left-radius:18px;border-bottom-right-radius:18px\">\n<h3 class=\"wp-block-heading\">04. Deployment<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Apache\u306e\u516c\u958b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3078\u306e\u914d\u7f6e\u3068Web\u30b5\u30a4\u30c8\u516c\u958b\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Security &amp; Operations<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Web\u30b5\u30a4\u30c8\u306e\u516c\u958b\u74b0\u5883\u306b\u3064\u3044\u3066\u3001\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u3001 \u30b5\u30fc\u30d0\u30fc\u7ba1\u7406\u3001\u901a\u4fe1\u306e\u4fdd\u8b77\u306a\u3069\u3092\u8003\u616e\u3057\u3066\u3044\u307e\u3059\u3002 \u5b9f\u969b\u306e\u8a2d\u5b9a\u5185\u5bb9\u3092\u78ba\u8a8d\u3057\u305f\u3046\u3048\u3067\u3001 \u5c0e\u5165\u6e08\u307f\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u8ffd\u8a18\u3059\u308b\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What I Learned<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Web\u30b5\u30a4\u30c8\u306e\u5236\u4f5c\u3060\u3051\u3067\u306a\u304f\u3001AWS\u4e0a\u3067\u306e\u30b5\u30fc\u30d0\u30fc\u69cb\u7bc9\u304b\u3089 \u516c\u958b\u30fb\u66f4\u65b0\u307e\u3067\u3092\u901a\u3057\u3066\u53d6\u308a\u7d44\u3080\u3053\u3068\u3067\u3001 \u30a4\u30f3\u30d5\u30e9\u3068\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3064\u306a\u304c\u308a\u3092\u5b9f\u8df5\u7684\u306b\u5b66\u3073\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AWS\u306e\u30af\u30e9\u30a6\u30c9\u30a4\u30f3\u30d5\u30e9\u69cb\u7bc9\u304b\u3089Web\u30c7\u30b6\u30a4\u30f3\u30fb\u5b9f\u88c5\u30fb\u516c\u958b\u307e\u3067\u3001 \u4e00\u8cab\u3057\u3066\u5236\u4f5c\u3057\u305f\u500b\u4eba\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u30b5\u30a4\u30c8\u3002<\/p>\n","protected":false},"featured_media":28,"template":"","work_category":[3],"work_technology":[16,10,11,12,17],"class_list":["post-40","works","type-works","status-publish","has-post-thumbnail","hentry","work_category-web-development","work_technology-apache","work_technology-aws","work_technology-ec2","work_technology-html-css","work_technology-javascript"],"_links":{"self":[{"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=\/wp\/v2\/works\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=\/wp\/v2\/works"}],"about":[{"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=\/wp\/v2\/types\/works"}],"version-history":[{"count":28,"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=\/wp\/v2\/works\/40\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=\/wp\/v2\/works\/40\/revisions\/84"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=\/wp\/v2\/media\/28"}],"wp:attachment":[{"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"wp:term":[{"taxonomy":"work_category","embeddable":true,"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fwork_category&post=40"},{"taxonomy":"work_technology","embeddable":true,"href":"https:\/\/tata-portfolio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fwork_technology&post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}