Visual Studio Code / VSCode Part12

**デフォルトの名無しさん** · 2022/03/21(月) 20:35:10.19

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 Part11
https://mevius.5ch.net/test/read.cgi/tech/1632311131/

**デフォルトの名無しさん** · 2022/05/14(土) 09:32:24.57

visual studio communityは無償だからMSは趣味で配布してるとでも？

**デフォルトの名無しさん** · 2022/05/14(土) 10:05:50.48

>>552
オープンソースは無責任だからプロプライエタリよりリスクがあるだろう
プロプライエタリでそんなことしたら終り

**デフォルトの名無しさん** · 2022/05/14(土) 10:15:02.84

>>557
「個人開発 vs 企業開発」と「OSS vs (有償の)プロプラ」を区別できるようになろう

**デフォルトの名無しさん** · 2022/05/14(土) 10:45:01.90

いい加減スレチ

**デフォルトの名無しさん** · 2022/05/14(土) 20:18:48.67

オープンソースってこと知らずに使ってるやつ多そうw

**デフォルトの名無しさん** · 2022/05/14(土) 21:06:50.32

オープンソースソフトウェアはソースコードを見てはいけない。

ソースコードを見るとクソすぎて使えなくなる。

**デフォルトの名無しさん** · 2022/05/14(土) 22:01:22.50

ｍｓだから勘弁してやれよ

**デフォルトの名無しさん** · 2022/05/15(日) 16:33:08.65

中2のプログラミングやり始めだけどLINEの非公式botでオウム返しするやつを作ってみたい
どのサイトを見ても大体herokuを使うと書いてあってサイト通りやってみたが何度やっても失敗
VSCodeだけで何とかできる方法はないだろうか
なければheroku以外の方法を教えていただきたい

**デフォルトの名無しさん** · 2022/05/15(日) 16:40:53.81

プログラミングやり始めと言いつつ
言語について拘らない姿勢は評価する

**デフォルトの名無しさん** · 2022/05/15(日) 17:25:52.75

>>563
botは常設サービスじゃなく実験で一時的でいいなら
例えばngrokというツールをつかえば自分のPCをインターネットサーバにできる

**デフォルトの名無しさん** · 2022/05/15(日) 19:09:33.26

失敗する原因にたどり着けなければ同じ事を繰り返すだけ

**デフォルトの名無しさん** · 2022/05/19(木) 14:19:30.78

https://book.impress.co.jp/items/vs-code
このたび、『Visual Studio Code完全入門 Webクリエイター&エンジニアの作業がはかどる新世代エディターの操り方』の重版出来を記念して、5月19日（木）～21日（土）の3日間限定で全文無料公開を実施します。
Webブラウザーからそのままお読みいただけます。

**デフォルトの名無しさん** · 2022/05/19(木) 16:05:26.05

>>567
これはすばらしい
ダウンロードする方法は？

**デフォルトの名無しさん** · 2022/05/19(木) 17:06:17.54

>>568DLは違法やろw

**デフォルトの名無しさん** · 2022/05/19(木) 17:07:19.48

まったく難読化してなくて草
ただ使ったら分かる内容をビビって躊躇してる人向けで
利用者からするとなんの意味もないなこれ

**デフォルトの名無しさん** · 2022/05/19(木) 17:07:49.49

>>568
ハンバーガーメニュー内にkindleストアへのリンクがあるよ

**デフォルトの名無しさん** · 2022/05/19(木) 17:10:18.71

>>570それでも重版。。。

**デフォルトの名無しさん** · 2022/05/19(木) 17:10:53.06

ほぼ知ってることで社内じゃざっくりマニュアル化してあるとこだらけだからアレやけど、
公開してくれるのは単純に嬉しいね
wslについて書いてあればそっくりそのまま教材として導入できそう

**デフォルトの名無しさん** · 2022/05/19(木) 17:12:03.47

よみかた
じゅうばんしゅっぱん？

**デフォルトの名無しさん** · 2022/05/19(木) 18:07:55.59

>>571
それがねえんですよ

**デフォルトの名無しさん** · 2022/05/19(木) 18:35:36.47

あるやん

**デフォルトの名無しさん** · 2022/05/19(木) 18:42:09.40

あれば警察はいらんよ

**デフォルトの名無しさん** · 2022/05/19(木) 19:14:32.02

ページキャプチャをぐるぐる回したら取れちゃったわ
こりゃいかん

**デフォルトの名無しさん** · 2022/05/19(木) 19:41:36.03

てけとーにしてるだけで知らない機能沢山だろうから読もう…
しかし日曜までにしてくれたらいいのに・・・

**デフォルトの名無しさん** · 2022/05/19(木) 19:42:35.17

すげえずさんな作りのビューアーだな
HTMLツリーに全画像が保持されてるから簡単にコピーできる

**デフォルトの名無しさん** · 2022/05/19(木) 22:34:23.45

コピー簡単でも一冊分やるのめんどくさそう
読んでみて良さそうなら自分なら普通に買う

**デフォルトの名無しさん** · 2022/05/20(金) 00:21:42.75

>>578
詳しく！

**デフォルトの名無しさん** · 2022/05/20(金) 04:56:48.58

>>578
うpよろ！

**デフォルトの名無しさん** · 2022/05/20(金) 06:00:54.24

ページ送りしながらビデオカメラでモニターの映像を外から取ればいいだけ
それくらい自分でやれ

**デフォルトの名無しさん** · 2022/05/20(金) 06:20:12.01

この本を全部読まなきゃいけないような層は今までvscode使って何をやってたんや(´・ω・`)

**デフォルトの名無しさん** · 2022/05/20(金) 09:15:51.82

>>573
VSCodeでのWSL2の設定がクソ面倒くさかったな
あるYouTubeの講座でVSCodeのターミナルにzshを使ってるのがあって
それを再現するだけで三日かかったわ
VSCode～WSL2関連のブログは嘘が多くて困ったわ

**デフォルトの名無しさん** · 2022/05/20(金) 09:32:10.38

zdhにこだわらなければそこまで時間を浪費しなかったろうに

**デフォルトの名無しさん** · 2022/05/20(金) 09:41:54.94

WSL2の/var/www/html内にあるファイルを編集しようとすると権限がないってエラーが出て保存できないんだけど、wwwフォルダ以下にchownかchmodやってデフォルトユーザーに編集権持たせるとかしないとダメなのかな？

**デフォルトの名無しさん** · 2022/05/20(金) 09:49:43.72

まずファイルのパーミッション見たらいいんじゃないか

**デフォルトの名無しさん** · 2022/05/20(金) 11:04:33.63

たしかに、ログインユーザの権限見てなかった…恥ずかしい

**デフォルトの名無しさん** · 2022/05/20(金) 14:13:19.87

クソみたいな解決策だけどchmod 777で解決しました…

**デフォルトの名無しさん** · 2022/05/20(金) 14:34:49.55

これを気に全部777にしてみればいい、その後感想を

**デフォルトの名無しさん** · 2022/05/20(金) 18:50:55.40

本物の漢を見た

**デフォルトの名無しさん** · 2022/05/20(金) 20:03:34.05

まあWSLならそれでいいと思う

**デフォルトの名無しさん** · 2022/05/20(金) 23:41:11.13

大当たり？

**デフォルトの名無しさん** · 2022/05/21(土) 13:31:17.98

>>585
オシャレなピンクテーマにして日記帳として使ってるわ
色々機能があるみたいだけど面倒臭いんで使ってない

**デフォルトの名無しさん** · 2022/05/21(土) 13:44:30.69

デバッグ中にウォッチに入れなくても、変数名をマウスオーバーすれば値が出るのか・・・
何年も気付かなかった

**デフォルトの名無しさん** · 2022/05/21(土) 15:23:37.77

ctrl+Uでマルチカーソル1個ずつ戻せるの知らんかった

**デフォルトの名無しさん** · 2022/05/22(日) 10:02:37.90

>>586
一体、なんに3日もかかったんだ？

**デフォルトの名無しさん** · 2022/05/23(月) 08:26:30.84

>>598
良いこと聞いた、サンクス

**デフォルトの名無しさん** · 2022/05/24(火) 13:44:31.79

VSCodeをWindows10で使っているのだが、
複数のVSCodeウインドウを起動したときに間違えないようにするために
背景色を変えたいのだが、
やり方が分からない。
分かり易く教えてくれ。

**デフォルトの名無しさん** · 2022/05/24(火) 13:50:14.76

Peacock拡張機能使いなされ

**デフォルトの名無しさん** · 2022/05/24(火) 14:09:35.12

Peacockは良いものだが
workspace別に設定変えられるの知らんだけとか？

**デフォルトの名無しさん** · 2022/05/24(火) 14:16:21.73

>>601
キーワードで検索したらいろいろと出てくこない？よんでがんばれ
https://code.visualstudio.com/api/references/theme-color#editor-colors
editor.backgroundの色を#400にしたら背景色が赤っくなった
"workbench.colorCustomizations": {
"editor.background": "#400",
},

**デフォルトの名無しさん** · 2022/05/24(火) 14:20:19.83

使ったことないがPeacockはエディタの外枠の色しか変わらなくない？
背景色を変えたい、は外枠の背景色を変えたいという意味なのか

**デフォルトの名無しさん** · 2022/05/24(火) 14:32:30.71

#000から#FFFまで色を表す
左からRGBで赤、緑、青

**デフォルトの名無しさん** · 2022/05/24(火) 14:37:14.81

目的は複数ウィンドウの識別であって背景色変更はあくまでその手段のひとつかと
エディタ部分の背景色を変えると文字の読みやすさや文字色の識別に影響が出る場合もあるし
外枠の色変更で目的が達成できるならその方がベターではなかろうか

**デフォルトの名無しさん** · 2022/05/24(火) 14:43:30.05

設定できる項目が多くてeditor.backgroundを調べるの大変だったんだが言葉は正確に頼む

**デフォルトの名無しさん** · 2022/05/24(火) 14:50:40.69

>>607
>外枠の色変更で目的が達成できるならその方がベターではなかろうか
そうだ、その方法を教えてくれ

**デフォルトの名無しさん** · 2022/05/24(火) 14:58:00.65

>>609
>>602

**デフォルトの名無しさん** · 2022/05/24(火) 15:14:10.88

>>606
おいおい
色指定は#000000～#FFFFFFだろw

**デフォルトの名無しさん** · 2022/05/24(火) 15:23:50.64

>>611
同じ事思ってやってみたら、1文字単位だとこの場合は#440000に変換されてるみたい

**デフォルトの名無しさん** · 2022/05/24(火) 15:27:52.81

ElectronベースなんだしWebカラー相当かなと想像できん？
https://code.visualstudio.com/api/references/theme-color#color-formats
とりあえず手を動かすことも大事やけども

>>608
勉強になってよかったなｗ

**デフォルトの名無しさん** · 2022/05/24(火) 15:57:19.69

>>608
「顧客が本当に必要だったもの」の話は知っておいて損はないよ

**デフォルトの名無しさん** · 2022/05/24(火) 16:07:18.26

まあ顧客じゃないし

**デフォルトの名無しさん** · 2022/05/24(火) 16:15:33.60

まあ要点は顧客じゃないし

**デフォルトの名無しさん** · 2022/05/24(火) 16:25:23.01

丸ごと流用されるリスクを避けるため要点をぼかしたり不正確な情報にしておくのがエチケット

**デフォルトの名無しさん** · 2022/05/24(火) 18:26:10.51

>>360
キーボードをvimのカーソル移動風に魔改造しているので
ctrl+Lキーでカーソル位置を右に移動させている。

AutoHotkeyでこんな風に
;＝＝＝＝＝＝＝＝＝＝カーソル移動
^h::Send, {Left}
^j::Send, {Down}
^k::Send, {Up}
^l::Send, {Right}

vimは徹底してホームポジションから動かさないように設計されている。
50年ぐらいの歴史がある。

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

ctrl+lはvimのキーバインドじゃねーだろ

**デフォルトの名無しさん** · 2022/05/24(火) 20:03:27.70

え？

**デフォルトの名無しさん** · 2022/05/24(火) 21:10:32.59

vimのカーソル移動"風"だろ
誰もctrl+lがvimのキーバインドだなんて言ってない

**デフォルトの名無しさん** · 2022/05/24(火) 21:25:18.92

insert modeからのカーソル移動は超絶めんどいからショートカット定義せざるを得んよな。50年間ずっと欠陥品

**デフォルトの名無しさん** · 2022/05/24(火) 21:46:41.41

ESCで抜けるのではだめなのか?

**デフォルトの名無しさん** · 2022/05/24(火) 22:14:09.01

戻ってくるつもりがないならそれでいいんじゃね？

**618** · 2022/05/24(火) 22:15:13.27

ctrlキーはAキーの隣に設定してある。

**デフォルトの名無しさん** · 2022/05/24(火) 22:16:14.51

そもそもviは1行用のソフトだから
挿入モードなどはそうせざるをえない

**デフォルトの名無しさん** · 2022/05/24(火) 22:22:12.53

escキーで抜くなんて高度な技
高品質なAAでも抜けんワイは尊敬に値する

**デフォルトの名無しさん** · 2022/05/25(水) 17:25:54.87

その書き込みおもしろいの

**デフォルトの名無しさん** · 2022/05/25(水) 17:53:34.08

どのへんが？

**デフォルトの名無しさん** · 2022/05/26(木) 16:13:49.41

VSCode使ってると
コピーペースト時に違う箇所コピーしてる事象が頻発するんだけど俺だけですか？

VS使ってた時は無かったんだけど...

**デフォルトの名無しさん** · 2022/05/26(木) 16:37:16.18

>>630
頻発とあるけど、ひと月で何回程度?

**デフォルトの名無しさん** · 2022/05/26(木) 17:22:50.35

>>631
一時間に数回レベル

選択した箇所の前後の行を巻き込む事が多い
ゆっくりやると大丈夫なのだが
選択範囲の確定動作？がもたついてるようにも見える

**デフォルトの名無しさん** · 2022/05/26(木) 17:24:31.95

あと行選択の操作もやりづらく感じる

**デフォルトの名無しさん** · 2022/05/26(木) 17:30:20.23

ブラウザの不具合だったらシークレットモードである程度おま環か確認できるけど、VSCodeはそういうモード無いのかな
とりあえず仮想環境か新しいユーザー作ってその環境にVSCode入れれば確認できるだろうけど

**デフォルトの名無しさん** · 2022/05/26(木) 17:38:21.91

>>634
ポータブルモードを使えばよい
https://code.visualstudio.com/docs/editor/portable

**デフォルトの名無しさん** · 2022/05/26(木) 17:42:07.32

マウス操作なのかキーボード操作なのか両方なのかぐらいは書いとこうよ

**デフォルトの名無しさん** · 2022/05/26(木) 17:47:30.26

マルチカーソルを下に下げていくとき字下げしている部分は無視するとかできる？

**デフォルトの名無しさん** · 2022/05/26(木) 18:01:14.94

>>636
マウス操作

大事なの抜けてた！
症状はマウスでダブルクリックで範囲選択した場合の選択範囲の不具合だね
ダブルクリックして直後のCTL+C操作の
結果が思ったものでは無いという症状なのかな

VSの方がマウスで行の選択もし易いけど、
それに近い問題かと思われます

**デフォルトの名無しさん** · 2022/05/26(木) 18:11:08.24

>>638
「Ctrl+D」の範囲選択と差はあるのかな?

**デフォルトの名無しさん** · 2022/05/26(木) 18:11:11.25

>>638
直後ってどれくらい？
あとどんなファイルでも発生するのか
発生しないファイルもあるのか
新規作成したファイルでも発生するのか
https://vscode.devでも発生するのか

**デフォルトの名無しさん** · 2022/05/26(木) 18:19:36.79

>>635
ありがとう
>>638
とりあえずポータブルモードで設定or拡張機能が原因か切り分けたら？

**デフォルトの名無しさん** · 2022/05/26(木) 19:02:55.00

>>632の前後の行を巻き込むって症状がダブルクリックしたときにシフト押してたとかいうオチくさいな

**デフォルトの名無しさん** · 2022/05/27(金) 11:37:56.16

>>630
自分も頻発する
NeoVim拡張使ってる
横にペインいくつか分けてるんだけどアクティブなペインを変更した直後に頻繁する気がする

**デフォルトの名無しさん** · 2022/05/27(金) 11:39:49.62

全く無いな、Windows10
拡張機能じゃね

**デフォルトの名無しさん** · 2022/05/27(金) 11:40:20.28

>>632
NeoVim拡張で複数行や矩形選択してヤンクペースト(カット)するとぜんぜん違う行が無茶苦茶になる事よく起きる

**デフォルトの名無しさん** · 2022/05/27(金) 11:44:33.08

ファイルのどの行を変更したかどうか覚えていないけど、更新状態になってる場合(ファイル名に●がついてる)
diffのような、変更を加えた場所がわかる仕組みってある？

**デフォルトの名無しさん** · 2022/05/27(金) 11:46:13.24

>>643
>>645
自己レス
普段書く時キーボードでカーソル移動してるけど、横のペインを編集する時はそっちはマウスとホイールで移動させてる
カレントペインからヤンク(またはカット)→横のペインの編集させたいところまでホイールで移動させてカーソルクリックしてアクティブ化、ペーストしたい位置にカーソル移動→ペースト→ぜんぜん違う行が無茶苦茶に…
って感じ

**デフォルトの名無しさん** · 2022/05/27(金) 11:51:16.24

>>642
たしかに
範囲指定でシフト押してる時に頻発する気がする
何かバッティングしてるとか？

**デフォルトの名無しさん** · 2022/05/27(金) 11:58:59.00

ID:QiOkn4s/はまずNeoVim拡張を無効にしたらどうなるか試してみたら？

**デフォルトの名無しさん** · 2022/05/27(金) 12:05:20.28

NeoVim拡張はたまに変だけど
ふつうのVim拡張が中途半端すぎて我慢するしかない状況

**デフォルトの名無しさん** · 2022/05/27(金) 14:32:24.07

>>646
「ローカル履歴」（local history）機能を試してみてね

編集履歴をたどれるようになった「Visual Studio Code」2022年3月更新（v1.66） - 窓の杜
https://www.google.com/amp/s/forest.watch.impress.co.jp/docs/news/1399/431/amp.index.html

**デフォルトの名無しさん** · 2022/05/27(金) 14:32:56.72

>>646
Viewing diffs
https://code.visualstudio.com/docs/editor/versioncontrol#_viewing-diffs

**デフォルトの名無しさん** · 2022/05/27(金) 15:36:45.39

>>651
ぉぉ、いつの間にローカルの履歴が・・・
すいません、セーブする前にどこを加筆・削除したかを知りたかったのですが
それはわかるのでしょうか？

>>652
gitのdiffはいつもお世話になっています、便利ですよね

**デフォルトの名無しさん** · 2022/05/27(金) 15:43:49.26

>>653
横レスだが
その記事のリンク先を読んだら、ローカル履歴が何をするか書いてない？
読んだの？
VSCodeを起動してローカル履歴の動作確認した？
https://code.visualstudio.com/updates/v1_66#_local-history
には間違いなく書いてある

**デフォルトの名無しさん** · 2022/05/27(金) 16:09:32.95

ローカル履歴使わなくても未保存の変更箇所は行番号の右横にマークが付く
それをクリックすると変更前後の比較ができる
キーボードならalt+F3

**デフォルトの名無しさん** · 2022/05/27(金) 23:20:00.50

VSCodeのマニュアルみたいなものの定番ってある？
Webサイトでも書籍でもなんでもいいんだけど
みんな何で使い方学んだのか教えて