Visual Studio Code / VSCode Part5

**デフォルトの名無しさん** · 2018/11/08(木) 12:59:24.97

MS発のエディタVSCodeのスレ

公式
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 Part4
https://mevius.5ch.net/test/read.cgi/tech/1529679715/

**デフォルトの名無しさん** · 2018/11/26(月) 06:41:56.59

ひょぉぉおおん

**デフォルトの名無しさん** · 2018/11/26(月) 09:12:26.32

>>102
先生教えて下さい

**デフォルトの名無しさん** · 2018/11/26(月) 13:35:37.54

キーボードねぇ。
すんごい優秀なプログラマーの事務所に行ったことがあって、
どんな仕事道具を使ってんかと思ったら、
なんてことないバッファローのラバーキーボードだった。

てっきりメカニカルキーボードかと思ったと言ったら
「道具に拘りは無い。前の職場にこだわる人もいたが、これでも同じことが出来るから問題ない」との事。

**デフォルトの名無しさん** · 2018/11/26(月) 13:41:21.38

だからなにとしか

**デフォルトの名無しさん** · 2018/11/26(月) 13:42:41.98

ほんとだからなにだな

**デフォルトの名無しさん** · 2018/11/26(月) 13:48:14.00

僅かな差が致命的なゲームなら拘るのも分かる

**デフォルトの名無しさん** · 2018/11/26(月) 14:00:52.58

考える時間 > 読む時間 > 書く時間
だからな

**デフォルトの名無しさん** · 2018/11/26(月) 14:08:29.59

腱鞘炎だからメカニカル買ったお
指が強い人はキーボードにこだわる必要がなくて羨ましいね

**デフォルトの名無しさん** · 2018/11/26(月) 14:10:40.52

まー普段から「勉強せな勉強せな」言ってる人だから、
道具は二の次で知識や技術のほうが気合入ってるんだろうな。
これでもかってくらい専門書があったし。

**デフォルトの名無しさん** · 2018/11/26(月) 15:58:11.86

だからなにとしか

**デフォルトの名無しさん** · 2018/11/26(月) 17:12:33.27

>>111
その人を尊敬してるのか知らんけどお前は何一つすごくないんやで(^_^;)

**デフォルトの名無しさん** · 2018/11/26(月) 17:15:32.29

「その人」もすごくないけどなｗ

**デフォルトの名無しさん** · 2018/11/26(月) 17:55:16.66

道具に拘るかどうかなんて人によるべさ

**デフォルトの名無しさん** · 2018/11/26(月) 19:06:55.85

自分が凄いとは一言も書いてないし、思い出した話をチラシの裏にかいただけなのに
なんでこんなに食いつきがいいんだ。

あ、そういうことか！
いやいや、反応しちゃった人達も優秀なプログラマーだって！！
凄いぞ！！えらいぞ！！

**デフォルトの名無しさん** · 2018/11/26(月) 19:11:40.60

うわっ……

**デフォルトの名無しさん** · 2018/11/26(月) 19:15:31.35

早く死なねえかなこういう奴

**デフォルトの名無しさん** · 2018/11/26(月) 19:48:31.46

弘法筆を選ばずと説きたいんだろうが、筆を選んだ弘法大師はもっと凄いんだろうから、選ばない弘法は弘法の中でも二流

**デフォルトの名無しさん** · 2018/11/26(月) 19:48:40.87

「同じことができる」って言うけど、
例えば100均のハサミで魚を捌いて、刺し身にできるかもしれないが、そんなことする料理人はいない。

逆に、包丁をまともに扱えない人間が、一流の料理人が扱うような包丁を持っても活かせない。

誰がどんな道具を持つかなんて完全な自由だし、用途を誤ってたり身の丈にあっていなければ意味が無い。

道具に拘っているか否か、は実力の指標になんてならん。

**デフォルトの名無しさん** · 2018/11/26(月) 21:28:14.99

なんでもいいけど、せめてエディタの話をしようぜ

**デフォルトの名無しさん** · 2018/11/26(月) 22:18:05.92

エディタに拘りは無い。前の職場に拘る人もいたがメモ帳で同じこと出来るから問題ない

**デフォルトの名無しさん** · 2018/11/26(月) 22:36:28.46

楽できるのにしないのはただの怠慢だと思う。

**デフォルトの名無しさん** · 2018/11/26(月) 22:41:59.63

メモ帳なんてキーボードで言うとキーが欠損してるレベル
安物のキーボードを使うのとは全然違う

**デフォルトの名無しさん** · 2018/11/26(月) 22:42:59.00

じゃあviでいい
どんなｸｿな過酷な環境でも必ず入ってる

**デフォルトの名無しさん** · 2018/11/27(火) 00:20:34.36

JS,HTML,CSSを書くのにvs code使ってるんだけどなんかテンション上がるイカした拡張機能教えて
とりあえずこれは入れた
https://i.imgur.com/BgJSenm.jpg

**デフォルトの名無しさん** · 2018/11/27(火) 00:25:03.33

入れる時は調べまくるんだが入れた後はどれがどの機能なのか分からなくなる

**デフォルトの名無しさん** · 2018/11/27(火) 00:38:58.20

初心者なんですがメモ帳じゃなんでだめなんですか？

**デフォルトの名無しさん** · 2018/11/27(火) 00:41:32.25

>>128
構わんぞ
好きにしろ

**デフォルトの名無しさん** · 2018/11/27(火) 00:46:47.45

あとでよく見ると機能が重複してるんだよな。addonが衝突して気付く。
イカしてると思うのは探してるときだけで冷静に考えると「コレはコレで代用できる」とか。

>>126
それに定番は入ってるからおま環としか言いようがなくないか？
dark themeならDraculaあるよ！とかdark themeよりblack themeおすすめ！くらい。

**デフォルトの名無しさん** · 2018/11/27(火) 01:52:25.75

おすすめ拡張機能！とかの記事で
だいたいpath intellisenseとか紹介されてるけど
今って標準でパス補完機能あるんだしわざわざ入れる必要ある？
機能重複するじゃん

**デフォルトの名無しさん** · 2018/11/27(火) 02:01:36.97

Visual Studio Code / VSCode Part4
https://mevius.5ch.net/test/read.cgi/tech/1529679715/454-456

色々な拡張機能の紹介動画の解説です

**デフォルトの名無しさん** · 2018/11/27(火) 03:15:02.19

>>126
使うとしたら
HTMLHint
HTML CSS Support
CSS Peek
Image preview
辺りかなぁ
Path IntelliSenseは要らない気がする

本体のアプデで機能追加されて不要になるみたいなのが結構ある(例 HTML Snippet)からちょいちょい確認すると良い

**デフォルトの名無しさん** · 2018/11/27(火) 08:29:11.76

html,css,scss,jsで使う系で入れてるのは
HTMLHint
HTML CS Support
EditorConfig
Prettier(html機能を切ってjs,scssのみ)
Beautify（js機能を切ってhtmlのみ）
SCSS IntelliSense
editorconfig
sftp
vscode-input-sequence
Bookmarks
Partifal Diff
あたり。Image previewも入れてたけど、うちの環境ではやたらと重くなるので切った

**デフォルトの名無しさん** · 2018/11/27(火) 13:33:29.06

html tag wrapper
が動かん

**デフォルトの名無しさん** · 2018/11/27(火) 13:57:44.13

>>135
何度も繰り返すが標準搭載してるEmmetでいいだろ

**デフォルトの名無しさん** · 2018/11/27(火) 14:02:02.14

わけわからんことをヌかしているやつはみんなvi使いなんだよね。
そんなもん窓から投げ捨ててemacsを使おうぜ！

**デフォルトの名無しさん** · 2018/11/27(火) 14:32:59.42

>>136
インストールしなくても使えるのか？

**デフォルトの名無しさん** · 2018/11/27(火) 15:21:06.77

html tag wrapper
HTML ファイルで、Windows では、Ctrl + i を押すと、両端をタグで囲める

囲む範囲を選択して、Ctrl + i

Emmet は、最初から入っている。
HTML ファイルで「!」を入力してみ

でも、なかなか覚えられない

**デフォルトの名無しさん** · 2018/11/27(火) 15:23:52.92

vimキーバインドでちゃんとjjを設定出来るのがいい感じ
spacemacsだと出来んかったからな

**デフォルトの名無しさん** · 2018/11/27(火) 15:31:04.34

>>139
>囲む範囲を選択して、Ctrl + i
あああ
と入力して選択してCtrl+iすると
<あああ>
になるぞ。これで正常なのか？
<p>あああ</p>
などにしたいのだが出来ない。

**デフォルトの名無しさん** · 2018/11/27(火) 15:34:15.99

>>138
標準搭載って言ってるんだからそのままで使える。

適当に文字列を選択するだろ、コマンドパレットから「Emmet: ラップ変換」、
「Emmet: Wrap with Abbreviation」なのでwrapとでも入力すれば出てくる。
それこそこのコマンドに Ctrl+i でも割り当てとけ。
出てくるダイアログに p とか div とか入れたらもうそれに応じてリアルタイムに囲まれる。Enterで確定。
Emmet記法が使えるので div.hoge と入れたら <div class="hoge">[選択した文字列]</div> と一発だ。
そうなると div#hoge だとどうなるかわかるな。想像通り <div id="hoge">[選択した文字列]</div> だ。
なんと、classやidつきの場合、divだけは基本だから省略できるんだ。 .hoge や #hoge だけでいい。

ここまでできたら html tag wrapper をゴミ箱に入れて終了だ。がんばれ！

**デフォルトの名無しさん** · 2018/11/27(火) 15:54:41.21

>>142
「私は東京生まれで小さい頃からヒップホップを嗜んでいます」
↓
「Hey yo! 俺は東京生まれーHIPHOP育ちー悪いやつらは大体友達ー」

こんな変換かな？「Emmet: ラップ変換」

**デフォルトの名無しさん** · 2018/11/27(火) 16:19:20.54

スクリーン動画撮っておいたぞ
https://imgur.com/a/PiqcACu

別にEmmetの記法なんか全部覚えなくてもいいから
最低限 .hoge と #hoge と div>span みたいな > だけでも使うと
記述が数倍楽になるぞ

**139** · 2018/11/27(火) 16:59:27.90

>>141
「あああ」を選択してもダメ

<p>Hello</p>
みたいに、タグが含まれていないと、正常に動かない

>>142
に書いてある、Emmet の方が便利

**デフォルトの名無しさん** · 2018/11/27(火) 18:27:07.29

emmetが時たま反応しない。けどすごい使いやすいよね。

**デフォルトの名無しさん** · 2018/11/28(水) 11:19:03.75

C:\Users\(ユーザー名)\AppData\Roaming\CodeとC:\Users\(ユーザー名)\.vscodeを消してvscode再インストールしたら、前にいれた拡張プラグインの名前分かんなくなったorz

class Hoge{
m_hoge;
function func_hoge(){}
}
を
class Hoge{
public m_hoge;
public function func_hoge(){}
}
に保存時に自動変換してくれるPHPとかの拡張プラグインなんだっけ？

あと、入力時に英語のヒントが出る拡張プラグイン(English word hint)ってのが作動しなくなったんだけど
分かる人いませんか？

**デフォルトの名無しさん** · 2018/11/28(水) 12:11:23.74

動かないときはまず dev tool を開く習慣とか環境を書く習慣とかあってほしい

**デフォルトの名無しさん** · 2018/11/28(水) 16:07:42.56

>>148
質問の答えが書けないなら書かないで習慣とかあって欲しい

English word hitが動かないのはマークアップ系のプラグインが必要なことは分かってるがそのプラグイン名がわからんのさ。

**デフォルトの名無しさん** · 2018/11/28(水) 16:20:29.22

すごいねそこまでの文脈を読める人もいるんだね
どうせquicksuggest切ってるんでしょ

**デフォルトの名無しさん** · 2018/11/28(水) 17:13:01.21

editor.quickSuggestionsは、初期状態で有効みたいだから関係なさそうだなぁ。。
"editor.quickSuggestionsDelay": 10が初期値だから1とかに変更しても良さそうだけど…
以前使ったときは、英単語に不具合が出ていて単語マークアップされていた時に、
単語の先頭に？マークの辞書っぽいアイコンがでてそれクリックすると単語候補が出てきていた。

アンインストールして、PHP IntellSense/PHP Intelephense/PHP Debug/japanease Language Pack for Japanese Language Pack for VS Code
だけいれた状態で拡張プラグインを調べ中。。

**デフォルトの名無しさん** · 2018/11/28(水) 17:44:38.61

english word hintがアクティブになるのはpackage.json的にmarkdownとlatex
markdownの初期設定でquicksuggestはオフだよ
その上での回答なら悪いけどreadme読んでる？
それとも本当に拡張機能の問題？

**デフォルトの名無しさん** · 2018/11/28(水) 18:08:38.31

Usage:Becase the markdown does not support quick suggestions in default. Therefore, the hint will not appear when type in markdown file. Below configure should be set by user.
"[markdown]": { "editor.quickSuggestions": true }
って書いてあったから、当然ユーザー設定に追加してるよ。
{
"typescript.locale": "ja", "editor.formatOnSave": true, "editor.formatOnType": true,
"liveServer.settings.donotShowInfoMsg": true,
"php.validate.executablePath": "C://xampp//php//php.exe",
"php.executablePath": "C://xampp//php//php.exe",
"php.suggest.basic": false,
"workbench.iconTheme": "vscode-icons",
"files.autoSave": "afterDelay",
"editor.minimap.enabled": true,
"window.menuBarVisibility": "default",
"git.ignoreMissingGitWarning": true,
"editor.renderWhitespace": "none",
"editor.renderControlCharacters": false,
"window.zoomLevel": 0,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
},
"editor.quickSuggestionsDelay": 1,
"markdown.preview.breaks": true,
"[markdown]": {
"editor.quickSuggestions": true
},
"markdown.previewFrontMatter": "show"
}

**デフォルトの名無しさん** · 2018/11/28(水) 18:23:01.71

Code Spell Checker ってのいれたら、やりたいことの一つは解決できました。。

**デフォルトの名無しさん** · 2018/11/28(水) 21:56:30.87

お、おう。そうか頑張れよ。

**デフォルトの名無しさん** · 2018/11/28(水) 23:30:32.82

最近アスペが多いな

**デフォルトの名無しさん** · 2018/11/29(木) 03:27:20.45

正確には、気に入らないやつがいたら
誰彼構わず、アスペアスペ言ってる人が多い

**デフォルトの名無しさん** · 2018/11/29(木) 03:27:57.74

あ、いや、多くはないかｗ
そいつぐらいだもんな。

**デフォルトの名無しさん** · 2018/11/29(木) 17:53:59.71

>>62
今まで確認したいときに手動でリロードしてたけど、
Browsersync 入れてみたら感動的に便利っていうか楽だわ
編集してんのは自分なのに、何もしなくてもブラウザの表示が
変わるのが何かキモくて笑えるｗ

さんくす

**デフォルトの名無しさん** · 2018/11/29(木) 19:15:51.76

>>159
上手くいけたか。よかった
今までの手動はなんだったんだ、ってくらい便利だよな

別ブラウザとかスマホで同じ画面を開いておくと、
スクロールやリンク遷移も全部同期するのでさらに感動するぞ

**159** · 2018/11/29(木) 20:37:05.96

>>160
うはｗ、ますますキモいｗ
マルチモニターで複数ブラウザどころの話じゃない
タブレットでスクロールしてPC側がシンクロするｗｗｗ
タップでリンク踏むとついていかないけどページ合わせるとまたシンクロするし、
tablesorter とかもシンクロするし、わけわからんｗ

PCのマウスの「戻る」でページ遷移してシンクロが途切れてちょっと落ち着いた
ちゃんと、行って戻るリンクもサボらず初っ端から作れ、ってことですね

**デフォルトの名無しさん** · 2018/11/29(木) 21:30:47.33

＞＞タブレットでスクロールしてPC側がシンクロする
へぇ、いい時代だねぇ

**デフォルトの名無しさん** · 2018/11/30(金) 04:11:09.16

頭悪そうなのって、必ず引用するコードがjavaなのが笑える。やはりjava土方ってパーが多いんだな

**デフォルトの名無しさん** · 2018/11/30(金) 12:56:16.18

どこにJavaが書いてあるの？

**デフォルトの名無しさん** · 2018/11/30(金) 13:51:50.23

>>164
お前にはJavaのコードが見えないの？
どこをみてもJavaのコードがあるだろ
この間はAmazonからの配達員がJavaのコードだった

**デフォルトの名無しさん** · 2018/11/30(金) 15:17:27.30

統合失調症だと思うから早いうちに病院行ったほうが良いよ

**デフォルトの名無しさん** · 2018/11/30(金) 22:56:31.11

こりゃ重症だな

**デフォルトの名無しさん** · 2018/12/01(土) 17:18:08.81

まぁ、既にVS Code1強だけど、GitHubをMicrosoft買収したけどAtomどうするの？？

**デフォルトの名無しさん** · 2018/12/01(土) 17:27:38.08

AtomチームはXrayっていう実験プロジェクト立ち上げて
Atomのネックである重さの根本的解決を目指してるっぽい
表示部分以外はRustで書いてるらしい
成果がでればワンチャンあるかも

**デフォルトの名無しさん** · 2018/12/01(土) 17:31:46.90

あるか？

**デフォルトの名無しさん** · 2018/12/01(土) 17:33:41.73

もう全部Rustで書けばいいのに

**デフォルトの名無しさん** · 2018/12/01(土) 18:04:59.81

開発チームの能力と開発リソース量とissueに真面目に向き合ったかどうかの差だろ
言語を変えてどうなるというもんではない

**デフォルトの名無しさん** · 2018/12/01(土) 18:47:04.01

>>169
おー、うまくいくといいね
前に聞いた話だと、確か統合開発環境化も目指してるんだっけ？
根強いファンがいるのはいいことだ

**デフォルトの名無しさん** · 2018/12/01(土) 19:02:51.79

同じ会社がおんなじようなエディタを2つも保守する意味ってねえよな
Atomからは資本を引き上げて、あとはファンがやりたいなら勝手に保守しろでいいと思う

**デフォルトの名無しさん** · 2018/12/01(土) 19:09:35.86

既に元GithubのチームもVSCodeに参加してるよ
PullRequestエクステンションはかなり今後に期待できる出来だ

**デフォルトの名無しさん** · 2018/12/01(土) 22:20:57.48

>>171
描画はopenglでいいとしてもまともなフォントラスタライザとレイアウトエンジンがないな。

**デフォルトの名無しさん** · 2018/12/01(土) 22:26:15.88

成果が出た場合はVSCodeが美味しくいただきます。
良いことは分かち合わないとね。
併合した甲斐があったというものです。
ユーザーのためにもなる。

成果が出なかった場合はプロジェクト解散します。
役にも立たないのに重複プロジェクト抱えるなんて資金のムダだからねｗｗ

**デフォルトの名無しさん** · 2018/12/01(土) 23:59:04.11

一強になりすぎるとろくなことにならんから
Atomにも頑張ってほしいわ

**デフォルトの名無しさん** · 2018/12/02(日) 06:05:09.18

フロントエンド開発寄りのBracketsとかあるし、AtomはGitHub本家を売りで特化していけばいいと思う
VSCodeも拡張入れすぎるど結局重くなるし

**デフォルトの名無しさん** · 2018/12/02(日) 17:59:04.14

HTMLコーディングならBracketsが万人におすすめ

Visual Studio CodeやSublimeと比べるともっさりだがDreamweaverと比べれば軽い軽い

**デフォルトの名無しさん** · 2018/12/02(日) 18:06:07.29

でも生のHTMLだけ書くことなんてもうなくない？

**デフォルトの名無しさん** · 2018/12/02(日) 18:12:17.72

書く事があるかどうかは人それぞれだろ
Bracketsはもっさりが本当にひどいからなあ……

**デフォルトの名無しさん** · 2018/12/02(日) 18:48:51.46

>>181
えええ？　どういうこと？　いくらもないか。

>>182
起動が「よっこらしょ」だよね。ATOMよりは軽いと思うけど。

**デフォルトの名無しさん** · 2018/12/02(日) 20:47:51.44

純粋HTML/CSSのLive Preview機能だけはBrackets優秀だよなぁ

**デフォルトの名無しさん** · 2018/12/02(日) 22:01:42.06

そんなものもはや作ることはない

**デフォルトの名無しさん** · 2018/12/02(日) 22:03:43.28

BracketsのインラインCSS編集みたいなことができる拡張ありませんか？

**デフォルトの名無しさん** · 2018/12/03(月) 04:19:14.93

VSCodeもLive Serverの拡張入れるとまあライブプレビューできるけど…

**デフォルトの名無しさん** · 2018/12/03(月) 13:03:29.71

言語周りはLanguage Serverでまとまりそうで、別にVSCodeでなくても高度なことができるようになりつつある。
他と比べて若干劣っている面もあったり。
ということで、最近はプロジェクトを俯瞰したいとき以外、Vimに戻ってしまうことが多くなってきた。

**デフォルトの名無しさん** · 2018/12/03(月) 13:46:34.78

わざわざvimに戻す理由がわからん。
どこが劣ってるか教えてほしい

**デフォルトの名無しさん** · 2018/12/03(月) 14:32:41.10

へー凄いなLanguage Server
いったいどこが仕様策定したんだろ？

**デフォルトの名無しさん** · 2018/12/03(月) 16:24:36.29

vimmerは2度死ぬ

**デフォルトの名無しさん** · 2018/12/03(月) 17:29:25.36

vimがというよりVimScriptがもう古すぎて書く気になれない

**デフォルトの名無しさん** · 2018/12/03(月) 20:49:01.50

フロントエンジニアはvscodeが使っている人が多いと思うけど、バックサイドエンジニアはvimやemacs使っている人が多いのではないかなぁ

**デフォルトの名無しさん** · 2018/12/03(月) 20:50:24.43

ゴメン。バックエンドエンジニアだった

**デフォルトの名無しさん** · 2018/12/03(月) 21:04:57.76

>>190
Microsoftのよう
https://qiita.com/atsushieno/items/ce31df9bd88e98eec5c4

**デフォルトの名無しさん** · 2018/12/03(月) 21:06:16.85

どっちもやるから両方VSCodeだろ
今時フロントエンド専業のエンジニアなんか存在してるのか?

**デフォルトの名無しさん** · 2018/12/03(月) 21:13:18.41

>>196
ある程度の規模があると普通にいる
プロジェクトによるわな

**デフォルトの名無しさん** · 2018/12/03(月) 21:16:40.57

それよりvimを使ってプログラミングしてる人間なんて本当にいるの？
自分もテキストエディタとしてgvim使ってるけど、素のvimでプログラミングしてる人間なんぞ見たことないぞ

**デフォルトの名無しさん** · 2018/12/03(月) 21:26:07.77

バックエンドエンジニアって言い方が悪かったか。サーバサイドエンジニアだとどう？サーバがLinuxだとして、そこのファイルどうやって編集するの？
sshfs？rootの作業は？結局ターミナルからvimだったりしない？

**デフォルトの名無しさん** · 2018/12/03(月) 21:30:22.61

設定ファイル程度ならターミナルから直接偏したりするけど、プログラミングだと開発とデプロイは別じゃね？

**デフォルトの名無しさん** · 2018/12/03(月) 21:32:29.04

そうか。確かに。皆、使い分けてるのかな。

**デフォルトの名無しさん** · 2018/12/03(月) 21:34:02.41

常にサーバー上で作業するわけないやろ