mottox2 blog

VSCodeの調子が悪い時はVSCode Insidersに避難しよう

tipspoemvscode

私のVSCode遅くない?

自分は普段から『VSCode』(Visual Studio Code)を愛用していて、RubyやPythonなどJavaScript/TypeScript以外の言語を書く時にも利用しています。
しかし、最近VScodeを利用していると重く、コードを書く時のテンションも上がらなくなってしまいました。
何らかの拡張機能が原因だとは思うのですが、すべての拡張機能を確認する気にはなれませんでした。
ただ、VSCode以外のエディタを使うにしても、VSCodeに慣れてしまったため、生産性は大きく落ちてしまいます。

選ばれたのは『VSCode Insiders』でした

そこで選んだのが『VSCode Insiders』です。『VSCode Insiders』はVSCodeの開発版ビルドです。私達が普段使っている安定版にリリースされる機能が先行的に使えるものです。
この開発版ビルドのいいところは安定版のVSCodeとは別にインストール出来ることです。拡張機能の設定もおのおのに持っているため、必要なものだけインストールして運用できます。
「開発版なので安定はしてないのでは?」と思われがちですが、今のところ問題なく使えています。変なクラッシュにも遭遇していません。

どういう使い方をしているのか?

ここ最近はJavaScript/TypeScriptを書くときだけ『VSCode Insiders』をメインエディタとして使っています。
そこでどういう方針で使っているのか、使う際に注意する点を説明します。

方針

「快適にJavaScript/TypeScriptを書くエディタとして利用する」を指針にしています。
これはVSCodeであらゆる言語を書くため、多くの拡張機能をインストールし、結果として動作が重くなったことの反省からです。
そのため、JavaScript/TypeScriptに関係しない拡張機能はインストールしないで運用しています。

また例外的に次の拡張機能はインストールしています。

  • Vim
    • Vimのキーバインディングがないと生産性が大きく落ちるため
  • Material Theme
    • テーマの拡張機能です。VSCodeとVSCode Insidersでテーマを分けると、どちらを使っているか判別しやすくなります。

注意する点

VSCodeではcodeというシェルコマンドが用意されており、引数にディレクトリを渡すことで、指定したディレクトリをルートとしてVSCodeを開いてくれます。

$ code project/

Insidersにもcode-insidersシェルコマンドが用意されています。
利用方法は同じなので同じ感覚で使えます。なので、コマンドの存在を知って使える状態にしておくことが重要です。

$ code-insiders projects/

macOSでシェルコマンドを利用するには、「Cmd + Shift + T」で開くコマンドパレットから「Install 'code-insiders' command in PATH」を選択しインストールします。

感想

これらを意識することでVSCodeの調子が悪くなっても緊急避難が可能です。
ただ、根本的な解決には至ってないので解決したいです…情報求む!

dev

ウェブ技術で縦書きを含む画像を生成したい

ここ最近、Web技術を利用した画像生成に興味があります。本記事では、日本語における表現の一種である縦書きに焦点を当て、Web技術を使った縦書きを含む画像生成方法についての調査をまとめました。 > 現

blog

Netlify Formsで問い合わせフォームを作ったら簡単だった

追記(2022/12/29): 問い合わせに対応する窓口をTwitterに統一したいので、フォームページは削除しました。 当ブログは静的サイトホスティングサービスのNetlifyでホスティングされ

netlify
dev

翻訳でHacktoberfestに参加しました

毎年10月に開催されるHacktoberfestに参加しました。このイベントはOSSへの貢献を行い、期間中に規定数(4つ)の貢献を行った人に特典がプレゼントされるものになっています。 自分はドキュメ

Copyright © 2023 @mottox2 All Rights Reserved.