{"id":24395,"date":"2025-03-21T21:00:54","date_gmt":"2025-03-21T12:00:54","guid":{"rendered":"https:\/\/game.technophere.com\/brawlstars\/?p=24395"},"modified":"2025-03-30T20:38:28","modified_gmt":"2025-03-30T11:38:28","slug":"club-icon","status":"publish","type":"post","link":"https:\/\/game.technophere.com\/brawlstars\/club-icon\/","title":{"rendered":"\u3010\u30d6\u30ed\u30b9\u30bf\u3011\u30af\u30e9\u30d6\u30a2\u30a4\u30b3\u30f3\u4e00\u89a7"},"content":{"rendered":"\n<p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30d6\u30ed\u30b9\u30bf\u306e\u30af\u30e9\u30d6\u30a2\u30a4\u30b3\u30f3\u3092\u4e00\u89a7\u3067\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"is-style-icon_info\">\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001<strong><a href=\"https:\/\/brawlify.com\/\">brawlify<\/a>\u306eWebAPI\u3092\u4f7f\u7528\u3057\u3066\u6700\u65b0\u30c7\u30fc\u30bf\u3092\u81ea\u52d5\u53d6\u5f97\u30fb\u8868\u793a<\/strong>\u3057\u3066\u3044\u307e\u3059\u3002<br>\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u901f\u5ea6\u304c\u9045\u3044\u3068\u3001\u3059\u3079\u3066\u306e\u60c5\u5831\u304c\u8868\u793a\u3055\u308c\u308b\u307e\u3067\u6642\u9593\u304c\u304b\u304b\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<br>\u307e\u305f\u3001\u4e0a\u624b\u304f\u60c5\u5831\u304c\u8868\u793a\u3055\u308c\u306a\u3044\u6642\u306f\u3001\u30da\u30fc\u30b8\u3092\u30ed\u30fc\u30c9\u3057\u306a\u304a\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30af\u30e9\u30d6\u30a2\u30a4\u30b3\u30f3\u306e\u4e00\u89a7\u8868<\/h2>\n\n\n\n<p>\u3053\u306e\u8868\u3067\u3001\u30af\u30e9\u30d6\u30a2\u30a4\u30b3\u30f3\u3092\u4e00\u89a7\u3067\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n<style>\n  table {\n    width: 100%;\n    border-collapse: collapse;\n  }\n  th, td {\n    border: 1px solid black;\n    padding: 8px;\n    text-align: center;\n  }\n  td img {\n    width: 50px;\n    display: block;\n    margin: 0 auto; \/* \u753b\u50cf\u3092\u30bb\u30eb\u306e\u4e2d\u592e\u306b\u914d\u7f6e *\/\n  }\n<\/style>\n<\/head>\n<body>\n\n<table id=\"clubIcons\">\n  <tbody>\n  <\/tbody>\n<\/table>\n\n<script>\n  const iconsApiUrl = 'https:\/\/api.brawlify.com\/v1\/icons';\n\n  fetch(iconsApiUrl)\n    .then(response => response.json())\n    .then(iconsData => {\n      const clubIcons = iconsData.club;\n      const tableBody = document.querySelector('#clubIcons tbody');\n      let row;\n      let cellsPerRow;\n\n      function updateCellsPerRow() {\n        const screenWidth = window.innerWidth;\n        if (screenWidth < 600) {\n          cellsPerRow = 2;\n        } else if (screenWidth < 900) {\n          cellsPerRow = 3;\n        } else {\n          cellsPerRow = 4;\n        }\n      }\n\n      updateCellsPerRow(); \/\/ \u521d\u671f\u5316\n\n      window.addEventListener('resize', updateCellsPerRow); \/\/ \u753b\u9762\u30b5\u30a4\u30ba\u5909\u66f4\u6642\u306b\u66f4\u65b0\n\n      for (const key in clubIcons) {\n        const icon = clubIcons[key];\n\n        if (!row || row.cells.length >= cellsPerRow) {\n          row = document.createElement('tr');\n          tableBody.appendChild(row);\n        }\n\n        const cell = document.createElement('td');\n        const img = document.createElement('img');\n        img.src = icon.imageUrl;\n        img.alt = icon.name;\n        cell.appendChild(img);\n        row.appendChild(cell);\n      }\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30d6\u30ed\u30b9\u30bf\u306e\u30af\u30e9\u30d6\u30a2\u30a4\u30b3\u30f3\u3092\u4e00\u89a7\u3067\u63b2\u8f09\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u6700\u5f8c\u307e\u3067\u3054\u89a7\u3044\u305f\u3060\u304d\u3001\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30d6\u30ed\u30b9\u30bf\u306e\u30af\u30e9\u30d6\u30a2\u30a4\u30b3\u30f3\u3092\u4e00\u89a7\u3067\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001brawlify\u306eWebAPI\u3092\u4f7f\u7528\u3057\u3066\u6700\u65b0\u30c7\u30fc\u30bf\u3092\u81ea\u52d5\u53d6\u5f97\u30fb\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u901f\u5ea6\u304c\u9045\u3044\u3068\u3001\u3059\u3079\u3066\u306e\u60c5\u5831\u304c\u8868\u793a\u3055\u308c\u308b\u307e\u3067 [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":24410,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","_locale":"ja","_original_post":"https:\/\/game.technophere.com\/brawlstars\/?p=24395","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[412],"tags":[518],"class_list":["post-24395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-412","tag-518","ja"],"jetpack_featured_media_url":"https:\/\/game.technophere.com\/brawlstars\/wp-content\/uploads\/2025\/03\/ae46b1f460ee46f789c27b264a6cb421.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/posts\/24395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/comments?post=24395"}],"version-history":[{"count":12,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/posts\/24395\/revisions"}],"predecessor-version":[{"id":24407,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/posts\/24395\/revisions\/24407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/media\/24410"}],"wp:attachment":[{"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/media?parent=24395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/categories?post=24395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/tags?post=24395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}