Visual Studio Code / VSCode Part6

**デフォルトの名無しさん** · 2019/03/15(金) 11:01:35.01

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 Part5
http://mevius.5ch.net/test/read.cgi/tech/1541649564

**デフォルトの名無しさん** · 2019/09/30(月) 20:33:09.99

>>637
まだレビュー無くね？

◆QZaw55cn4c · 2019/09/30(月) 20:50:45.37

>>636-637
URL を希望します

**デフォルトの名無しさん** · 2019/09/30(月) 21:06:53.40

/dp/4777519481/

**デフォルトの名無しさん** · 2019/09/30(月) 21:44:27.09

でもお高いんでしょ

/dp/4863542887/

**デフォルトの名無しさん** · 2019/09/30(月) 21:45:34.83

３冊出てるね

**デフォルトの名無しさん** · 2019/09/30(月) 21:47:25.26

ボロカスなのはIOのかな？
ここの本は本屋に必ず置いてあるけどどれもレベルが低い印象

**デフォルトの名無しさん** · 2019/10/01(火) 09:21:53.54

アマでチラ見してみたけど駄本の香りプンプンするぞ
そもそも書籍にするほど複雑なツールじゃないしな
Vimの解説をネットで拾ってる方が遥かに役立つだろ

**デフォルトの名無しさん** · 2019/10/01(火) 12:21:59.01

入門ならネット記事で十分
徹底的に理解して使いこなしたいならオフィシャルのドキュメントやソースを見るしかない

**デフォルトの名無しさん** · 2019/10/01(火) 13:01:02.63

/dp/4863542887/

これは駄本のやつ？

**デフォルトの名無しさん** · 2019/10/01(火) 16:02:26.37

それ、速攻売り切れたのか発売延期なのかどっちなんだろ

**デフォルトの名無しさん** · 2019/10/01(火) 22:37:22.52

>>621
CHAPTER-01 Visual Studio Codeをはじめよう
CHAPTER-02 使ってみようVS Code(Markdown/HTML/JS/CSS)
CHAPTER-03 VS Codeでプログラミング(TypeScript/Node.js)
CHAPTER-04 タスクとデバッグを使い倒そう!
CHAPTER-05 Live ShareとRemote Development
CHAPTER-06 VS Codeをもっと使いやすくカスタマイズしよう
CHAPTER-07 Gitと連携してスマートに開発しよう
CHAPTER-08 便利な拡張機能で開発をもっと効率化しよう
CHAPTER-09 オリジナルの拡張機能を作ってみよう
APPENDIX 開発時のおすすめキーボードショートカット

ネットで半日で手に入る情報ばかりでワロタ

**621** · 2019/10/01(火) 23:18:04.01

TypeScript, Node.js, Docker, WSL, Git

タスク(npm scripts)・デバッグ。
ただし、Gulp の説明はない

お勧め拡張機能の紹介、
オリジナルの拡張機能・コマンドの作り方

Express, BDD テストは、Ruby on Rails, RSpec と同じ。
基本、Railsの延長線上にある

**デフォルトの名無しさん** · 2019/10/01(火) 23:45:29.71

半日で手に入る情報が2時間で確認出来るなら、人によってはそれなりに価値があるのかなと思った

**デフォルトの名無しさん** · 2019/10/01(火) 23:58:21.56

纏まっていて探し回らなくて良いのはいいかもしれんが、直ぐに古くなるからなぁ。

**デフォルトの名無しさん** · 2019/10/02(水) 01:55:33.93

vimじゃあるまいし解説本なんて必要無いように思う
特殊な操作を要求されるエディタじゃないから使ってて疑問に思う部分があったら検索すればいいだけだし
エディタに限らずツールって説明書読みながら使う複雑なものと使って覚えるモノに分けれると思うけどVSCodeは断然後者だと思うわ

**デフォルトの名無しさん** · 2019/10/02(水) 06:58:45.92

ネットにまだ情報がなかった頃解説本が出るとワクワクした

**デフォルトの名無しさん** · 2019/10/02(水) 10:24:33.52

Cascadia Codeに変えたらアルファベットのｌと数字の１、アルファベットのoと数字の0の区別がつきやすくなった。

Microsoft、ターミナル・コードエディター向けの新フォント「Cascadia Code」を発表 - 窓の杜
https://forest.watch.impress.co.jp/docs/news/1208455.html

使い方
ダウンロードした拡張子.ttfファイルをクリック後、左上のインストールボタンをクリック。VScodeを再起動後にGithubのページにある説明通りに設定。
https://github.com/microsoft/cascadia-code

**デフォルトの名無しさん** · 2019/10/02(水) 14:48:41.39

フォントと言えば、リガチャ有効にしてる人いる？

**デフォルトの名無しさん** · 2019/10/02(水) 14:56:54.66

いない

**デフォルトの名無しさん** · 2019/10/02(水) 16:08:22.91

俺も解説本ってあんま意味ないと思うわ

**デフォルトの名無しさん** · 2019/10/02(水) 18:20:27.22

オライリー不要論か

**デフォルトの名無しさん** · 2019/10/02(水) 18:22:56.86

オライリー昔はほんとうによくお世話になったが今はネットで十分だな
デラベッピン昔はほんとうによくお世話になったが今はネット十分だな、とおなじ文脈だ

**デフォルトの名無しさん** · 2019/10/02(水) 18:24:41.84

年で立たなくなれば不要になるわなデラベッピン

**デフォルトの名無しさん** · 2019/10/02(水) 18:25:51.11

デラべっぴんって新作ビデオのキャプ雑誌だったろ
あんなのでよかったのか？

**デフォルトの名無しさん** · 2019/10/02(水) 18:32:54.74

ジュンク堂書店池袋本店でのオライリー週間売り上げトップ10

2位　リーダブルコード
3位　ゼロから作るDeep Learning
4位　Pythonではじめる機械学習
5位　コンピュータシステムの理論と実装
6位　退屈なことはPythonにやらせよう

ここ数年、この5冊は毎週必ずランクインしてる
それ以外の5冊は新刊本

他が売れてないのか上の5冊が飛び抜けてるのか気になるところ

◆QZaw55cn4c · 2019/10/02(水) 18:41:52.85

>>662
リーダブル
ゼロdeep
は理解できます
コンピュータシステムの理論と実装
はよく聞くけれどもそんなに面白い本なのかな？内容からは疑問です

python 人気ですね…そんなにいい言語なら、python コンパイラとか出てきそうなものですが、そういうのは無理ですか？

**デフォルトの名無しさん** · 2019/10/02(水) 19:10:54.00

>>663
pycじゃいかんの？
そういう話ではない？

**デフォルトの名無しさん** · 2019/10/02(水) 19:48:45.30

>>663
役に立つかは知らんがめちゃくちゃ面白い。

**デフォルトの名無しさん** · 2019/10/02(水) 19:52:19.95

>>652
keyboard shortcut reference sheet
Linux https://go.microsoft.com/fwlink/?linkid=832144
macOS https://go.microsoft.com/fwlink/?linkid=832143
Windows https://go.microsoft.com/fwlink/?linkid=832145

**デフォルトの名無しさん** · 2019/10/02(水) 19:58:36.83

>>666
何が言いたくてこのチートシートを貼ったの？

**デフォルトの名無しさん** · 2019/10/02(水) 20:37:05.47

BK 標準 ALL45g APCあり
http://www.realforce.co.jp/products/R2A-JP4-BK/
BK 静音 ALL30g APCあり
http://www.realforce.co.jp/products/R2SA-JP3-BK/
IV 標準変荷重 APCあり
http://www.realforce.co.jp/products/R2A-JPV-IV/
IV 静音 ALL30g APCあり
http://www.realforce.co.jp/products/R2SA-JP3-IV/
IV 標準変荷重 APCなし
http://www.realforce.co.jp/products/R2-JPV-IV/
IV 静音変荷重 APCあり
http://www.realforce.co.jp/products/R2S-JPV-IV/

**デフォルトの名無しさん** · 2019/10/02(水) 21:09:12.85

テンキーレス

BK 静音 ALL45g APCあり
http://www.realforce.co.jp/products/R2TLSA-JP4-BK/
BK 静音 ALL30g APCあり
http://www.realforce.co.jp/products/R2TLSA-JP3-BK/
BK 標準 ALL45g APCあり
http://www.realforce.co.jp/products/R2TLA-JP4-BK/
IV 静音 ALL45g APCあり
http://www.realforce.co.jp/products/R2TLSA-JP4-IV/
IV 静音 ALL30g APCあり
http://www.realforce.co.jp/products/R2TLSA-JP3-IV/
IV 静音変荷重 APCあり
http://www.realforce.co.jp/products/R2TLS-JPV-IV/
IV 標準変荷重 APCあり
http://www.realforce.co.jp/products/R2TLA-JPV-IV/
IV 標準変荷重 APCなし
http://www.realforce.co.jp/products/R2TL-JPV-IV/

**デフォルトの名無しさん** · 2019/10/02(水) 22:21:17.99

>>662
このランキングで思ったことは>>657が言うようにすぐに陳腐化してしまうような特定の何かの解説本というよりも、もっと普遍的な内容の本(ランクインの5冊)がよく売れているのかなと思った
退屈な～はもちろん特定言語での解説だけど、ひと通り身に付いたら多言語でももちろん応用出来ることだからプログラミング初心者に優しいかと思った
どう？

**デフォルトの名無しさん** · 2019/10/03(木) 18:28:29.68

https://news.ycombinator.com/item?id=21142934
我が同胞Atomは案の定開発がほぼ止まったらしいぞ

**デフォルトの名無しさん** · 2019/10/03(木) 18:57:50.90

ざまぁ見ろ
弥勒が権限するまで、完成は無いわ

**デフォルトの名無しさん** · 2019/10/03(木) 20:51:58.89

顕現な

**デフォルトの名無しさん** · 2019/10/04(金) 00:58:59.07

本屋に行ったら置いてあったからペラペラめくってみて、とりあえず買っとくかと裏表紙を見てそっと戻した

あのサイズと中身で3000円は強気過ぎるだろう…

**デフォルトの名無しさん** · 2019/10/04(金) 04:16:37.39

最近は電子書籍しか買ってないなぁ。
どうしてこうなったかは自分でもわからん。

**デフォルトの名無しさん** · 2019/10/04(金) 08:47:43.58

継続的に売ることは考えてないからな

**デフォルトの名無しさん** · 2019/10/04(金) 10:46:45.53

remoteしてるとremote側にvscodeのプロセスが10個くらい走っててメモリも結構食ってますねえ…
もう少し減らせないですかねえ…

**デフォルトの名無しさん** · 2019/10/04(金) 10:52:30.78

>>674
Which book are you talking about?

**デフォルトの名無しさん** · 2019/10/04(金) 12:12:35.56

プロセス数が多いのはむしろ快適に使えるようにするためだから仕方がない

**デフォルトの名無しさん** · 2019/10/04(金) 19:47:06.49

ある処理のエラーで他の編集中のファイルを道連れにしないためです

**デフォルトの名無しさん** · 2019/10/04(金) 20:41:46.63

プロセス数が多いのってElectronというかChromium由来じゃないのん？

**デフォルトの名無しさん** · 2019/10/04(金) 20:49:47.02

Atom終わらせたんならさっさとElectronやめて各OSネイティブで作り直して欲しいところ

**デフォルトの名無しさん** · 2019/10/04(金) 20:57:31.05

マルチプラットフォームにするためにエレクトロンを採用してるんやないの
ネイティブに作ったら、linux版無くなりそう(´・ω・`)

**デフォルトの名無しさん** · 2019/10/04(金) 20:59:37.64

どうしてエレクトロンしないのよーッ！！

**デフォルトの名無しさん** · 2019/10/04(金) 21:18:54.64

atomのコミット数は減ってもelectionのコミット数は減ってないんだよなあ

**デフォルトの名無しさん** · 2019/10/04(金) 22:07:43.17

AtomチームがやってたRust製エディタの実験プロジェクトも終了したんだからあきらめよう

**デフォルトの名無しさん** · 2019/10/05(土) 13:04:49.37

>>681
それが他のタブを道連れにしないためだった

**デフォルトの名無しさん** · 2019/10/05(土) 13:11:47.86

>>687
あのレスの書き方では、それがVSCode固有の設計思想と思ってると解釈されても仕方がない

**デフォルトの名無しさん** · 2019/10/05(土) 19:04:11.04

>>671
オープンソースなんだから、企業による資金投入がないと誰一人開発しなくなっって開発が終わってしまうってのは本来変な話なんだがな

**デフォルトの名無しさん** · 2019/10/05(土) 20:35:38.87

>>689
>オープンソースなんだから、
は、理由にならない。
終わってしまうものは、終わってしまう。
中心メンバーに開発動機づけがなくなったら、それで終わり。
ただそれだけのこと。

**デフォルトの名無しさん** · 2019/10/05(土) 21:22:09.19

Atomは昔入れてみたことがあったけどごく小さいプロジェクトでも検索が遅すぎて即アンインストールしたなぁ...

>>690
フォーク可能か否かは大きい

**デフォルトの名無しさん** · 2019/10/05(土) 21:42:06.34

>>691
でもAtomは誰もフォークしないまま死んだよね
根強いファンは未だに一定数いるにも関わらず

**デフォルトの名無しさん** · 2019/10/06(日) 06:03:44.95

誰かがやるだろうってスタンスだもんな

**デフォルトの名無しさん** · 2019/10/06(日) 09:56:54.84

昨日からVSCode使ってみようと思ってインストールして拡張とか色々調べて導入してみたりしてる
今までvimで開発してたけどIDEも意外と軽いし便利な機能も多くて良いね

ところでテーマだけなかなかこれというのが見つからないので参考にしたいんだけど、皆はどんなの使ってる？
試してみたのはAyu, Iceberg, rainglow
OSがダークテーマなのもあって食傷気味だからVSCodeは明るいテーマにしてみようと思うんだけど、ライトグレイ基調でパット見はいいのに括弧が薄いオレンジとか視認性最悪だったりしてなかなか使いやすそうなのに巡り会えないでいる

というか括弧の色ってsettings.jsonでも書き換えられないよね？もしかし上記の括弧見づらい問題ってテーマじゃなくて括弧同士を繋げてみせる拡張の方の問題かな

**デフォルトの名無しさん** · 2019/10/06(日) 10:42:21.80

VSCodeはIDEではなくてよくも悪くも単なるエディタ。
IDEの何たるかを知りたければVisualStudio使え。
俺には単なるエディタのVSCodeで十分だがな。

**デフォルトの名無しさん** · 2019/10/06(日) 10:57:09.44

もう十分にIDEでしょ
VSCodeをIDEと認めないならVSとIntelliJ(他のJetBrains製開発ツールは含まない)以外のIDEは存在しないことになってしまう

**デフォルトの名無しさん** · 2019/10/06(日) 11:01:37.26

それで何か問題が？
IDEはIDE、エディタはエディタ。
IDEの数が少なくなったら存続のためメモ帳もIDEと呼びましょうとか？
バカじゃねーのｗ

**デフォルトの名無しさん** · 2019/10/06(日) 11:04:39.65

どうもIDEと言う肩書きにステータスを感じてるようだがVSCodeはそんな虎の威を借りるようなマネ必要ないから。

**デフォルトの名無しさん** · 2019/10/06(日) 11:21:35.44

どこまで開発環境と統合されていればIDEと呼べるか厳密な基準なんてないだろう。
俺の感覚としてはエディタ内でブレークポイントが設定できてデバッガと連携できるあたりがボーダーかな。

**デフォルトの名無しさん** · 2019/10/06(日) 11:56:18.49

>>694
カッコの見やすさが問題なら個人的には拡張のBracket Pair Colorizer 2がおすすめ
入れ子になったカッコの対応順に色を変えられる(色と数はもちろんカスタマイズできる)
ちなみにテーマはSoralized Dark派

**デフォルトの名無しさん** · 2019/10/06(日) 19:54:31.94

>>694
漏れは、ダークテーマのDracula を使ってる

他に、Bracket Pair Colorizer, indent-rainbow

**デフォルトの名無しさん** · 2019/10/06(日) 21:22:53.34

なるほど糖質と思われたくないからdraculaはやめとくわ。

**デフォルトの名無しさん** · 2019/10/06(日) 21:25:10.50

漏れな

**デフォルトの名無しさん** · 2019/10/07(月) 08:00:10.63

codesandboxが便利すぎてもうこれでいいやって感じ
今はまだwebアプリ限定だけど、.web ideで何でも開発できるようになってほしい

**デフォルトの名無しさん** · 2019/10/09(水) 16:37:23.36

ワークスペースを開いた後、最初の既存ファイルを開くとき
テーマが適用されるまで一瞬ラグがあるんだけど仕様？

**デフォルトの名無しさん** · 2019/10/09(水) 17:40:00.49

そんなんどっちでもよくね
神経質すぎ

**デフォルトの名無しさん** · 2019/10/09(水) 18:04:52.74

VS Code docs の非公式日本語訳
https://github.com/vscode-doc-jp/Docs/

**デフォルトの名無しさん** · 2019/10/09(水) 21:29:06.59

>>707
>>34

**デフォルトの名無しさん** · 2019/10/10(木) 08:25:00.68

September 2019 (version 1.39)
https://code.visualstudio.com/updates/v1_39

**デフォルトの名無しさん** · 2019/10/10(木) 16:40:27.93

1.39 での折りたたみの印の変更いいな
常時表示にすると、ちょっとうるさい感じがするから常時の場合
印の変更できるとなお嬉しい
常時表示の折りたたんでない時の印の設定変更を見逃してる？

**デフォルトの名無しさん** · 2019/10/12(土) 05:27:14.79

>>705
Electronの限界なんじゃないの

**デフォルトの名無しさん** · 2019/10/12(土) 06:25:10.29

台風情報が見れるエクステンションある？

**デフォルトの名無しさん** · 2019/10/12(土) 08:49:57.06

>>712
つくってちょ

**デフォルトの名無しさん** · 2019/10/12(土) 10:24:08.15

そういうネタ拡張機能であふれるのイヤだなぁ…

**デフォルトの名無しさん** · 2019/10/12(土) 10:29:31.13

今でさえ把握しきれないくらいエクステンションがあるわけだし、既にネタも大量に存在してるかもよ

**デフォルトの名無しさん** · 2019/10/12(土) 10:35:14.57

そういうのなんて言うんだっけ？
アタシショッカーだっけ？

**デフォルトの名無しさん** · 2019/10/12(土) 11:20:07.62

アタリショック？
昔と流通形態違うし大丈夫。
実際スマホのアプリストアもそんな感じだけど問題になってない。

**デフォルトの名無しさん** · 2019/10/12(土) 13:02:56.64

アタリショックは今みたいに情報が得られない状況でクソゲーかどうか買ってみるまで分からないからこそ起こったことだからな

**デフォルトの名無しさん** · 2019/10/12(土) 17:21:08.72

100メガショックじゃね？

**デフォルトの名無しさん** · 2019/10/14(月) 13:38:53.76

Visual Studio CodeにPerl Debug入れたらPerlのデバッグが極楽環境になったのですが
ただ一点、ターミナルのエラー表示をCTRL+クリックしてもエラー行にジャンプしないorz （ファイルが開きはする
なんで？Perlのバージョンを上げたら直る？
ちなバージョン↓↓↓
OS: Windows 7 Professional 64-bit
VS Code: 1.39.1
Perl Debug: 0.6.3
Perl: v5.24.4

**デフォルトの名無しさん** · 2019/10/14(月) 15:09:36.26

>>720
ttps://github.com/raix/vscode-perl-debug/issues

**デフォルトの名無しさん** · 2019/10/14(月) 19:52:40.67

>>721
どのissueなのか
わかり
ません

質問しようにもエラー行にまでジャンプする/しないどっちが仕様なのか
わからないのであった、

**デフォルトの名無しさん** · 2019/10/14(月) 21:20:14.31

Update 1.39.1

**デフォルトの名無しさん** · 2019/10/15(火) 20:40:24.16

htmlやCSSエディターとして使うとき、任意の場所でカラーマップを表示させる機能はありますか？
color pickerをインストしてみたけど、いまいち分からない

**デフォルトの名無しさん** · 2019/10/15(火) 23:04:53.20

漏れは、VS Color Picker という拡張機能を使っている

**デフォルトの名無しさん** · 2019/10/16(水) 00:59:55.22

ありがとう　Color PickerとVS Color Pickerと２つあるとは思わなかった
でもCSSのほうはちゃんとカラーマップは出たけど
htmlで bgcolorなんかは出ないですね

**デフォルトの名無しさん** · 2019/10/16(水) 09:31:44.93

Update 1.39.2

**デフォルトの名無しさん** · 2019/10/19(土) 10:38:09.25

テーマをワンタッチで切り替えられるエクステンションってないかな？
普段はダークテーマで使っているんだけど一時的にライトにしたいことがある。

**デフォルトの名無しさん** · 2019/10/19(土) 11:02:31.72

文字がミニマップに隠れてしまうんだけど、ミニマップを無効にせず、少し左で折り返してくれる方法を誰かご存じないですか…？
Windows 10
源ノ角ゴシック Code JP

**デフォルトの名無しさん** · 2019/10/19(土) 19:52:09.46

vscodeのチュートリアルの
https://code.visualstudio.com/docs/editor/tasks#_task-autodetection
に、
　「タスクを実行」したときのタスク一覧に「npm: lint～」といった
　npm系タスクの一覧が出ないときは
　server.jsにセミコロンを付けろ
、みたいなことが書いてあるのですが、どのserver.jsなの？

手元のWindows環境でやったら「npm: lint～」の一覧が出ず、一方
C:\Users\XXXX\AppData\Roaming\npm 以下のserver.js（8個）は行末全部セミコロン付きで
書かれているように見えまつ、
（バージョン: vscode: 1.39.2、npm 6.12.0、node.js v12.12.0、eslint v6.5.1、typescript: Version 3.6.4）

**デフォルトの名無しさん** · 2019/10/19(土) 20:16:09.03

the eslint-starter example の server.js

**デフォルトの名無しさん** · 2019/10/19(土) 20:23:04.93

＞手元のWindows環境でやったら「npm: lint～」の一覧が出ず

文意としては、そもそも一覧が出てない時の話はしてない
「タスクの一覧が自動的に出てきます。サンプルのソースにセミコロンを加え(eslintのルール違反)、npm: lintタスク実行してみましょう（予め `npm install` 実行しておいてね）」

**デフォルトの名無しさん** · 2019/10/19(土) 21:16:59.12

レス㌧クス、
npm: lint～のタスク一覧が出るのが普通ですかそうですかorz
VSCodeのタスクの auto-detectは何がトリガーになって起きるんでしょうか…
npmでeslintをインストールしたら「npm: lint」が現れる、みたいな単純な話でなかったりします？

**デフォルトの名無しさん** · 2019/10/19(土) 21:34:37.18

ちゃんとドキュメントを読むのと、実行したいタスクのリストがどこから来ているのかよく考えよう

＞If you develop a JavaScript application using Node.js as the runtime, you usually have a `package.json` file describing your dependencies and the scripts to run.
＞you usually have a `package.json` file describing … the scripts to run.

**デフォルトの名無しさん** · 2019/10/19(土) 22:26:01.31

>>734
>you usually have a `package.json` file describing … the scripts to run.
プロジェクトのROOTで「npm init -y」でpackage.jsonを作ってから
「npm install --save-dev eslint」でeslintをローカルにインストールしてから
プロジェクトのROOTに .eslintrc.json を書いてやって
上で作ったpackage.jsonの"script"メンバーに「"lint" : "eslint HelloWorld.js"」
と書いたらようやくタスクの一覧に「npm lint」が出てきました、、

知るか！

WEBとか長らくやっていると処理を順序立てて書けなくなるんですかね；；；

**デフォルトの名無しさん** · 2019/10/20(日) 18:38:44.11

日本語入力すると変換中の文字が少し横にずれて表示されるの困る

**デフォルトの名無しさん** · 2019/10/20(日) 23:30:03.61

>>728
そういう機能を、npm scripts で書けば？