<p>どうも。 えーたんです。</p>
<p>以下の記事に移行しました。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e9de1e4455865" src="https://embed.zenn.studio/card#zenn-embedded__e9de1e4455865" data-content="https%3A%2F%2Feiji.page%2Fblog%2Ffzf-package-scripts%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://eiji.page/blog/fzf-package-scripts/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://eiji.page/blog/fzf-package-scripts/</a></p>
<p>↓概要と余談は本記事にも残しておきます。</p>
<p><code>npm run start</code>や<code>npm run dev</code>など、<code>npm run 〇〇</code>はプロジェクトによって違います。<br>
忘れるたびに<code>package.json</code>の<code>scripts</code>を見るのが面倒になってきたため、<a href="https://github.com/junegunn/fzf" target="_blank" rel="nofollow noopener noreferrer">fzf</a>で一覧から選択したものを実行できるようにしました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/deployed-images/6e3ac3afd1bddffa42ba77bc.gif?sha=a674028d16c4cb07e2d16a150ebac611351f5190" alt="fzfを使ってnpm scriptsを実行" loading="lazy" class="md-img"></p>
<h1 id="%E4%BD%99%E8%AB%87%EF%BC%9Afzf-tmux%E3%81%AF%E4%BD%BF%E3%82%8F%E3%81%AA%E3%81%84%E3%81%AE%EF%BC%9F">
<a class="header-anchor-link" href="#%E4%BD%99%E8%AB%87%EF%BC%9Afzf-tmux%E3%81%AF%E4%BD%BF%E3%82%8F%E3%81%AA%E3%81%84%E3%81%AE%EF%BC%9F" aria-hidden="true"></a> 余談：fzf-tmuxは使わないの？</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0cd6d959f2096" src="https://embed.zenn.studio/card#zenn-embedded__0cd6d959f2096" data-content="https%3A%2F%2Fzenn.dev%2Feetann%2Farticles%2F2022-03-19-fzf-tmux-popup" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/eetann/articles/2022-03-19-fzf-tmux-popup" style="display:none" target="_blank">https://zenn.dev/eetann/articles/2022-03-19-fzf-tmux-popup</a></p>
<p>以前書いた↑の記事では、<code>fzf</code>の代わりに<code>fzf-tmux</code>コマンドを使うことで、表示領域を広くしました。<br>
今回<code>fzf-tmux</code>を使わなかったのは<code>fzf</code>の<code>preview</code>オプションを使わなかったのと同じ理由で、ウィンドウ幅が広い場合に左右の視線の移動が増えるのを防ぐためです。</p>
<h1 id="%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86">
<a class="header-anchor-link" href="#%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86" aria-hidden="true"></a> リンク集</h1>
<p>参考にしたリンクは以下です。</p>
<ul>
<li><a href="https://docs.npmjs.com/cli/v8/using-npm/scripts" target="_blank" rel="nofollow noopener noreferrer">scripts | npm Docs</a></li>
<li><a href="https://www.tohoho-web.com/ex/awk.html" target="_blank" rel="nofollow noopener noreferrer">とほほのAWK入門 - とほほのWWW入門</a></li>
<li><a href="https://stedolan.github.io/jq/manual/" target="_blank" rel="nofollow noopener noreferrer">jq Manual (development version)</a></li>
</ul>


fzfを使いnpm run 〇〇を一覧から選んで実行

Discussion