どうも、白夜霧（@KiRi_Byakuya）です。 今回は「Visual Studio Code」でPHPの開発環境を構築して、ステップ実行など、デバッグができるようにするための設定の覚書。
【2022年版】Visual Studio CodeでPHP開発環境＋デバッグ作業でステップ実行できるようにする方法
どうも、白夜霧（@KiRi_Byakuya）です。 今回は「Visual Studio Code」でPHPの開発環境を構築して、ステップ実行など、デバッグができるようにするための設定の覚書。
Version 1.88 is now available! Read about the new features and fixes from March. June 2021 (version 1.58) Update 1.58.1: The update addresses these security issues. Update 1.58.2: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the June 2021 release of Visual Studio Code. There are a number of updates in t
Visual Studio Code(以下、VS Code)の開発者であるMatt Bierner氏が7月20日、公式ブログの記事「Shrinking VS Code with name mangling」において、同ツールのソースコードのサイズ削減に向けた取り組みを紹介した。VS Codeチームは最近、名前マングリングの手法を用いることで、同梱されるJavaScriptコードのサイズを全体の20%に上る約3.9MB削減することに成功したという。 VS Codeに付属するworkbench.jsのコードサイズの変遷 引用:Visual Studio Code Blog 名前マングリングは、コンパイラや処理系が、関数名や変数名などのシンボルを別の固有の名前にエンコードする手法。もともとはシンボルに対して名前以外の固有の情報を付加して修飾する手法だが、コード本体の実装に影響を与えずにシンボルの
Microsoft、「Visual Studio Code」の新しい拡張機能「Jupyter」を発表（Impress Watch） - Yahoo!ニュース
米Microsoftは11月11日（現地時間）、「Visual Studio Code」用の新しい「Jupyter」拡張機能を発表した。近年さまざまな分野で広がりを見せている「Jupyter Notebook」を「Visual Studio Code」に組み込むことができる。 「Jupyter」はもともと「Python」で用いられていたノートブックインターフェイスで、テキストや図表、その場で評価（実行して結果を表示）可能な数式やソースコードなどを埋め込んだドキュメントを作成・表示できる。サンプルコードを実際に動かし、その結果を確かめながら学べるため、教材やヘルプコンテンツとして大変有用。一般的なドキュメントやプレゼンテーションスライドとして出力することも可能で、それらを作成する環境として活用されている。 「Visual Studio Code」では「Python」拡張機能で以前から「Jup
Visual Studio CodeでPlantUMLを使うメモ (Windows編).md Visual Studio CodeでPlantUMLを使うメモ (Windows編).md PlantUMLとは？ テキストベースの独自の記述言語を使って、UML図を描くことができるツール。 http://plantuml.com/ja/ ユースケース図、クラス図、シーケンス図、アクティビティ図などを描くことが可能。 Graphvizのインストール PlantUMLはdotを使って図を作成するので、あらかじめGraphvizをインストールしておく必要がある。 以下URLから、stable版のインストーラをダウンロード＆インストールする。 https://www.graphviz.org/download/ Javaのインストール OpenJDKを使う場合はこちらからダウンロード。 http://
どうも、会社でも自宅でもAdobe creative cloudを使っているアドビザワです。 制作ソフトはAdobe製品で揃えていますが、会社からDreamweaverの使用が禁止されまして代わりにVisual Studio Codeを使うことになりました。 少しコードを書かなくてはいけない仕様に戸惑いつつもレビューをしていきたいと思います。 使ってみた結果どうなの？ Visual Studio Code（以下VScodeと呼ぶ）とはマイクロソフト社が開発した無料で使えるソースコードエディタです。拡張機能を使えば、自分好みのカスタマイズができるということも人気がある。 VScodeのインストールから拡張機能によるカスタマイズまでを紹介したいとおもいますが、まず最初に使用した感想を述べたと思います。 Dreamweaver使いのWebデザイナーが感じたメリット 起動・動作が軽い カスタマイズ
Microsoft、「Visual Studio Code」の「January 2020」リリースを公開
Microsoftは2020年2月7日（米国時間）、WindowsやmacOS、Linuxに対応するクロスプラットフォームのエディタ「Visual Studio Code」（以下、VS Code）の最新版「January 2020」リリース（バージョン1.42）を公開した。 なおJanuary 2020リリースの公開日は、該当するツイートの公開日に従っている。 VS Code バージョン1.42では、ワークベンチ、エディタ、デバッグ、タスクなどに関する多くの改良が行われた。主な改良点は以下の通り。 ワークベンチ：名前変更のプレビュー 名前の変更をプレビューできるようになった。名前を変更するときに［Shift］＋［Enter］キーで「Refactor Preview」パネルを表示し、新しい名前を確認できる。確認すると、このパネルは閉じられ、現在のエディタに戻る。 ワークベンチ：開けるエディタ
Version 1.87 is now available! Read about the new features and fixes from February. February 2024 (version 1.87) Update 1.87.1: The update addresses these issues. Update 1.87.2: The update addresses this security issue. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the February 2024 release of Visual Studio Code. There are many updates in
Visual Studio Code PHP Intelephense Keep Showing Not Necessary Error
After the latest update of PHP Intelephense that I get today, the intelephense keep showing an error for an undefined symbol for my route (and other class too), there is no error like this before and it's bothering me. Here is the error screenshot : And this is my code : Route::group(['prefix' => 'user', 'namespace' => 'Membership', 'name' => 'user.'], function () { Route::get('profile', 'ProfileC
Visual Studio Code Remote Developmentのメモ - Qiita
概要 Visual Studio Code 1.35より正式に利用できるようになったRemote Developmentのセットアップとリモート(WSL、Dockerコンテナ、AWSのEC2)へ接続する方法を確認した時のメモです。 また、リモート開発の感触を確かめるため、リモート側にPythonをインストールしVS Codeでサンプルコードを書いて実行するというところまでやってみました。 環境 Windows 10 Professional 1903 Visual Studio Code 1.35.1 (system setup) Remote Development Extension Pack 0.15.0 参考 VS Code Remote Development Remote Development Tips and Tricks インストール マーケットプレースからRemote
JupyterとPython拡張機能のデータビューアを使用すると、Visual Studio CodeでJupyterノートブックを使用しているときに、データを簡単にきれいに可視化できる。今回のリリースでは、Pythonファイルのデバッグ時にもデータビューアをサポート可能になった。 また、今回のリリースでは、インポートの解像度を向上するために、Pylanceで.envファイルのPYTHONPATH変数を使用可能になった。Pylanceユーザーの場合、.envファイルで指定したPYTHONPATHはインポートルートとして、python.analysis.extraPathsに含まれるパスと同時に読み込まれる。 Python拡張機能はマーケットプレイスからダウンロードするか、Visual Studio Codeの拡張機能ギャラリーから直接インストールできる。すでにPython拡張機能をインスト
C++ in Visual Studio Code reaches version 1.0! - C++ Team Blog
A free one-day virtual conference for the whole C++ community. We’re excited to announce the first generally available release of the C++ extension for Visual Studio Code! Visual Studio Code is a free code editor that runs on Linux, macOS, and Windows, and is highly-customizable to make it exactly what you want it to be. The C++ extension brings a rich set of productivity features to VS Code for C
Python in Visual Studio Code – May 2020 Release - Python
We are pleased to announce that the May 2020 release of the Python Extension for Visual Studio Code is now available. You can download the Python extension from the Marketplace, or install it directly from the extension gallery in Visual Studio Code. If you already have the Python extension installed, you can also get the latest update by restarting Visual Studio Code. You can learn more about Py
Colab on steroids: free GPU instances with SSH access and Visual Studio Code Server
Colab on steroids: free GPU instances with SSH access and Visual Studio Code Server A step-by-step guide to SSH into a free GPU instance provided by Google Colab and install Visual Studio Code Server.
Chrome OS（Chromium OS）にVisual Studio Codeをインストールしてみた - uepon日々の備忘録
Chrome OSとはいってますけど、Chromium OSの話になります。まあ、純正のChromebookを持っている人にはあんまり関係ない話。 昨年の年末、以前までChromeOSを使用していたノートPCがある日突然電源が入らなくなり、突然のお別れということになってしまった。購入からすでにもう10年ぐらい経っているCeleronなPCなのでそろそろ動作しなくなってもおかしくないので、このときが来たかというレベルでしかなかったです。 Aspire one 753（2010年製） http://www2.acer.co.jp/catalog/1012/FIX_NBALL_0616.pdf いよいよ廃棄するにあたって、最後に電源でもいれてみるかなと思ったら突然電源が復帰。あれーって感じ。ただ、Windows10Homeは立ち上がらず、シリアルも探さなければならないという状況。結論としてクリー
斧を研ぎましょう こんにちは、エンジニアの後藤です。 BUYMAのWebアプリを作る仕事をしています。 この記事は Enigmo Advent Calendar 2022の８日目の記事です。 この記事のゴール この記事のきっかけ どのように実現するか 新たに見つけた課題 最後に 本当に最後に この記事のゴール この記事では、Visual Studio Codeでコードを書きつつ、サクサク rspec を実行したり Java プロジェクトをビルドしたり、 lint も実行したり、ということができるようになる、というのをゴールとしています。 エディタのカスタマイズを愛する人、エディタとコンソールを行ったり来たりしながら開発を進めている人におすすめの記事となります。 対象のエディタは Visual Studio Code です。 この記事のきっかけ この記事を書くきっかけになったのは私が、エディ
Windows 10で始めるC言語開発(4) Windows 10でC言語開発をしよう! Visual Studio Code ビルド編
フォルダを用意する VSCodeではフォルダが作業する時の最小単位になっている。フォルダごとに設定ファイルが保存される。まず最初は、プログラムごとにフォルダを新規作成して使用すると思っておけばよいと思う。 まず、次のようにメニューから「File」→「Open Folder…」を選択する。 「File」→「Open Folder…」 使うフォルダを選択する。フォルダを用意していないなら、ここで新規作成して選んでから「フォルダーの選択」を押す。 使用するフォルダを選択 これが新しいプログラムを作成する際の最初の作業だ。 Cソースコードのファイルを作成する 次に、用意したフォルダにCのソースコードを作成する。メニューから「File」→「New File」を選択する。 「File」→「New File」 すると、次のように「Untitled-1」といった新規ファイルが作成される。 作成された新規フ
Version 1.88 is now available! Read about the new features and fixes from March. March 30, 2023 by Chris Dias, @chrisdias AI did not write this blog post, but it will make your development experiences incredible. Note: If you like to learn about the latest GitHub Copilot experience in Visual Studio Code, go to the GitHub Copilot in VS Code topic, where you'll find details on the Copilot editor int
Windows 10で始めるC言語開発(3) Windows 10でC言語開発をしよう! Visual Studio Code編
今から使うならVisual Studio Code プログラミングにおいて、ソースコードを書くという行為から「エディタ」を欠かすことはできない。一口にエディタといってもさまざまだ。Windows 10では「メモ帳」が最初からインストールされている最もシンプルなエディタであり、業務でソフトウェア開発を行う場合は「Visual Studio」を使うことが多いだろう。Visual Studioはエディタというより、「統合開発環境」と呼ばれることが多いアプリケーションだ。 エディタまたは統合開発環境はプログラミングの効率に直接関与してくる。既に愛用している慣れ親しんだエディタや統合開発環境があるなら、それをそのまま使えばよい。そうでなければ、できるだけ作業効率のよいアプリケーションを選択するのがポイントだ。 エディタや統合開発環境の人気の指針のひとつとして、「TOP IDE index」がある。ラ
Visual Studio Codeの「Remote – WSL」がめちゃくちゃ便利 さぁコミケの新刊を書くぞ、とVisual Studio Codeを立ち上げたところ、「Remote – WSLが便利だから使って見ない？？？」みたいな表示が出たので、確認してみたのですが、これめちゃくちゃ便利ですよ・・・！ 僕の環境では特に追加でインストールした覚えはないのですが、既に「Remote – WSL」がインストール済みでした。 Remote – WSLを利用するには、Visual Studio Codeの左下にある「><」アイコンをクリックします。 すると、上図の様なメニューが表示されるので「Remote-WSL： New Window」をクリックします。 すると新しいウィンドウでVisual Studio Codeが立ち上がってくるのですが、上図赤枠の通り「><」アイコンの右隣に「WSL:
AWS Toolkit for Visual Studio CodeでS3を操作してみた | DevelopersIO
DA事業本部の横山です。 Visual Studio Codeの拡張機能で、AWS上でのアプリケーションの作成、デバッグ、デプロイを支援してくれるAWS Toolkit for Visual Studio Codeがあります。 存在は知っていましたが実際に利用したことがなかったため、どんなことができるのか確認してみたいと思います。 はじめに AWS Toolkit for Visual Studio Codeを利用するには、AWSアカウントの作成、Visual Studio Codeのインストール、AWS Toolkit for Visual Studio Codeのインストールが必要となります。手順については公式ドキュメントのリンクを記載しますので本記事では割愛させていただきます。 AWS Toolkit for Visual Studio Codeのインストール ちなみに、AWSアカウ
GitHub - formulahendry/vscode-code-runner: Code Runner for Visual Studio Code
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Windows 10にLinuxのペンギンアイコン／Zoom、わずか4カ月で1000万から3億超へ急増／Visual Studio Codeの代替を狙うEclipse Theiaほか、2020年4月の人気記事
Windows 10にLinuxのペンギンアイコン／Zoom、わずか4カ月で1000万から3億超へ急増／Visual Studio Codeの代替を狙うEclipse Theiaほか、2020年4月の人気記事 外出への自粛が続いて不自由な生活を強いられている方が多いなか、読者の皆様はいかがお過ごしでしょうか。 僕はもともと在宅で仕事をしてきたので、それほど大きな変化があるわけではないのですが、プールが閉鎖されて趣味の水泳ができないのは少しさみしいですね。代わりにジョギングの回数が増えました。 さて、先月の人気記事を紹介していきましょう。 1位 Windows 10のファイルエクスプローラがWSL機能を統合。Linuxを示すペンギンアイコンが登場 2位 Zoom、わずか4カ月で参加者が1000万から3億超へ。急増への対応でOracle Cloudへインフラを拡張。AWS、Azureに加えて
Version 1.88 is now available! Read about the new features and fixes from March. In this tutorial, we walk you through setting up Visual Studio Code and give an overview of the basic features. Here's the next video we recommend: Code Editing in Visual Studio Code Pick another video from the list: Introductory Videos Video outline Download and install VS Code. From https://code.visualstudio.com/dow
A couple of moments ago, I finished reading the article by Rob O'Leary about the pervasive data collection done by Visual Studio Code. Now that I'm no longer an employee at Gitpod, I'm finally able to author a blog post freely about something that has been troubling me for quite some time... Whilst Visual Studio Code is "open-source" (as per the OSD) the value-add which transforms the editor into
Microsoft、「Visual Studio Code」のPython/Jupyter向け拡張機能の2023年7月版を公開
2023年7月版ではまず、型チェッカー「Mypy」をVisual Studio Codeで利用可能にする拡張機能と、Python拡張からデバッグ機能を独立させた「Debugpy」の2種類の拡張機能をプレビュー版として提供を始めた。Mypy拡張機能は、動的型付け言語であるPythonで型チェックを可能にするライブラリ「mypy」を利用して型チェックを実現する。最新版のMupy拡張機能には、mypyのバージョン1.4.1が付属する。 Debugpyは、Microsoftが従来提供してきたPython向け拡張機能から、デバッグの機能を独立させたもの。Microsoftによると、Python 2.7とPython 3.6をPython向け拡張機能のサポート外としたときに、自身のコードを最新のPythonにアップデートできない環境にある多くのユーザーから、既存のコードのデバッグができないという声をも
Python in Visual Studio Code – September 2020 Release - Python
We are pleased to announce that the September 2020 release of the Python Extension for Visual Studio Code is now available. You can download the Python extension from the Marketplace, or install it directly from the extension gallery in Visual Studio Code. If you already have the Python extension installed, you can also get the latest update by restarting Visual Studio Code. You can learn more a
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
Version 1.89 is now available! Read about the new features and fixes from April. June 2020 (version 1.47) Update 1.47.1: The update addresses this security issue. Update 1.47.2: The update addresses these issues. Update 1.47.3: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Intel | Linux: deb rpm tarball snap Welcome to the June 2020 release of Visual Studio Code. There ar
CDKユーザー必見！AWS Toolkit for Visual Studio CodeのAWS CDK Explorerを試してみた #reinvent | DevelopersIO
こんにちは。サービスグループの武田です。 現在参加中のre:Invent 2019でAWS CDKのセッションを聴講したところ、その中でAWS CDK Explorerなるものが紹介されました。把握していなかったのですが最近リリースされた新機能のようです。 AWS Toolkit for Visual Studio Code この機能を有効にすると、VS Codeのサイドバーにエクスプローラが追加され、プロジェクト内のスタックやリソース、プロパティが簡単に確認できます。 さっそく試してみました！ AWS Toolkit for Visual Studio Codeをインストール まずはVS Code拡張であるAWS Toolkitのインストールが必要です。すでにインストール済みの方はスキップしてください。 まずはVS Codeを起動します。 次にExtentions Marcketplac
Visual Studio Code を使った C++ のビルド＆デバッグ方法 - Daily Tech Blog
ということで，つくばチャレンジも一段落した今，ちょっと基礎的なエントリです． 仕事では Visual Studio を使って Windows メインで開発をしてるんですが，エディアとか IDE とかってなれるまでに時間がかかリますよね．．．なのでちょっと億劫だったんですが，流石に gedit でやるのも効率があんまり良くないかな．．と思い，Linux でも何かエディタをつかうことにしました．C/C++ のエディタって，みんな eclipse CDT を使っているのかな？と思ってたんですが，最近はあまり eclipse ってつかわれてないんですかね？いろいろ記事を詠んでみると Visual Studio Code を扱っている記事が多かったので，ちょっと Eclipse CDT と Visual Studio Code を勉強＆比較してみることにしました． １．インストール方法 １．１ VS
Version 1.89 is now available! Read about the new features and fixes from April. July 2019 (version 1.37) Update 1.37.1: The update addresses these issues. Downloads: Windows: x64 | Mac: Intel | Linux: deb rpm tarball snap Welcome to the July 2019 release of Visual Studio Code. There are a number of updates in this version that we hope you will like, some of the key highlights include: Full produc
やりたいこと Macを新しくした場合に前の設定やエクステンションを移植したい場合や、職場用と自宅用のMacで設定を共通化したい。 自分はいわゆるdotfilesをgithubで管理しているので、vscodeの設定も同様に管理できるようにした。 セットアップスクリプト というわけで新しいマシンに前の環境を移植するスクリプトを作りました。 これで以下の設定をgithubで管理できる エディタの設定 キーバインディング 自作スニペット インストール済みのエクステンション # 設定を共有したいマシンで予めインストール済みのエクステンションを書き出しておく # $code --list-extensions > extensions.txt # vscodeがインストールされている場合のみ if [ -e ~/Library/Application\ Support/Code/User ]; the
対応OSは、Windows、MacOS、Debian、Red HatなどのLINUX系に対応していて、しかも無料で利用できます。 ソースコード＝HTMLやCSS、PHPなどのプログラムコードを記述する際に、タグとテキスト部分を自動的に色分けしてくれたり、段落ごとに自動的に行頭をずらしてくれるなどの機能が、ほぼすべてのメジャーなプログラミング言語に対応しています。 言語ごとの記述の特徴に対応していたり、予測入力もこなしてくれたりと、開発の省力化にも役立つと評判も高いようです。 そしてこのソフトは、理系エンジニアだけでなく、筆者のように文字・文章の執筆をメインの仕事にしている人にもおすすめできますよ！ という事を具体的な例を交えて解説していきます。 あ、その前にパソコンにインストールしておきましょう……。 インストールの手順 Visual Studio Codeの公式ページから『Downloa
Python in Visual Studio Code – March 2021 Release - Python
We are pleased to announce that the March 2021 release of the Python Extension for Visual Studio Code is now available. You can download the Python extension from the Marketplace, or install it directly from the extension gallery in Visual Studio Code. If you already have the Python extension installed, you can also get the latest update by restarting Visual Studio Code. You can learn more about
スニペットの使い方 Visual Studio Codeにはスニペットという便利な機能が用意されています。スニペットとは入力補完候補のことで、この機能を使うと頻繁に使うコードなどをショートカットキーで簡単に呼び出せます。 スニペットの機能を試してみましょう。試すファイルはHTMLでもCSSでも良いですが、ここではJavaScriptファイルを使います。JavaScriptファイルをVS Codeで開き、「fun」と入力すると次のようにコードヒントが表示されます。 上記画像であれば、2番目の項を選んでクリックか［Enter］を押すとFunction構文がコードに出力されます。 スニペットのフォーマット VS Codeにはデフォルトで様々なスニペットが登録されていますが、拡張して新しいスニペットを追加したり、既存のスニペットを変更することができます。 メニューから［ファイル］-［ユーザ設定］-
![スニペットの登録 - Visual Studio Code - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Code June 2021
Visual Studio Code、名前マングリングでJavaScriptコードの20%削減に成功
Visual Studio CodeでPlantUMLを使うメモ (Windows編).md
Adobe狂のWebデザイナーがVisual Studio Codeを使ってみた【Dreamweaverと比べてみた】
Visual Studio Code February 2024
マイクロソフト、2021年1月リリース「Visual Studio Code」用のPython機能拡張 | Ledge.ai
Visual Studio Code で rspec 実行 - エニグモ開発者ブログ
Visual Studio Code and GitHub Copilot AI
Visual Studio Codeの「Remote - WSL」がめちゃくちゃ便利 - しょぼんブログ
Getting started with Visual Studio Code
Visual Studio Code is designed to fracture
Visual Studio CodeでMakefileのビルド＆デバッグを可能にする拡張機能がプレビュー公開
Amazon.co.jp: Visual Studio Code実践ガイド —— 最新コードエディタを使い倒すテクニック: 森下篤: 本
Visual Studio Code June 2020
Visual Studio Code July 2019
Visual Studio Codeの設定をgithubで管理する - Qiita
Visual Studio Codeで文章執筆 文系ライターが紹介する使い方とカスタマイズ解説
「Visual Studio Code」2022年7月更新 ～カスタムタイトルバーなどのUIを改善／新機能「スティッキースクロール」もプレビュー投入
製品アイコン全体をアップデートして統一感を向上 ～「Visual Studio Code」の2019年7月更新／設定画面やエディター、ターミナルなどで多くの機能改善
拡張機能に署名して安全に提供 ～「Visual Studio Code」のマーケットプレイスで開始／ダウンロードの途中で改竄がないことを証明
スニペットの登録 - Visual Studio Code - [SMART]