<h1 id="%E9%87%91%E8%BC%AA%E9%9A%9Bnpm%2C-npx%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%AF%E3%81%84%E3%81%91%E3%81%AA%E3%81%84%E3%80%82bun%2C-bunx%E3%82%92%E4%BD%BF%E3%81%8A%E3%81%86">
<a class="header-anchor-link" href="#%E9%87%91%E8%BC%AA%E9%9A%9Bnpm%2C-npx%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%AF%E3%81%84%E3%81%91%E3%81%AA%E3%81%84%E3%80%82bun%2C-bunx%E3%82%92%E4%BD%BF%E3%81%8A%E3%81%86" aria-hidden="true"></a> 金輪際npm, npxを使ってはいけない。bun, bunxを使おう</h1>
<p>Bunとは、Web開発用のランタイムである。Bunをインストールし、これまで<code>npm</code>と打ってた箇所を全て<code>bun</code>に変えるだけで、パッケージの追加から<code>run dev</code>までが最適化され、非常に高速で快適な開発になる。使ってみたら分かるが、本当に爆速だ。</p>
<h1 id="instalation">
<a class="header-anchor-link" href="#instalation" aria-hidden="true"></a> Instalation</h1>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">Terminal</span></div>
<pre class="language-shell"><code class="language-shell"><span class="token function">curl</span> <span class="token parameter variable">-fsSL</span> https://bun.sh/install <span class="token operator">|</span> <span class="token function">bash</span>
</code></pre>
</div><p><img src="https://storage.googleapis.com/zenn-user-upload/47f8ee73d37f-20240508.png" loading="lazy" class="md-img"></p>
<h1 id="%E3%83%AC%E3%83%9D%E3%82%B8%E3%83%88%E3%83%AA%E3%81%AB%E7%A7%BB%E5%8B%95">
<a class="header-anchor-link" href="#%E3%83%AC%E3%83%9D%E3%82%B8%E3%83%88%E3%83%AA%E3%81%AB%E7%A7%BB%E5%8B%95" aria-hidden="true"></a> レポジトリに移動</h1>
<p>これから開発を始める<strong>空の</strong>レポジトリに移動してください。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">Terminal</span></div>
<pre class="language-shell"><code class="language-shell"><span class="token builtin class-name">cd</span> <span class="token punctuation">[</span>レポジトリへのパス<span class="token punctuation">]</span>
</code></pre>
</div><h1 id="%E5%88%9D%E6%9C%9F%E5%8C%96">
<a class="header-anchor-link" href="#%E5%88%9D%E6%9C%9F%E5%8C%96" aria-hidden="true"></a> 初期化</h1>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">Terminal</span></div>
<pre class="language-shell"><code class="language-shell">bun init
</code></pre>
</div><h1 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> インストール</h1>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">Terminal</span></div>
<pre class="language-shell"><code class="language-shell">bun <span class="token function">install</span>
</code></pre>
</div><h1 id="%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> フレームワークのインストール</h1>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">Terminal</span></div>
<pre class="language-shell"><code class="language-shell">bun create <span class="token punctuation">[</span>フレームワーク名<span class="token punctuation">]</span>
</code></pre>
</div>

【npmはオワコン】bunを使おう

金輪際npm, npxを使ってはいけない。bun, bunxを使おう

フレームワークのインストール

金輪際npm, npxを使ってはいけない。bun, bunxを使おう

Instalation

レポジトリに移動

初期化

インストール

フレームワークのインストール

Discussion