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/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サイトでも書籍でもなんでもいいんだけど
みんな何で使い方学んだのか教えて

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

>>656
VSCodeの公式ドキュメントはとても高品質で分かりやすいので他のは必要ない
https://code.visualstudio.com/docs

**デフォルトの名無しさん** · 2022/05/28(土) 01:06:32.73

>>656
>>567

**デフォルトの名無しさん** · 2022/05/28(土) 01:09:48.47

3月に発売されたばかりなのに既に定番なの？

**デフォルトの名無しさん** · 2022/05/28(土) 01:20:19.23

>>656
クイックオープン (meta + P)
コマンドパレット (shift + meta + P)
だけは覚えて、左端のアクティビティぜんぶ触ったらほぼ習得
あとは個々の拡張の話になる
更新時のリリースノートは目を通したほうが良い

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

>>659
横レスだが、日本語で書かれて、画像もあって、初心者向けでわかりやすい
VSCodeの更新速度が速いから、早く買ったほうが得だぜ

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

macでの日本語入力の不具合の修正はまだかな。

**デフォルトの名無しさん** · 2022/06/01(水) 13:54:49.07

コピペ挙動不審の話も更新履歴の話も尻切れで解決したのかどうかわからんのがモヤモヤするな

**デフォルトの名無しさん** · 2022/06/01(水) 13:57:19.17

外人にはなにが不具合なのかもわかってない

**デフォルトの名無しさん** · 2022/06/02(木) 10:22:31.04

>>643の問題はNeoVim拡張特有の問題ぽいな
コピペ周りが特殊らしいし
>>638が同じ問題かどうかは情報が少なくてなんとも言えん

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

NeoVim拡張の作者は問題把握してるんだろうか

**デフォルトの名無しさん** · 2022/06/03(金) 10:38:50.77

macでは入力中にIMEの再変換すると必ずおかしなことになる。

**デフォルトの名無しさん** · 2022/06/03(金) 10:55:15.50

IMの不具合は上流(Electron/Chromium)が原因って聞く

**デフォルトの名無しさん** · 2022/06/04(土) 13:59:08.77

APIの導入時動作確認にもこのエディタはつかえますか？

**デフォルトの名無しさん** · 2022/06/04(土) 14:29:17.41

何のAPIか不明ではどうしようもない

**デフォルトの名無しさん** · 2022/06/04(土) 14:40:17.13

>>670
業務システムのAPI
という回答でいいの？

**デフォルトの名無しさん** · 2022/06/04(土) 14:56:20.87

TKGの導入時動作確認にもこのエディタは使えますか？

**デフォルトの名無しさん** · 2022/06/04(土) 14:57:40.12

卵かけご飯の監視だったら別のモニタリングソフト使ったほうがいいね

**デフォルトの名無しさん** · 2022/06/04(土) 16:33:22.19

>>671
業務システムでWin32 APIを使うってこと？

**デフォルトの名無しさん** · 2022/06/04(土) 16:37:18.17

動作確認と言うだけだと何をどのように確認するのかわからない
詳細な動作を説明できる？
説明できないならつかえるともつかえないとも答えられない

**デフォルトの名無しさん** · 2022/06/04(土) 16:50:09.10

例えば業務でREST APIを使用するので任意のURLに対してGETやPOSTで通信をして動作確認したいということであれば
↓のREST Client拡張機能を使えばできるよ、という回答になる

https://marketplace.visualstudio.com/items?itemName=humao.rest-client

いや、そういうことではなくて、ということなら何がしたいのかちゃんと説明しよう

**デフォルトの名無しさん** · 2022/06/04(土) 20:53:18.19

○○のAPI
↑
○○にどれだけ具体的な言葉を入れられるかでレスの精度が変わってくる
業務システムとしか書けないならおしまい
というか、APIって何なのか分かってない気がするな

**デフォルトの名無しさん** · 2022/06/04(土) 21:07:30.88

業界によってAPIの意味全く違うのにな

**デフォルトの名無しさん** · 2022/06/04(土) 21:18:10.87

「ウィキ」→ウィキペディア
「アプリ」→スマホアプリ
「API」→REST API

**デフォルトの名無しさん** · 2022/06/04(土) 21:46:08.46

無職は業務ってコトバが好きだよなあｗ

**デフォルトの名無しさん** · 2022/06/04(土) 21:51:50.11

ATTINYのAPIの動作確認にも使えますか？
あ、某基幹業務システムです

**デフォルトの名無しさん** · 2022/06/04(土) 21:54:22.32

ちなみにクラスタでクラウドやってます

**デフォルトの名無しさん** · 2022/06/05(日) 03:28:26.61

DXの導入時動作確認にもこのエディタはつかえますか？

**デフォルトの名無しさん** · 2022/06/09(木) 16:03:22.13

Atom死亡決定
https://forest.watch.impress.co.jp/docs/news/1415735.html

**デフォルトの名無しさん** · 2022/06/09(木) 18:01:12.31

remote developmentってVScode立ち上げたらサーバーに自動接続とかできないの？

**デフォルトの名無しさん** · 2022/06/09(木) 20:38:49.84

Zedがどうなるかだなあ
死んじゃうと本当にVSCodeだけになっちゃうけど

**デフォルトの名無しさん** · 2022/06/09(木) 20:54:13.17

markdownを知ったときにAtom使い始めてhtmlとかcss編集していたけど
だんだん重くなってきたときにvscode知ってしまったわ
markdownだけまだatomでやってるけど、vscodeでもできるんだろうな

と思ったらatom死亡か・・・

**デフォルトの名無しさん** · 2022/06/09(木) 21:25:21.96

Markdown and Visual Studio Code
https://code.visualstudio.com/docs/languages/markdown

**デフォルトの名無しさん** · 2022/06/09(木) 22:16:47.29

>>685
remote developmentのワークスペースをローカルに保存すれば、ワークスペース開いただけでちゃんと接続して前回の画面構成を復活してくれるよ。

**デフォルトの名無しさん** · 2022/06/09(木) 22:18:36.66

>>689
横からだが目から鱗だった

**デフォルトの名無しさん** · 2022/06/09(木) 22:26:21.00

フォルダを開き直すときの一覧でもリモート接続のはカッコ付きで識別出来るようになってて
開いたら自動的に接続されるから特に意識しないもんだと思ってたけど

**デフォルトの名無しさん** · 2022/06/09(木) 22:56:16.26

起動時に、welcome page を設定しておけば、
最近の数十の履歴から、プロジェクトを開ける

デスクトップに、プロジェクトのショートカットも作れる

WSL 以外では、リンク先にプロジェクトフォルダを指定して、
右クリックメニューから、VSCode を起動する

リンク先
C:\Users\Owner\Documents\abc

WSLでは以下のように、xyz ユーザーのabc プロジェクトを指定して、
右クリックメニューからではなく、ダブルクリックして起動する

リンク先
C:\Windows\System32\wsl.exe code .

作業フォルダ
\\wsl$\Ubuntu-18.04\home\xyz\abc

**デフォルトの名無しさん** · 2022/06/09(木) 23:14:45.95

>>689
なるほどその手があったか

**デフォルトの名無しさん** · 2022/06/10(金) 01:08:22.82

お分かりいただけたかな

**デフォルトの名無しさん** · 2022/06/10(金) 10:02:32.31

welcome pageもいいな

**デフォルトの名無しさん** · 2022/06/11(土) 04:57:34.39

atomからこちらに乗り換えたのですが、HTMLの開始タグから終了タグにカーソルをジャンプするショートカットは無いですか？

**デフォルトの名無しさん** · 2022/06/11(土) 05:04:26.04

atomさん見捨てないで！😭

**デフォルトの名無しさん** · 2022/06/11(土) 10:44:01.36

Emmet: Go to Matching Pairに好きなキーを設定すればよい

**デフォルトの名無しさん** · 2022/06/11(土) 16:44:53.17

Live Shareって俺みたいな同人ぼっち開発者はどう使えばいいのかわからない

**デフォルトの名無しさん** · 2022/06/11(土) 18:15:42.56

嫁さんにhtmlとcss教えてvscode使わせているけど
共同作業ってソースをnasとかに置けばいいんだろうか

**デフォルトの名無しさん** · 2022/06/11(土) 18:31:12.70

>>700
エロいな
2人でなに開発してるの？

**デフォルトの名無しさん** · 2022/06/11(土) 18:41:26.59

余ってるPCがあったらローカルにGitサーバー立てちゃえば

**デフォルトの名無しさん** · 2022/06/11(土) 18:46:29.72

>>701
嫁さんは普通の静的なwebサイト作ってる
俺はphpとかvpsで鯖管理、もちろんhtmlからjs周りもする
お客さんから依頼されて納期がかなり長いのは嫁さんに振ってる

**デフォルトの名無しさん** · 2022/06/11(土) 18:48:21.46

NASといっても中身LinuxだろうからそこにGitLab導入するか
GitHubのプライベートリポジトリで(たしか3人チームまで無料)
vscodeに固執しないならクラウド上でHTMLを共同デザインするツールもある

**デフォルトの名無しさん** · 2022/06/11(土) 18:52:12.32

>>702,704
お互いローカルでコミットしてる(ブランチとか全然わからん)
gitサーバなんてものを作れるとは知らなかったし外部の有料サービスだと思ってたわ
家のesxiでlinux鯖は4台ぐらい動いているから、gitサーバ増やしてみる
共同作業はケーキ入刀から始まったけど、今はgitで開発になるとは

**デフォルトの名無しさん** · 2022/06/11(土) 20:12:07.87

vscode．dev使用しててFatal errorって出たんだけど、どうしたらいいかわからん。
iPadでsafariだからdevelopper tool確認してって言われてもできない。
何か案ないでしょうか？