{"id":24360,"date":"2025-03-21T20:43:43","date_gmt":"2025-03-21T11:43:43","guid":{"rendered":"https:\/\/game.technophere.com\/brawlstars\/?p=24360"},"modified":"2025-03-30T20:38:29","modified_gmt":"2025-03-30T11:38:29","slug":"player-icon","status":"publish","type":"post","link":"https:\/\/game.technophere.com\/brawlstars\/player-icon\/","title":{"rendered":"\u3010\u30d6\u30ed\u30b9\u30bf\u3011\u30d7\u30ec\u30a4\u30e4\u30fc\u30a2\u30a4\u30b3\u30f3\u4e00\u89a7"},"content":{"rendered":"\n<p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30d6\u30ed\u30b9\u30bf\u306e\u30d7\u30ec\u30a4\u30e4\u30fc\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\">\u30d7\u30ec\u30a4\u30e4\u30fc\u30a2\u30a4\u30b3\u30f3\u306e\u4e00\u89a7\u8868<\/h2>\n\n\n\n<p>\u3053\u306e\u8868\u3067\u3001\u30d7\u30ec\u30a4\u30e4\u30fc\u30a2\u30a4\u30b3\u30f3\u3092\u4e00\u89a7\u3067\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4e26\u3073\u9806\u306f\u3001<strong><span class=\"swl-inline-color has-swl-deep-01-color\">\u30a2\u30a4\u30b3\u30f3\u306e\u30ea\u30ea\u30fc\u30b9\u65e5\u9806<\/span><\/strong>\u3067\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  }\n  th {\n    text-align: center;\n  }\n  td:nth-child(1) {\n    width: 30%;\n    text-align: center;\n  }\n  td:nth-child(2), td:nth-child(3) {\n    width: 35%;\n  }\n  td img {\n    width: 50px;\n    height: 50px;\n  }\n<\/style>\n<\/head>\n<body>\n\n<table id=\"playerIcons\">\n  <thead>\n    <tr>\n      <th>\u753b\u50cf\/\u540d\u524d<\/th>\n      <th>\u30ad\u30e3\u30e9\u540d<\/th>\n      <th>\u5fc5\u8981\u30c8\u30ed\u30d5\u30a3\u30fc<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody>\n  <\/tbody>\n<\/table>\n\n<script>\n  const iconsApiUrl = 'https:\/\/api.brawlify.com\/v1\/icons';\n  const brawlersApiUrl = 'https:\/\/api.brawlify.com\/v1\/brawlers';\n  const translationsUrl = 'https:\/\/game.technophere.com\/brawlstars\/wp-content\/uploads\/custom-css-js\/23591.js';\n\n  Promise.all([\n    fetch(iconsApiUrl).then(response => response.json()),\n    fetch(brawlersApiUrl).then(response => response.json()),\n    fetch(translationsUrl).then(response => response.text())\n  ])\n  .then(([iconsData, brawlersData, translationsScript]) => {\n    \/\/ translations.js \u306e\u5185\u5bb9\u3092\u8a55\u4fa1\u3057\u3066\u5b9f\u884c\n    eval(translationsScript);\n\n    const playerIcons = iconsData.player;\n    const brawlers = brawlersData.list;\n    const tableBody = document.querySelector('#playerIcons tbody');\n\n    for (const key in playerIcons) {\n      const icon = playerIcons[key];\n      const brawler = brawlers.find(brawler => brawler.id === icon.brawler);\n      const brawlerName = brawler ? translateText(brawler.name) : '-'; \/\/\u7ffb\u8a33\u95a2\u6570\u3092\u9069\u7528\n      const row = document.createElement('tr');\n      row.innerHTML = `\n        <td><img decoding=\"async\" src=\"${icon.imageUrl}\" alt=\"${icon.name}\"><br>${icon.name}<\/td>\n        <td>${brawlerName}<\/td>\n        <td>${icon.requiredTotalTrophies || '-'}<\/td>\n      `;\n      tableBody.appendChild(row);\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\u30d7\u30ec\u30a4\u30e4\u30fc\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\u30d7\u30ec\u30a4\u30e4\u30fc\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 [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":24409,"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=24360","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[412],"tags":[518],"class_list":["post-24360","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\/7dd4c3f74f006b34bb1d70d7adebd54e-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/posts\/24360","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=24360"}],"version-history":[{"count":33,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/posts\/24360\/revisions"}],"predecessor-version":[{"id":24394,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/posts\/24360\/revisions\/24394"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/media\/24409"}],"wp:attachment":[{"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/media?parent=24360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/categories?post=24360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/game.technophere.com\/brawlstars\/wp-json\/wp\/v2\/tags?post=24360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}