sudo

<p>Powersehellでnodejsが既に入っている状態で、pbivizのインストール</p>
<div class="code-block-container"><pre class="language-powershell"><code class="language-powershell">npm i <span class="token operator">-</span>g powerbi-visuals-tools@latest
pbiviz new CircleCard
</code></pre></div><h1 id="%E4%B8%8B%E8%A8%98%E3%81%AE%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E8%A6%8B%E3%82%8B%E3%81%AE%E3%81%8C%E8%89%AF%E3%81%84">
<a class="header-anchor-link" href="#%E4%B8%8B%E8%A8%98%E3%81%AE%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E8%A6%8B%E3%82%8B%E3%81%AE%E3%81%8C%E8%89%AF%E3%81%84" aria-hidden="true"></a> 下記のドキュメント見るのが良い</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8129bf3ead0d3" src="https://embed.zenn.studio/card#zenn-embedded__8129bf3ead0d3" data-content="https%3A%2F%2Flearn.microsoft.com%2Fja-jp%2Fpower-bi%2Fdeveloper%2Fvisuals%2Fenvironment-setup" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://learn.microsoft.com/ja-jp/power-bi/developer/visuals/environment-setup" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://learn.microsoft.com/ja-jp/power-bi/developer/visuals/environment-setup</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__7409eeb4367ed" src="https://embed.zenn.studio/card#zenn-embedded__7409eeb4367ed" data-content="https%3A%2F%2Flearn.microsoft.com%2Fja-jp%2Fpower-bi%2Fdeveloper%2Fvisuals%2Fdevelop-circle-card" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://learn.microsoft.com/ja-jp/power-bi/developer/visuals/develop-circle-card" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://learn.microsoft.com/ja-jp/power-bi/developer/visuals/develop-circle-card</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__9695aec76b0b8" src="https://embed.zenn.studio/card#zenn-embedded__9695aec76b0b8" data-content="https%3A%2F%2Flearn.microsoft.com%2Fja-jp%2Fpower-bi%2Fdeveloper%2Fvisuals%2Fadd-tooltips" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://learn.microsoft.com/ja-jp/power-bi/developer/visuals/add-tooltips" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://learn.microsoft.com/ja-jp/power-bi/developer/visuals/add-tooltips</a></p>


<h1 id="%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 使用方法</h1>
<ol>
<li>コンポーネントをPowerBIサービスで利用できるようにする<br>
<code>pbiviz start</code>
</li>
<li>PowerBIサービス側で「開発向けビジュアル」を選択する<br>
<img src="https://storage.googleapis.com/zenn-user-upload/99d02d8f8d5d-20240528.png" loading="lazy" class="md-img">
</li>
<li>ブラウザ側でlocalhostのアクセス許可をしていないと接続エラーがでるので許可通す<br>
<a href="https://localhost:8080/assets/" target="_blank" rel="nofollow noopener noreferrer">https://localhost:8080/assets/</a>　<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9303e6974e66-20240528.png" loading="lazy" class="md-img">
</li>
</ol>
