VS Codeの新機能がすごく便利！ ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります
先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール（紹介記事）ができるようになった時もその便利さに喜びましたが、ツリービューでもできるようになり、深い階層でもすべての親を常に表示しておくことができます。 ツリービューのスティッキースクロールを使用するには、デフォルトではオフになっているので、機能をオンにする必要があります。 ※オンになっている人もいるようですね。
Visual Studio Code と Git Hub を連携させてみる 前編 | 法人向けパソコン(PC)・計測器レンタルなら横河レンタ・リース
Visual Studio Code と Git Hub を連携させてみる 前編 Visual Studio Code は、開発者に人気のエディターです。 単なるプログラムを記述するエディターとしてだけでなく、拡張機能を組み込んで自分の好きなようにカスタマイズできることも人気の理由です。 また、ソースコード管理の GitHub との連携も行えますので、チーム開発にも対応可能です。 今回は DevOps における基本的な開発ツールとして、Visual Studio Code と GitHub を連携させる基本設定について解説します。 Visual Studio Code のインストール Visual Studio Code はオープンソースで開発されており、無料で利用できます。 対応OSは Windows、macOS、Linux です。 必要な環境にインストールできます。 使用したい環境に合
【入門】VSCodeとGitHubの連携手順・使い方をわかりやすく解説 - カゴヤのサーバー研究室
GitHubとはプログラムのソースコードをオンラインで共有・管理できるサービスです。VSCodeでプログラミングを行っている場合、VSCodeとGitHubを連携させVSCode上でGitHubの操作を実行できます。 VSCodeのユーザーがGitHubを連携させることで、GitHubが使いやすくなるのです。この記事では、VSCodeとGitHubの連携手順や使い方についてわかりやすく解説します。 VSCodeとGitHubを連携させて実現できること・メリット Gitに関わる操作は、コマンドラインツールを使うか専用アプリを使って行います。コマンドライン（CUI）の操作に慣れていない方は、GUIの専用アプリを使ってGitの操作を行えますが、VSCodeもGitをGUIで操作できるアプリの1つです。 プログラミング用のアプリとGitを操作するアプリが別々であれば、いちいちアプリを切り替えながら
VSCodeにChatGPTを！ 導入方法や使い方を理解して次世代の開発環境を整えよう
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させ、利用の領域を拡げられることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確認していま
VSCodeで最強のMarkdownノートエディタを作ろう
昨日の自分「今作ってる曲まじで良すぎる。天才かもしれん」 今日の自分「ﾅﾆｺﾚ。曲作り下手すぎか～～」 この記事は新歓ブログリレー23日目の記事です。 こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。 皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。 でも、『パソコンで音楽を作る～』とか『打ち込み』っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！
VSCodeにChatGPTの拡張機能を入れてコードレビューやバグを発見してもらう - Qiita
ChatGPTとは？ OpenAIが開発するGPT-3という言語モデルをベースとした(執筆当時)チャットアプリです。 こちらの質問に対して、AIが色々な質問に答えてくれて、一般的な内容だけではなく、コードレビューやバグなども発見してくれるめっちゃ凄いやつです。 細かい内容は以下の記事がとても参考となります。 筆者の関連記事 VSCodeと連携して、ブラウザを開かなくてもChatGPTを使用できるようにする 通常はブラウザを開いて使用するのですが、コーディング中にサクッとレビューしてもらったり、バグを見つけてもらえるような拡張機能があったので、そちらの設定方法について記述してみます。 今回インストールする拡張機能 使用までの手順 環境 PC: MacBook Pro (Apple M2) OS: macOS Ventura 13.1 VSCode: v1.74.3 OpenAIの価格について
VSCodeをメインのエディタにして半年たったので入れてある拡張機能を紹介します - 海波パソコン
VSCodeの画面編集という仕事柄、テキストエディタは毎日触る大事な仕事道具です。仕事の内容にあわせて設定などを変えると非常に捗ります。しかし、日本語を書きながら同時にはてな記法やらMarkdownやらCSSやらを書くという環境のため、なかなかテキストエディタのデフォルトの設定では痛し痒しといったところで、それなりにカスタマイズをしないといい感じになりません。 半年前に、それまでかなり長いこと使ってきた秀丸エディタからVSCodeに乗り換えてみたら、案外日本語をあれこれ書いたり編集したりするのにいい案配にすることができました。そこでなんとなくなじんだ今のカスタマイズ方法を書き残しておこうと思い立ちました。たぶんもっともっと拡張機能で便利にできるはずなので、ドラクエでいう「ひのきのぼうからこんぼうにそうびを変えた」くらいの気持ちで見ていただけるとうれしいです。 テーマ アイキャッチにしたのは
【VS Code】括弧記号の色付けがデフォルトで有効になりました | DevelopersIO
皆さん今日は休みです？ 私は仕事でーす！ VS Code 1.67 がリリースされました? Explorer file nesting とか Markdown 周りの強化 とか色々アップデートが来ています。 以前1.60で追加された「括弧記号の色付け」に関連する記事を書きました、今回はこの機能がデフォルトで有効になったのであらためて紹介したいと思います。 括弧記号の色付けとは 括弧記号の色付け（Bracket pair colorization）とは名前の通り、括弧記号に色を付ける機能です。 括弧記号に色付けされることによって視覚的にネスト状態が分かりやすくなります。 リリースノートに有効・無効時の比較画像がありましたのでそちらを引用したものが下記になります。 https://code.visualstudio.com/updates/v1_67#_bracket-pair-coloriz
「Visual Studio Codeの教科書」を読んでVS Codeの設定をゼロから見直してみた - karaage. [からあげ]
追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 Visual Studio Codeの教科書 Visual Studio Codeの教科書を購入しました。基本的な使い方から拡張機能の作り方まで、広く押さえられていました。 プログラマーのためのVisual Studio Codeの教科書 (Compass Booksシリーズ) 作者:川崎 庸市,平岡 一成,阿佐 志保発売日: 2020/04/30メディア: Kindle版 自分は拡張機能作りには興味なかったのですが、思わず手を伸ばしたくなりますね。拡張機能作りまで興味ある方にとってはかなり良い本ではないかと思います。 本を読むと、色々改めて発見があったのと、拡張機能一回
![「Visual Studio Codeの教科書」を読んでVS Codeの設定をゼロから見直してみた - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b8cf77980ab900ed339768901e94cfe2584441d7/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20200707%2F20200707003818.png)
VSCodeの拡張機能、なに使ってますか？ はてなエンジニア世論調査 #2 - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアのid:hogashiです。 半年ほど前に公開した「開発環境のフォントなに使ってますか？」に続く、はてなエンジニア世論調査の第2回「VSCodeの拡張機能、なに使ってますか？」です。 ソースコードエディタであるVisual Studio Code（以下、VSCode）は多くのエンジニアに利用されています。VSCodeにはソースコードのシンタックスハイライトやデバッグなど、さまざまな拡張機能をインストールして使うことができますが、公開されている拡張機能は膨大にあります。 その中から、はてなのエンジニアはどんな拡張機能をインストールして、日頃の開発に使っているのでしょうか？ 前回と同様にアンケート調査してみました。 アンケート方法 アンケート結果から見える人気の機能拡張 6割の拡張機能は1人だけが使用 人によってかなり異なるインストール数 興味深いコ
VSCodeでPython書いてる人はとりあえずこれやっとけ〜 - Qiita
はじめに Pythonはコードが汚くなりがち（個人的にそう思う） そんなPythonくんを快適に書くための設定を紹介します。 拡張機能編 ここでは Pythonを書きやすくするため の拡張機能を紹介していきます。 1. Error Lens before 「コード書いたけど、なんか波線出てるよ💦」 記述に問題があった場合、デフォルトでは波線が表示されるだけ。。。 after Error Lensくんを入れることによって 波線だけでなくエディタに直接表示される。 はい、有能〜 2. indent-rainbow before Pythonくんは インデントでスコープを認識している。 for の f から下に線が伸びてるけど、ちょっと見にくいなぁ after 色が付いてちょっと見やすくなった！ 3. Trailing Space before 一見、普通に見えるコード after 末尾にある
文章校正を行うためのtextlint入門 - ICS MEDIA
ICS MEDIAでは読みやすい文章作りの取り組みとして、自社で公開しているVS Code拡張機能の「テキスト校正くん」を使用して文章校正を行っています。スタッフの校正ルールを統一して、一定の品質と読みやすさを確保することを心がけています。 「テキスト校正くん」は、文章校正エンジンにtextlintというNode.jsのパッケージを使用しています。textlintは設定した校正ルールにもとづいて文章校正を行えるので、プロジェクトに適切なルールを設定して文章校正ができます。以下の記事で、textlintの活用事例が紹介されています。企業がtextlintを導入し、文章品質を高めるワークフローとして活用されていることがうかがえます。 『textlintを使っている企業の事例・ルールをまとめてみた - Zenn』 『よりよい文書を書くための校正ツール「textlint」のSmartHR用ルールプ
VisualStudioCode(VSCode)の設定引き継ぎ – pg-info
VisualStudioCode(VSCode)の設定引き継ぎ投稿者: ４６９６ 投稿日: 2019-02-072019-02-07 仕事で使用しているWindowsPCを買い換えたので、その時にvisualstudiocodeの設定を引き継いだ方法について。 GitHubを使う方法、拡張機能の「Setting Sync」を使う方法（これもGitHubを使う）もありますが 単純に旧PCから新PCへコピーして設定を引き継ぎました。 コピーするのに今回ロジクールの「Logicool Flow」を使ってコピーしたので共有フォルダを作る必要もなかった。 ロジクールの対応マウスが必要ですが。 コピーするファイル ・settings.json settings.json のパス C:\Users\ユーザー名\AppData\Roaming\Code\User ・拡張機能 拡張機能のパス C:\User
VS Code の設定移行方法 2020 | 35D BLOG
⚠ この記事は最終更新日から1年以上が経過しています。内容が古い箇所がある可能性があるためご注意ください。 古いマシンから新しいマシンへ VS Code の設定を移行したのでその方法のメモです。2020年11月に書いたものなので、（VS Code のバージョンアップ等で）将来変更になる可能性があるのをご承知おきください。 具体的には、以下で説明する2つのディレクトリをコピーするだけで済むので、とても簡単でした。 拡張機能のコピー/Users/[USER NAME]/.vscode のディレクトリ配下に拡張機能の本体が入っているので、移行元マシンからこのディレクトリをまるっとコピーして移行先マシンにペーストします。 拡張機能のディレクトリキーバインド等の設定ファイルのコピーVS Code 本体の設定（キーバインド等）は、/Users/[USER NAME]/Library/Applicati
VScodeの設定を同期してWin/Mac拡張機能や設定を揃える - ABCウェブエンジニアblog
PCの買い替えなどで、新たにソフトを入れなおして一つ一つ再設定していく作業… 面倒ですよね。 私事ですが、つい先日M1チップ搭載のMacbook Airを購入して、まさに環境移行に時間を費やすという状況がありました。 そこで何かいい方法がないかと調べたところ、クラウド同期による便利な方法を見つけた次第です。 という事で、今回は表題の通りVScodeの設定をそのまま同期して拡張機能や設定を自動で揃える方法をご紹介したいと思います。 OfficeやAdobeのソフトなども何でもクラウドでデータ同期などが当たり前の昨今、こういった環境移行が簡単に行えるというのはまさにクラウドの恩恵ですね。 Windows/Mac問わず移行できるので、同じようにVScodeの環境移行に困ってる方は是非ご参考頂ければ幸いです。 ではやっていきましょう。 VScode標準の機能で設定の移行が可能 今回の環境移行の方法
PCリプレイス時のVS Codeの設定移行
WindowsのPCをリプレイスしたので、VS Code（Visual Studio Code）の設定以降について書く。 OSは、Windows 10から、Windows 10へ。 VS Codeのプラグインなどは、 C:\Users\ユーザ名\.vscode に保存されているので、これを持っていく。 新しいPCにVS Codeをインストールする移行元のPCで `C:\Users\ユーザ名\.vscode` をコピーする（クラウドストレージとかUSBメモリとかへ）新しいPCの同じフォルダに`.vscode`をペーストするVS Codeを起動し、プラグインが認識されているかを確認する 表示言語を日本にするプラグインは、有効になっていたが、自動的には日本語表示に切り替わらなかった。再度、Alt + X から `configure Display Language` を指定し、「ja」を指定する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VS Code Conference Japan 2024 (2024/04/20 13:00〜)
VScodeの設定（settings.json）まとめ【2023年4月更新】
vscode-charactercount - Visual Studio Marketplace
『Visual Studio Code完全入門』重版出来記念、全文無料公開キャンペーン - インプレスブックス
