Hatena Blog Tags
はてなブログ トップ
Visual Studio Code
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Visual Studio Code

(コンピュータ)
【びじゅあるすたじおこーど】

マイクロソフトが無償で提供しているプログラミング用のテキストエディター。2015年提供開始。
WindowsだけでなくMac, Linuxにも対応している。
Visual Studio の名を冠しており画面上の配色など外観上似通った部分もあるが、統合開発環境としてのVisual Studioとは全く別のソフトである。

おもな機能

下記の機能の他にも多数の機能がある。また開発する言語により対応機能が異なる。

  • シンタックスハイライト
  • IntelliSense
  • Git連携
  • デバッグ支援

拡張機能に対応しているため、ネット上で配布されている機能を追加することが可能。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
約束の地•2日前

Visual Studio Code の GitHub Actions の拡張機能にて {{ vars.HOGE }} や {{ secrets.FUGA }} に波線が引かれるとき

現象 Context access might be invalid というメッセージが出て怒られる。 結論 2025/04/06 現在、どうしようもない。我慢するしかない。 背景 Issue が Open されています。 github.com

#GitHub#GitHub Actions#Visual Studio Code

関連ブログ

Django Girls and Boys 備忘録•8日前

【初心者向け】Visual Studio Code を日本語表示にする方法（日本語化の手順）

プログラミング学習や開発でよく使われる無料のエディタ Visual Studio Code（VS Code）。初期状態では英語表示ですが、日本語で使いたいという方も多いのではないでしょうか？ この記事では、Visual Studio Code を日本語に設定する方法（日本語化） を説明します。 ✅ 日本語化するメリット メニューや設定画面がすべて日本語になり、操作がわかりやすくなる 英語が苦手でも安心して使える 設定ミスを防ぎやすくなる 🔧 日本語化の手順（5分で完了） ① Visual Studio Code を起動 まずは Visual Studio Code を開きましょう。 ② 拡張機…

#Visual Studio Code#日本語化#日本語表示#拡張機能#インストール#Japanese Language Pack
aoi-shogiの開発ブログ•23日前

MarkdownのプレビューをVS Codeで表示する

タイトルの通りです。 手順 VS Code(Visual Studio Code)でMarkdown記法のファイル(.mdファイル)を開く ctrlキーとkキーを同時に押す(Ctrl + k) vキーを押す

#Visual Studio Code#VSCode#VS Code#Markdown
サーバーワークスエンジニアブログ•25日前

VS CodeでMCP Server（プレビュー版）：設定ファイルの書き方で生じる微妙な違い

こんにちは。 アプリケーションサービス部、DevOps担当の兼安です。 AWSから発表されたMCP ServerをVisual Studio Code(以下、VS Code)で試したところ、設定の仕方で微妙な違いが現れることに気づいたので書かせていただきます。 本記事のターゲット 本記事の注意事項 VS CodeのMCP Server（プレビュー版）とは MCP Serverの設定をフォルダの.vscode/mcp.jsonに記述した場合 VS Codeで複数フォルダを開いた場合 MCP Serverの設定をフォルダの.vscode/settings.jsonに記述した場合 MCPの設定を.v…

#生成AI#Visual Studio Code#Vibe Coding#MCP
はちみつブログ•2ヶ月前

Clineを触ってみた

最近、YouTubeやGoogleのおすすめ記事にも、ClineやCursorといったAIエージェント・エディタの記事が多く出されている。知り合いの記事でも紹介していて、アルゴリズムなどは考えられても、具体的なコーディングが苦手な自分にとってはとても助かるツールなのではと思っていた。 とはいえ、その記事でも紹介されていたが、APIキーを利用する場合、従量課金の金額がなかなかなことになるらしいということだった。はじめて使ってみて、自分に使いこなせるか分からない状態を思うと、従量課金のAPIはうーーーん、というのが正直なところだった。 と思っていたら、GoogleのGeminiについては無料でもヘ…

#Cline#Gemini 2.0 Flash#Visual Studio Code#Python#Flask
趣味のお部屋•2ヶ月前

AIに説教！(-_-メ)

最近Visual Studio CodeでAI（Copilot）にソースコードを作らせるのが趣味と化していますが…このAIは命令に関係ないところを勝手に変更したり手を加えたりしてきて、結構困ったちゃんです…(;´･ω･) 2時間程やり取りしていて…あまりにも勝手なことばかりしてくれるので… これでちゃんと言うことを聞いてくれればいいんですけどね… ⇓ 元々のソースコードを実行した状態 ここから改めてソースコードの編集 他の部分には手を加えていません？ ⇓ 修正されたソースコードを実行したところ しっかりと手を加えてるやないか！(-_-メ) 本当にちゃんと理解してる？・・・ ⇓ 修正されたソース…

#Visual Studio Code#Python#プログラミング#ChatGPT#AI
趣味のお部屋•2ヶ月前

DIY太陽光による経済効果を算出|дﾟ)AIにソースコードを全部作らせてみた♪

我が家の場合、経済効果を知る為には2台のハイブリッドインバーターのデータをDessmonitorからダウンロードして時間帯による算出が必要です。 Excelで計算してたんですがDessmonitorからダウンロードしたデータは文字形式のデータなので数値に変換する必要があったり、2つのデータを計算用ファイルのシートにコピペしたりでかなり面倒なんで…滅多に計算することはありませんでした|дﾟ) せっかくVisual studio codeをインストールしているのだから活用しない手はありません。今回は Visual studio codeでAIに１から全ての ソースコードを作らせてみました♪ 自分は…

#太陽光#ハイブリッドインバーター#hybrid inverter#SRNE#MS-W-09#WiFi plugpro#DIY
APC 技術ブログ•3ヶ月前

GPT-4o ベースの GitHub Copilot コード補完モデルが一般利用可能に

GitHub は、生成 AI によるコードの補完・生成、チャットによる対話などのサービスを提供する GitHub Copilot にて、GPT-4o に基づく新しいコード補完モデルを一般利用可能になったことを発表しました。 📣 Your new code completion model is here: GPT-4o Copilot is now generally available to all Copilot users! 🙌Upgrade your Copilot extension and start getting better suggestions faster. ⬇️htt…

#GitHub#GitHub Copilot#Visual Studio Code#VS Code#GPT-4 Omni（OpenAI）
シニアなバックエンドエンジニアへ•4ヶ月前

VSCode で自動フォーマットできるように Laravel Pint を設定する

はじめに Laravel Pint セットアップ さいごに はじめに VSCode にて、ファイル保存時に Laravel Pint のフォーマットを走らせることをゴールとします。 Laravel 12.x 環境を構築していることが前提です。 参考までに筆者の構築手順は以下の通りです。 jnkmtsd.hatenadiary.jp ちなみに Laravel Pint とは、PHP CS Fixer をベースに作られたフォーマッターです。 laravel.com PHP CS Fixer を入れて、Laravel 用に色々ルールを作って...といった手間から解放してくれます。 Laravel P…

#Laravel#PHP#VSCode#Visual Studio Code#Laravel Pint
シニアなバックエンドエンジニアへ•4ヶ月前

Laravel Sail + VSCode Dev Containers で Laravel 12.x の開発環境を構築する

はじめに 筆者の動作環境 Laravel Sail セットアップ VSCode Dev Containers セットアップ さいごに はじめに ローカルを汚さず手軽に Laravel 12.x が動かせる Laravel Sail + VSCode Dev Containers のセットアップ方法を紹介します。 Laravel Sail は一言で、Docker で Laravel を動かせるようになるツールです。 Docker のメリットを享受しつつ、自力で Dockerfile などを書く手間から解放してくれます。 laravel.com Dev Containers は一言で、Docker…

#Laravel#PHP#VSCode#Visual Studio Code#Dev Containers