更新：
VS Codeで標準入力を受け取る方法
2024年1月のアップデートのVS Code v1.86では、コマンドラインからの操作に関する大きな改善がもたらされました。
このアップデートにより、VS Codeでの標準入力の取り扱いがより柔軟になりました。この記事では、新機能の詳細と、それを使用する方法について解説します。
(window.powerTag.Init = window.powerTag.Init || []).push(function () {
window.powerAPITag.display("pw_41759");
}); なお、v1.86では音声でコーディングができる「Hey Code」機能も追加されています。詳細については、こちらの記事で解説しています。
「Hey Code」でVS Codeの開発体験が変わる！話してコーディングをより便利に
Visual Studio Code (VS Code) に便利な機能が追加されました。今回追加された「Hey Code」ボイスコマンドを使えば、音声でプログラミングのサポートを受けられるようになり、開発の効率が大幅に向上します。この記事では、「Hey Code」機能の魅力と、使い始めるための基本的な情報について解説します。
標準入力とは
標準入力とは、プログラムが外部からのデータを受け取るための手段の一つです。これにより、コマンドラインや他のプログラムからテキスト情報を直接プログラムに渡すことが可能になります。プログラマやシステム管理者にとって、標準入力は非常に強力なツールです。
VS Code v1.86の新機能
VS Code v1.86では、コマンドラインからの標準入力を扱う際、--waitフラグを強制しなくなりました。これにより、エディターを閉じるかVS Codeを完全に閉じるまでターミナルプロンプトに戻れなかった従来の挙動から脱却し、直ちにターミナルプロンプトに戻れるようになりました。
どのように影響するか
以前は、コマンドラインからVS Codeにテキストを渡すと自動的に--waitフラグが適用されていました。これは、VS Codeが閉じられるまで元のターミナルに戻れないことを意味します。しかし、新しいアップデートでは、この挙動が変更され、標準入力を使用してテキストをVS Codeに渡した際も、直ちにターミナルに戻れるようになりました。
使用方法
LinuxやmacOSでVS Codeを使用している場合、次のようにして標準入力をVS Codeに渡せます。
try{(()=>{function a(e){if(!e)return;let t=e.getAttribute("tabindex")!==null,n=e.scrollWidth>e.clientWidth;n&&!t?e.setAttribute("tabindex","0"):!n&&t&&e.removeAttribute("tabindex")}var u=window.requestIdleCallback||(e=>setTimeout(e,1)),i=window.cancelIdleCallback||clearTimeout;function l(e){let t=new Set,n,r;return new ResizeObserver(c=>{c.forEach(o=>t.add(o.target)),n&&clearTimeout(n),r&&i(r),n=setTimeout(()=>{r&&i(r),r=u(()=>{t.forEach(o=>e(o)),t.clear()})},250)})}function d(e,t){e.querySelectorAll?.(".expressive-code pre > code").forEach(n=>{let r=n.parentElement;r&&t.observe(r)})}var s=l(a);d(document,s);var b=new MutationObserver(e=>e.forEach(t=>t.addedNodes.forEach(n=>{d(n,s)})));b.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{d(document,s)});})();}catch(e){console.error("[EC] tabindex-js-module failed:",e)}try{(()=>{function i(o){let e=document.createElement("pre");Object.assign(e.style,{opacity:"0",pointerEvents:"none",position:"absolute",overflow:"hidden",left:"0",top:"0",width:"20px",height:"20px",webkitUserSelect:"auto",userSelect:"all"}),e.ariaHidden="true",e.textContent=o,document.body.appendChild(e);let a=document.createRange();a.selectNode(e);let n=getSelection();if(!n)return!1;n.removeAllRanges(),n.addRange(a);let r=!1;try{r=document.execCommand("copy")}finally{n.removeAllRanges(),document.body.removeChild(e)}return r}async function l(o){let e=o.currentTarget,a=e.dataset,n=!1,r=a.code.replace(/\u007f/g,`
`);try{await navigator.clipboard.writeText(r),n=!0}catch{n=i(r)}if(!n||e.parentNode?.querySelector(".feedback"))return;let t=document.createElement("div");t.classList.add("feedback"),t.append(a.copied),e.before(t),t.offsetWidth,requestAnimationFrame(()=>t?.classList.add("show"));let c=()=>!t||t.classList.remove("show"),d=()=>{!t||parseFloat(getComputedStyle(t).opacity)>0||(t.remove(),t=void 0)};setTimeout(c,1500),setTimeout(d,2500),e.addEventListener("blur",c),t.addEventListener("transitioncancel",d),t.addEventListener("transitionend",d)}function s(o){o.querySelectorAll?.(".expressive-code .copy button").forEach(e=>e.addEventListener("click",l))}s(document);var u=new MutationObserver(o=>o.forEach(e=>e.addedNodes.forEach(a=>{s(a)})));u.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{s(document)});})();}catch(e){console.error("[EC] copy-js-module failed:",e)}ps aux | grep code | code -
Windowsでは、次のようにしてください。
echo Hello World | code -
このコマンドは、標準入力をVS Codeに渡すために使用されます。-は標準入力からデータを受け取ることを示します。
なお、デフォルトでは拡張機能などが無効化された状態でVS Codeが起動されます。
従来の挙動に戻す方法
新しい挙動を好まない場合や--waitフラグが必要な場合は、簡単に従来の挙動に戻せます。次のように、コマンドラインに--waitを追加すると、従来のようにVS Codeが閉じられるまでターミナルに戻れなくなります。
echo Hello World | code - --wait
まとめ
VS Code v1.86によって導入された標準入力の取り扱いの改善は、コマンドラインからVS Codeへのテキスト転送が容易になり、作業の流れがスムーズになります。
新しいアップデートを活用して、より効率的な開発環境を実現しましょう。
参考
おすすめアイテム
※このリンクを経由して商品を購入すると、当サイトの運営者が報酬を得ることがあります。詳細はこちら。
-1.png&w=256&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。主にTypeScriptを使用したWebフロントエンド開発を専門とし、便利で実用的なブラウザー拡張機能を作成しています。また、個人ブログを通じて、IT関連のニュースやハウツー、技術的なプログラミング情報を発信しています。
