Visual Studio Code / VSCode Part7

**デフォルトの名無しさん** · 2019/12/11(水) 19:26:16.23

Microsoft発のエディタVisual Studio Codeのスレ

公式
https://code.visualstudio.com/
https://github.com/Microsoft/vscode/

開発状況
https://github.com/Microsoft/vscode/wiki/Iteration-Plans

更新内容(日本語訳)
https://vscode-doc-jp.github.io/updates/

前スレ
Visual Studio Code / VSCode Part6
http://mevius.5ch.net/test/read.cgi/tech/1552615295/

**デフォルトの名無しさん** · 2020/05/05(火) 12:19:52.42

>>708
それだけだと条件がよく分からんけどLive ShareとかSelf-hostedは？

**デフォルトの名無しさん** · 2020/05/05(火) 18:16:27.51

拡張機能でポップアップウィンドウを作りたいんだけど、VS Codeってもしかして出来ない？

**デフォルトの名無しさん** · 2020/05/06(水) 02:12:43.68

>>708
iCloudで同期すればいいじゃん

**デフォルトの名無しさん** · 2020/05/06(水) 02:46:18.38

>>708
ソースコードをMac側に転送する

**デフォルトの名無しさん** · 2020/05/06(水) 17:07:02.77

>>708
フォルダ共有
https://navi.dropbox.jp/mac-windows-file-sharing#smoothplay2

**デフォルトの名無しさん** · 2020/05/06(水) 17:31:30.06

リモートデバッグ

**デフォルトの名無しさん** · 2020/05/06(水) 18:06:56.80

Sambaが手っ取り早いわな

**デフォルトの名無しさん** · 2020/05/06(水) 20:22:41.27

エディットエリアを分割してる状態で、htmlは左側、cssは右側、みたいにファイル種別ごとに開くエリアを設定出来たりする？

**デフォルトの名無しさん** · 2020/05/06(水) 20:35:20.92

設定しちゃうとそっちでしか開かないの？

**デフォルトの名無しさん** · 2020/05/06(水) 21:02:57.13

>>718
これらは？

vscode.window.showInformationMessage,

showWarningMessage, showErrorMessage

**デフォルトの名無しさん** · 2020/05/06(水) 21:22:57.91

>>726
すごいおしい
改行使いたい

**デフォルトの名無しさん** · 2020/05/06(水) 22:07:08.92

>>725
ん？
デフォルトで開きたいっていう

**デフォルトの名無しさん** · 2020/05/07(木) 01:25:05.98

>>708
プププ

**デフォルトの名無しさん** · 2020/05/07(木) 03:28:23.10

>>708
俺はSyncthingを使ってフォルダを同期してる
大容量のデータでも高速に転送できるし容量を気にしなくていい
クラウドに自分のデータをアップすることもない

MacはMacBookでネットワークが遅い列車の中とか移動もするので
フォルダ共有に依存したくはなかった

**デフォルトの名無しさん** · 2020/05/08(金) 08:24:08.80

April 2020 (version 1.45)
https://code.visualstudio.com/updates/v1_45

**デフォルトの名無しさん** · 2020/05/08(金) 08:53:02.48

gituhubで良くないか

**デフォルトの名無しさん** · 2020/05/08(金) 09:53:35.74

パチもんぽいな

**デフォルトの名無しさん** · 2020/05/08(金) 14:28:04.18

gitはソースコードの共有をするためのもので作業状態まで含めてコミットする物じゃないでしょ？

**デフォルトの名無しさん** · 2020/05/08(金) 17:30:27.11

質問としてはソースコードも転送したくないってことだからMac機がないって前提じゃねえの

**デフォルトの名無しさん** · 2020/05/08(金) 18:51:21.72

v1.45 で Bracket Pair Colorizer 2 死んだ

**デフォルトの名無しさん** · 2020/05/08(金) 19:19:16.93

俺環か知らんが、元々2は重すぎて使い物にならないから1のまま使ってる
で、1も1.45で死んだら困るのでアプデできない

**デフォルトの名無しさん** · 2020/05/08(金) 19:45:45.09

>>708
参考までに自分のやり方を

ソースコードとデータをWindowsの共有フォルダで共有する
macOSからWindowsのフォルダを参照
VSCode Remote DevelopmentでmacOSのソースをデバッグ

**デフォルトの名無しさん** · 2020/05/08(金) 19:47:38.60

>>735
手元にmacOSがない場合も書いて置こう

GitHubにソースコードを挙げる
unittest等はGitHubが提供するGitHub Actionsを使う
ブラウザに関する試験はseleniumを使う
# ゲストOSはWindows/Linux/macOSとあるのでmacOSの試験は可

**デフォルトの名無しさん** · 2020/05/08(金) 21:16:46.64

ベテランたちが言うギフハフってgithubのこと？

**デフォルトの名無しさん** · 2020/05/08(金) 21:54:11.07

>>740
ASKA容疑者「ギフハフ」発言の謎
https://www.tokyo-sports.co.jp/entame/623244/>>740

**デフォルトの名無しさん** · 2020/05/08(金) 22:44:39.86

>>741
ASKAが言っていたのはギフハフではなくギフハブだろ

**デフォルトの名無しさん** · 2020/05/15(金) 08:55:11.60

まさかマイクロソフトがエディタの世界を制覇するとは思わなかったな(´・ω・`)

**デフォルトの名無しさん** · 2020/05/15(金) 09:07:01.60

むしろ、viが今でも生き残ってるほうが世界の七不思議だよ

**デフォルトの名無しさん** · 2020/05/15(金) 22:36:54.26

FAQだと思うので恐縮ですが、最近vscodeを使い始めた初心者ということで許してください

win10,mac,linuxで使えるってことでvscodeを使い始め、とりあえずwindows10とmacにインストールして
macはそのまま、windows10はMinGWのターミナルってな環境を用意しました。

で、macだとエラーメッセージで
ファイル:行数:カーソル位置
が表示されるとcmd+クリックでファイル位置にジャンプできるのですがwindows10ではできません。

MinGW環境を使っているのでcodeのインストールがうまく行ってないのかと思って
MinGWシェルでcodeでvscodeが起動できるようにしてみましたが、警告メッセージにマウスカーソルを
合わせても特に何も表示されません
Visual Studioみたいに該当ファイルの該当行を開くようにしたいのですが、どう設定すればいいでしょうか？
ちなみにlinux環境は32bitのlubutu18.0.4しか用意できず、困ってます。
2年前ぐらいにはできたっぽいブログは見かけますが・・・
もし今現在32bitの元WindowsVistaPCにvscodeを入れられるパッケージをご存知ならご教授ください。

まさかWindowsよりMacのほうが便利なんてことはないですよね？

**デフォルトの名無しさん** · 2020/05/15(金) 22:45:57.47

>>743
windows95が出たあたりから"メモ帳"が世界を制覇してた気がするけど・・・

**デフォルトの名無しさん** · 2020/05/15(金) 23:01:07.88

v1.45で認証付きプロキシが壊れてそれを修正したアップデートも自動で落ちてこない悲しみ…

**デフォルトの名無しさん** · 2020/05/15(金) 23:24:14.22

>>747
64のzipなら普通に落ちるけど？
そうでなくて？

**デフォルトの名無しさん** · 2020/05/16(土) 00:15:40.49

>>745
漏れは、Windows 10, WSL, Ubuntu 18.04 で、
VSCode の拡張機能、Remote WSL で、Linux 側のプロジェクトも開ける

Linux側には、日本人が作った、バージョンマネージャーのanyenv で、rbenv, nodenv を使って、
ruby 2.6.6, node 12.16.2 を入れた

yarn は、Windows側に入れて、Linux側から、拡張子なしのyarn コマンドを呼べる。
これは、#!/bin/sh で始まるシェルスクリプト

エラーメッセージの「ファイル:行数」をクリックして、その位置にジャンプはできないけど

**デフォルトの名無しさん** · 2020/05/16(土) 00:27:02.86

v1.45.1

**デフォルトの名無しさん** · 2020/05/16(土) 02:59:47.48

>>745
デバッグコンソールじゃなくてターミナルでそんなこと出来るの？

**デフォルトの名無しさん** · 2020/05/16(土) 03:20:31.99

>>747
修正されたね

**745** · 2020/05/16(土) 12:29:42.96

返信ありがとうございます
v1.45.1で修正されるのですね
winもmacも最近使い始めたばかりなので元からWinにない機能かと思ってしまいました
ググっても”フォローリンク”がSNS関連のフォロワーとのリンク的な記事が邪魔だったので助かりました

32bit版は旧バージョンの.debファイルは見つけましたがうちで使ってるlubuntu18.0.4では入れられないようなので諦めました
2007年のノートPCなのでubuntu入れ直すのも面倒だしmakeするだけで編集することは少ないので

**745** · 2020/05/16(土) 12:59:36.34

>>751
まだwindowsのvscodeをバージョンアップさせてないのでmac版での確認となりますが
vscodeのターミナルで文字列に/が入っているとパスと判定して使える機能のようです

たとえばカレントにMakefileがある場合、./Makefileとタイプしてカーソルを合わせると
文字列にアンダーラインが現れ、「フォローリンク（cmd＋リンク）」とポップアップがでて
クリックすれば開きます

が、文字列に/がない場合や該当パスにファイルがない場合は反応しないようです
Makefileにエラーがある場合はエラーメッセージで
Makefile:20
などと出るのですが/がないので反応しません
（なので先程の例ではわざわざ./を行頭につけています）

同じ理屈で、ソースコードがカレントにあってエラーメッセージのファイル名に/が出ない場合は反応しないと思われます

私は慣習でinc/やsrc/フォルダを掘っていたのでエラーメッセージが
src/main.cpp:行:列
みたいにスラッシュ付きのパスが出るので普通に気づきましたが小さなプロジェクトでフォルダを掘らない場合は気づかないかもですね

**デフォルトの名無しさん** · 2020/05/16(土) 13:16:15.52

>>754
気にしたことなかったから知らなかったので確認したけど
MinGW使ってるからパスがlinuxのパスになるからでは？
cmdでwindowsのパスなら機能するしwslならlinuxのパスでも機能するよ

**デフォルトの名無しさん** · 2020/05/17(日) 10:49:48.81

>>754
taskのprobremparserを$gccにする

**デフォルトの名無しさん** · 2020/05/17(日) 16:08:58.77

本当や

/ が付いているとパスと解釈されて、端末から、該当ファイルのその行に飛べる！

**757** · 2020/05/17(日) 16:12:54.87

一方、ファイルの右クリックメニューから、Code Runner で起動すると、

出力パネルが開くけど、リンクにならないので、そこからは飛べない

**デフォルトの名無しさん** · 2020/05/17(日) 19:26:33.63

みんな、フォントは何使ってんの？

**デフォルトの名無しさん** · 2020/05/17(日) 19:29:17.45

meiryo console

**デフォルトの名無しさん** · 2020/05/17(日) 19:57:02.94

Osaka

**デフォルトの名無しさん** · 2020/05/17(日) 20:03:37.98

"editor.fontFamily": "Consolas, 'BIZ UDゴシック'",

**デフォルトの名無しさん** · 2020/05/17(日) 20:46:06.07

meiryoKeConsole

**デフォルトの名無しさん** · 2020/05/17(日) 20:58:40.76

DejaVu Sans Mono

**デフォルトの名無しさん** · 2020/05/17(日) 21:33:51.51

>>762
これ

**デフォルトの名無しさん** · 2020/05/18(月) 00:31:21.70

>>762
自分もこれ、ただ全角と半角の比率が合わないのと一部の記号が半角になるのが不満

**759** · 2020/05/18(月) 01:33:19.35

俺も「MeiryoKe_Console」
キレイで良い

ただ、
設定は「Consolas, 'MeiryoKe_Console', monospace」にしてるんだが、
「↑↓→←」や「①②③」が小さく表示されるのが不満

**デフォルトの名無しさん** · 2020/05/18(月) 06:14:58.23

ricty diminished discord

**デフォルトの名無しさん** · 2020/05/18(月) 09:09:08.39

Noto Sans CJK JP

**デフォルトの名無しさん** · 2020/05/18(月) 10:47:08.69

HackGen

**745** · 2020/05/18(月) 20:44:39.28

>>755
そんなはずはとWindows形式のフルパスで書いたら反応しました!!
おかげさまで一応の解決ができました

MinGWターミナルを使う設定に不備があったようで
"terminal.integrated.splitCwd": "workspaceRoot"
というのを追加してやれば相対パスでも反応するようになりました

一応の解決というのは、これだとcdしてもworkspaceRootからの相対じゃないと反応しません
(macならcdしたディレクトリからの相対パスに反応します)
もっといい方法がありそうですが、とりあえず対処できたのでご報告まで

長文失礼、お騒がせしました

**デフォルトの名無しさん** · 2020/05/19(火) 00:07:02.94

MyricaM M

**デフォルトの名無しさん** · 2020/05/19(火) 09:54:42.02

プログラミング初学者です。JavaScriptでデバッグをする時に

パスで使用されている文字と、ディスク上のファイルの文字の間で大文字と小文字が異なっています。

と表示されます。
これの解決策はありますか？

**デフォルトの名無しさん** · 2020/05/19(火) 10:10:23.96

>>773
ちゃんと使用してる環境を書こう

**デフォルトの名無しさん** · 2020/05/19(火) 12:01:07.21

>>774
プログラムパスで使用されている文字と、ディスク上のファイルの文字の間で大文字と小文字が異なっています。ブレークポイントがヒットしない可能性があります。
/Users/ryota/.nodebrew/current/bin/node --inspect-brk=20592 js.js
Debugger listening on ws://127.0.0.1:20592/cd3e9fc0-2225-4ead-afa6-f95fbe1d6352
For help, see: https://nodejs.org/en/docs/inspector
Debugger attached.

と表示されます。
pcはmacを使用しています。

**デフォルトの名無しさん** · 2020/05/19(火) 13:14:19.70

>>775
＞pcはmacを使用しています。
この表現に違和感を覚えたのは自分だけだろうか
それはそうと質問に対する答えとしては、macOSのファイルシステムはデフォルトではケースcase insensitiveと言って大文字と小文字を区別しない

例えばa.txtと言うファイルは、プログラムの中でA.txtやa.TxTを指定しても動作する
でもそれはデバッガのような自前でソースコード解析をするものは大文字と小文字を区別するので、質問のような警告が出る

**デフォルトの名無しさん** · 2020/05/19(火) 15:12:56.81

>>776
ご回答ありがとうございます。

もう一点質問なのですが、
プログラムパスで使用されている文字と、ディスク上のファイルの文字の間で大文字と小文字が異なっています。と言うのは。
launch.json内の
"program": "${workspaceFolder}/js.js",
で指定した名前と、実際のpc内のファイルの大文字小文字が違うと言うことでしょうか？
全て小文字で記載してあるのですが、解決できません。

**デフォルトの名無しさん** · 2020/05/19(火) 16:00:29.03

>>776
違和感を覚えたのはあなただけみたいだね

**デフォルトの名無しさん** · 2020/05/19(火) 16:39:05.04

誤回答ありがとうございます。

**デフォルトの名無しさん** · 2020/05/19(火) 17:42:25.81

>>777
可能性としては
1. js.jsがJs.jsみたいに大文字と小文字が違う
2. git clone等で作ったプロジェクトでworkspaceFolderの指し示す部分の大文字と小文字が違う

返答を信じると1のケースはなさそうなので2のケースかな
VSCode側ではMyProjectと呼び出されているのに実際のフォルダ名はmyprojectとか

**デフォルトの名無しさん** · 2020/05/19(火) 18:42:10.85

>>776
昔からの感覚のmacはMacintoshでpcはpcって言う事を知ってる世代なら違和感覚えるのは仕方ない

**デフォルトの名無しさん** · 2020/05/19(火) 18:45:34.62

macはPCじゃないとか
iPhoneはスマホじゃないとか

アップル信者は頭がおかしい

**デフォルトの名無しさん** · 2020/05/19(火) 18:46:56.43

家にパソコンある？
って聞かれたら
無いって答えるのか？

**デフォルトの名無しさん** · 2020/05/19(火) 18:51:11.37

APPLE2はPCだよね

**デフォルトの名無しさん** · 2020/05/19(火) 18:51:47.88

北米では昔からPCとはIBM PC/AT互換機のことだぞ。互換性のないのはworkstationという。

**デフォルトの名無しさん** · 2020/05/19(火) 18:55:14.93

プログラミングにはやってはいけない勉強法がある！？爆速で成長する王道のプログラミング学習法を紹介！
https://www.youtube.com/watch?v=ZJqVQJwvwNI
慶應主席レベルの秀才がプログラミングの独学に失敗した理由
https://www.youtube.com/watch?v=F2m1bsqaAHg
知らずに転職したら失敗する！ブラックIT企業を見分ける11のポイントを徹底解説
https://www.youtube.com/watch?v=a8qDFMsYAqM
営業マンが独学のみでプログラマーに転職して1年で月収80万超えた話
https://www.youtube.com/watch?v=94YQSckQGCs
未経験から2年でフリーランスエンジニアに！安定的に稼げるようになるための5ステップ
https://www.youtube.com/watch?v=oGNpEmFOEcU
フリーランスエンジニアになるなら大規模ベンチャー or 小規模ベンチャーどっち？
https://www.youtube.com/watch?v=-39tg9icRlU
【初心者必見】Webライター・Webマーケターを目指すならまずこの5冊！プロ御用達の文章術本を徹底紹介
https://www.youtube.com/watch?v=y_QBBLdG9QM
【本質】稼げるフリーランスライターになるための前提とは【記事数＝ライターの価値じゃない】
https://www.youtube.com/watch?v=xFDMgcpknDA
生産性10倍！知らないと損する3つの最強デザインツール
https://www.youtube.com/watch?v=z6x1R1455Kc

**デフォルトの名無しさん** · 2020/05/19(火) 19:00:51.28

>>785
ほう XTとか5150は何と呼ぶのかね？
PETとかコモドールをWORKSTATION
と呼ぶとは初耳だね

僕のbanana piもワークステーション？

**デフォルトの名無しさん** · 2020/05/19(火) 19:22:46.47

>>782
いまの若い人は知らないだろうけど、昔別けられてた物だから
そういう事があったのかくらいで聞き流してオッケーな話やで

**デフォルトの名無しさん** · 2020/05/19(火) 19:24:54.65

次郎はラーメンみたいなもんだな

**デフォルトの名無しさん** · 2020/05/19(火) 19:32:41.65

>>785
> 北米では昔からPCとはIBM PC/AT互換機のことだぞ
ん？だからmacはPCでいいんだろ？

**デフォルトの名無しさん** · 2020/05/19(火) 19:35:56.09

DOS/V

**デフォルトの名無しさん** · 2020/05/19(火) 19:44:24.30

おっさん世代が多くて安心した一方でスレが荒れてしまった
すまないと思っている
お詫びに>>780をもう少し丁寧に説明する

1についてはファイル名をよく確かめてくださいとしか言えない

2についてはVSCodeにはワークスペースの機能がある
これを使うと複数のディレクトリを1つのワークスペースの含めることができる

適当な名前.code-workspace

みたいなファイルがある場合、そこに”folders”としてまとめる対象のディレクトリが書かれている
ここのfoldersのパスの大文字小文字が間違っているとworkspaceFolderの部分も間違ってしまうのでチェックしてみてくれ

**デフォルトの名無しさん** · 2020/05/19(火) 19:49:55.92

>>786
ハゲとるやないか

**デフォルトの名無しさん** · 2020/05/19(火) 20:52:38.49

>>784
Apple ][ が発売された頃にPCという言葉はまだ無かった

**デフォルトの名無しさん** · 2020/05/19(火) 20:59:55.14

昔こんなんあったな
https://m.youtube.com/watch?v=0eEG5LVXdKo

**デフォルトの名無しさん** · 2020/05/19(火) 21:21:51.09

>>794
最初の１行目を声を出して読むように
https://i.imgur.com/zaiaooB.jpg

なおこの本はプレミア付きだが書名をあててみろ

**デフォルトの名無しさん** · 2020/05/19(火) 21:35:37.74

>>796
Apple ][ はマイクロコンピュータとして発売されたんだよ
そんな事もわかっていない奴が書いた紙屑は、ケツを拭く紙にでもするんだな

**デフォルトの名無しさん** · 2020/05/19(火) 21:36:58.94

只のキチガイか

**デフォルトの名無しさん** · 2020/05/19(火) 22:22:58.34

>>797
英語WikipediaのHistory of personal computersのページに
「The Apple II and the PET 2001 were advertised as personal computers」
って書いてあったぞ
https://en.m.wikipedia.org/wiki/History_of_personal_computers

**デフォルトの名無しさん** · 2020/05/20(水) 01:52:12.12

おまえらpcの意味解ってんの？
「車」と「自家用車」「レクサス」の違いを議論して意味あると思ってる？

**デフォルトの名無しさん** · 2020/05/20(水) 02:47:17.71

思ってますん

**デフォルトの名無しさん** · 2020/05/20(水) 04:30:41.86

ダーク系のテーマ、Dracula を使っていたけど、

Night Owl も入れてみた

**802** · 2020/05/20(水) 04:49:37.63

Visual Studio Code 拡張機能（vscode）のススメ。
https://www.youtube.com/watch?v=MufUJ4VO9GA

2020/04/19

**デフォルトの名無しさん** · 2020/05/20(水) 08:56:26.96

vscodeの拡張をdenoに移行してほしいよ
denoならパーミッション設定できるから怪しげな拡張も安心してインストールできる

**デフォルトの名無しさん** · 2020/05/20(水) 09:02:58.19

VSCodeでdraw.ioが使えるようになったのか

**デフォルトの名無しさん** · 2020/05/20(水) 10:19:33.04

>>792
ありがとうございます！

すみません。
確認したところ、vscodeで開いてるフォルダがデスクトップのフォルダのかなり下の方にあるものなのですが、
1番上のフォルダ名"デスクトップ"を"desktop"にすると解決しました。

**デフォルトの名無しさん** · 2020/05/20(水) 10:41:14.25

デスクトップは、C:\Users\ユーザー名\Desktop
または、C:/Users/ユーザー名/Desktop
でしょ

Desktop のD は、大文字でしょ

**デフォルトの名無しさん** · 2020/05/20(水) 11:19:50.84

>>807
C:/Users/ユーザー名/Desktop/desktop
と言うよくわからない構成にしております。

**デフォルトの名無しさん** · 2020/05/20(水) 11:33:41.83

ヴォケ丸出し

**デフォルトの名無しさん** · 2020/05/20(水) 11:36:09.18

vscode内でのnode.jsでデバッグする時はそのファイルが存在するフォルダ(上層含め全て)に日本語が含まれていてはいけないのでしょうか？
僕の環境では日本語が含まれていると、
「プログラムパスで使用されている文字と、ディスク上のファイルの文字の間で大文字と小文字が異なっています。」
と言う警告が出るようです。

**デフォルトの名無しさん** · 2020/05/20(水) 11:44:45.21

ヴォケは死ななきゃ治らない

**デフォルトの名無しさん** · 2020/05/20(水) 12:00:06.98

ハァゲも死ななきゃ治らない

**デフォルトの名無しさん** · 2020/05/20(水) 12:11:31.41

vscodeのremote-container利用した開発むず過ぎない？
設定できることが多過ぎてうまく活用できない

**デフォルトの名無しさん** · 2020/05/20(水) 12:15:02.61

>>812
あのさぁ、一体いつ時代の話してんの？
最新テクノロジーに追いつけてない
この業界にして最新情報を仕入れてないのは罪だぞ

頭皮に塗るだけでハゲを治せる薬が開発される
https://gigazine.net/news/20200519-hair-regrowth-stem-cell/

**デフォルトの名無しさん** · 2020/05/20(水) 12:28:57.56

>>814
やたらハゲにくわしいな、さすがこのハゲ！

**デフォルトの名無しさん** · 2020/05/20(水) 13:32:09.05

>>810
ごめん、最初macOSの話をしてると思ったんだが>>807みるとWindowsだよね
ドライブ指定の「C:」は間違い?

あと日本語の話だけど自分の環境 High Sierra で少し試したがそんなエラーは出なかった
含まれる文字列に依存する可能性はあるけども

**デフォルトの名無しさん** · 2020/05/20(水) 14:57:43.27

>>816
ご回答ありがとうございます！
試していただきありがとうございます。
コチラはCatalinaを使用しております。
いろいろ試してみたのですが、やはり日本語が含まれている場合にエラーが起こるようです。

>>807 のC:は間違いです。すみません。