<html><head></head><body><h2 id="hd8a2e30573">技術の見た目をアプデしました</h2><p><a href="https://github.com/thetalemon/manasandbox/pull/48" target="_blank" rel="noopener noreferrer">PR</a></p><h3 id="h523ec6bed9">旧</h3><p>
    <picture>
      <source srcset="https://images.microcms-assets.io/assets/25a81dfa3c474930a337e2086b0e6655/5d3e5202593f45dca166bf6c81ea541e/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-28%2023.11.21.png?w=500&amp;h=437?fm=webp" type="image/webp">
      <img src="https://images.microcms-assets.io/assets/25a81dfa3c474930a337e2086b0e6655/5d3e5202593f45dca166bf6c81ea541e/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-28%2023.11.21.png?w=500&amp;h=437">
    </picture></p><h3 id="h7684b597a2">新</h3><p>
    <picture>
      <source srcset="https://images.microcms-assets.io/assets/25a81dfa3c474930a337e2086b0e6655/7169f7599fcf406abf5d9db2c71acbec/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-28%2023.11.25.png?fm=webp" type="image/webp">
      <img src="https://images.microcms-assets.io/assets/25a81dfa3c474930a337e2086b0e6655/7169f7599fcf406abf5d9db2c71acbec/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-28%2023.11.25.png">
    </picture></p><h1 id="hcf83e1357e"><br></h1><h3 id="h89e7b98e09">詳細</h3><ul><li>svgを<a href="https://simpleicons.org/" target="_blank" rel="noopener noreferrer">simple icons</a>に統一</li><li>スキルマップの情報を前に作ったスキルマップに寄せつつ、内容をバランスよくならうようにしました</li></ul><p><br></p><h3 id="h76c031ed81">ひっかかりポイント</h3><ul><li>svg useがNuxt.jsだとうまく動かない…公式いわくuseタグ自体がわりと謎挙動が多いとのことなので、<a href="https://github.com/visualfanatic/vue-svg-loader" target="_blank" rel="noopener noreferrer">vue-svg-loader</a>を利用しました。Reactは似たような記事が見つからないので、Reactでは問題ないんだろうか</li></ul><p><br></p></body></html>