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/08(木) 13:38:57.74

>>1
自決乙です

**デフォルトの名無しさん** · 2018/11/08(木) 15:47:38.55

ビルド設定だけで頭痛くなっちゃうぜ、おまけにだいたいの参考サイトが個人設定とかが多くて参考にならないし

**デフォルトの名無しさん** · 2018/11/08(木) 20:05:49.84

いちおつ

**デフォルトの名無しさん** · 2018/11/09(金) 23:22:00.58

phpコードを整形して綺麗にインデントしたいのだが、
Prettierと言うのを試したのだが動かない。
なぜよ？

**デフォルトの名無しさん** · 2018/11/09(金) 23:43:49.13

>>5
ぶっちゃけアリエナイ。

プラグイン入れた？
PrettierはNodeJS(Javascript)製のツール。だからデフォルトでは、
JavaScript、TypeScript、Flow、JSX、JSON、CSS、SCSS、Less、HTML、Vue、Angular、GraphQL、Markdown、YAMLといったJavascript隣接領域の言語にしか対応していない。

PHP向けには公式プラグインがある。
https://github.com/prettier/plugin-php

Python、Swiftにも公式プラグインがある。
その他Apex、Elm、Java、PostgreSQL、Rubyには非公式プラグインがあるがクオリティはお察し。
非公式プラグインでPrettierの実力を判断しないでほしいね。

**デフォルトの名無しさん** · 2018/11/10(土) 01:56:04.35

そのPrettier phpプラグイン、まだアルファ段階だから様子見してる。もう安定してるのかな？
うちは php cs fixer 使ってるわ。
HTMLも Prettier対応したな

**デフォルトの名無しさん** · 2018/11/10(土) 09:01:59.51

こういうのを聞くとgoのエコシステムは素晴らしいと思うわ。
tsもどうせならコード整形を言語機能側にぶち込んで強制してくんないかな。
別に俺はこだわり無いけど、どのプロジェクトでも同じ一貫性がほしい

**デフォルトの名無しさん** · 2018/11/10(土) 16:26:25.11

<p>The quick brown fox jumped over the lazy dog.</p>

HTMLのマークアップで、たとえば上のような既存の p があって、
この中の brown を span でマークアップしたい場合、

マークアップ対象を先に選択しておいて、次に目的のタグを選んで
くくるような操作ってできますか？

**デフォルトの名無しさん** · 2018/11/10(土) 17:08:29.71

>>9
これでどう？
https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap

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

別に拡張入れなくても
標準で入ってるemmetのWrap with Abbreviationでいける

**デフォルトの名無しさん** · 2018/11/10(土) 19:47:50.18

銅じゃないよ！
じゃ、何？

**デフォルトの名無しさん** · 2018/11/10(土) 19:59:07.90

>>6
>プラグイン入れた？
Prettier formatter for Visual Studio Code
と言うのを入れたのだが、それだけじゃダメなん？

**デフォルトの名無しさん** · 2018/11/10(土) 20:00:10.80

ついでに聞きたいんだが
<p>The quick brown fox jumped over the lazy dog.</p>

このpを例えばh1に変更したいと思った時に前後のタグをいちいちカーソル合わせて変更するのではなく
パッとかえる方法はありますか？

**デフォルトの名無しさん** · 2018/11/10(土) 21:14:01.12

>>14
拡張機能あるよ。
htmltagwrapだったかな？

**デフォルトの名無しさん** · 2018/11/10(土) 23:08:46.88

>>14
それも拡張機能とか入れなくても標準機能のemmetである。
editor.emmet.action.updateTag （タグの更新）

**デフォルトの名無しさん** · 2018/11/10(土) 23:18:50.53

emmetがとても便利なのは認めるが反応しない時あるよね

**デフォルトの名無しさん** · 2018/11/10(土) 23:26:10.69

Emmet、 h1>div.hoge みたいなやつの展開以外にもいろいろ便利機能あるので
html作業メインならショートカットキー割り当てておくといいよ

>>9 の選択文字列を指定したタグで囲む
>>14 のタグを更新
の他に、たとえば、 <div><p><span>hoge</span></p></div> でhogeにカーソルがあるとき

一番内側のタグ（この場合<span></span>）のタグだけを削除
　→ もう一回実行すると <p></p>が消える
　→順にタグをだけを次々と削除可能とか、
タグの内側（hoge）だけを選択
　→ <span>hoge</span> を選択
　→ <p><span>hoge</span></p> を選択、と選択範囲を拡張（逆方向も可）とか、

・複数行を1行にマージ（標準機能と違って改行位置にスペースが入らない）
・タグ上にカーソルがあるとき、一致するペアタグとの相互移動
・数値上にカーソルがあるとき、数値の 0.1 1 10 刻みでの上下

とか他にもいろいろある

**デフォルトの名無しさん** · 2018/11/10(土) 23:33:13.51

それemmetの機能だったのか。

**デフォルトの名無しさん** · 2018/11/11(日) 04:45:31.80

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

前スレの拡張機能の紹介で、

html tag wrapper
HTML を選択し、Ctrl + i を押すと、両端をタグで囲める

Auto Rename Tag
開始終了タグを、同時に変更する

**デフォルトの名無しさん** · 2018/11/11(日) 14:36:20.54

http://r2.upup.be/wV2qsULdHm

**デフォルトの名無しさん** · 2018/11/11(日) 16:03:43.21

>>21
ブラクラ

**デフォルトの名無しさん** · 2018/11/12(月) 21:31:13.35

1.29まだなの？

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

最近リリース予定の翌週にずれこむ事が多いな

**デフォルトの名無しさん** · 2018/11/13(火) 07:05:10.96

https://code.visualstudio.com/updates/v1_29

**デフォルトの名無しさん** · 2018/11/13(火) 08:34:41.02

ついに複数行の検索が！

**デフォルトの名無しさん** · 2018/11/13(火) 09:58:05.19

1.29キター♪o(ﾟ∀ﾟo)(oﾟ∀ﾟ)o♪

**デフォルトの名無しさん** · 2018/11/13(火) 10:54:00.30

神アプデｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━ !!!!!

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

神なのか

**デフォルトの名無しさん** · 2018/11/14(水) 00:18:13.66

再インスコしないとアイコン変わらない？

**デフォルトの名無しさん** · 2018/11/14(水) 15:42:21.63

分からんけどアイコンって何か変わったの？

**デフォルトの名無しさん** · 2018/11/14(水) 15:43:31.45

変わってないよ

**デフォルトの名無しさん** · 2018/11/14(水) 17:33:08.49

前verで搭載された、ファイルアイコンのことかね
https://code.visualstudio.com/updates/v1_28#_file-icons-per-file-type

**デフォルトの名無しさん** · 2018/11/14(水) 17:40:55.42

なるほど

**デフォルトの名無しさん** · 2018/11/15(木) 00:13:56.42

>>33
それが1.29で更新されたやつの話じゃないの？
リリースノートにリストビュー用の小さいアイコンって書いてあるけど。

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

スペルチェック出来る？

**デフォルトの名無しさん** · 2018/11/16(金) 16:36:59.62

この2つがDL数も多いし定番っぽい？

Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Spell Right
https://marketplace.visualstudio.com/items?itemName=ban.spellright

**デフォルトの名無しさん** · 2018/11/16(金) 22:10:48.94

Update 1.29.1

**デフォルトの名無しさん** · 2018/11/16(金) 23:15:13.46

神アプデかな

**デフォルトの名無しさん** · 2018/11/17(土) 09:50:32.85

Visual Studio Codeのスニペット登録が分からない

**デフォルトの名無しさん** · 2018/11/17(土) 12:05:47.10

コマンドパレットにsnippetとか入れたらなんかそういうの出るだろ
あと言語ごとにスニペットファイル作成なのも留意

あとは公式見ろ
https://code.visualstudio.com/docs/editor/userdefinedsnippets

少し情報が古いが有志の日本語訳
https://vscode-doc-jp.github.io/docs/userguide/userdefinedsnippets.html

**デフォルトの名無しさん** · 2018/11/17(土) 12:20:20.01

>>41
おお、ここ観たら分かりました！
https://www.youtube.com/watch?v=K3gLlZm-m_8

**デフォルトの名無しさん** · 2018/11/17(土) 23:40:39.55

MSのC/C++っていうextensionはC11も対応してる？

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

選択行数表示のオプションどこ？、って探したら見当たらなくて、
ググったら要望上がっててcloseしてたから、指定の仕方がわかると思ったら
「本体じゃなくてアドオンでやるモンだからこの件はclose」
そうじゃないだろ、おい
選択行数表示機能が無いとかガッカリだよ……

ともあれ、Select Line Status Bar は便利に使わせて頂きます

**デフォルトの名無しさん** · 2018/11/20(火) 21:42:38.00

年末近づいてくるし、次のアップデートは12月の前半くらい、1月のアップデートは無しで2月になるって言ってるな。

**デフォルトの名無しさん** · 2018/11/22(木) 15:07:51.54

使い込むと良さそうなんだが、敷居高い　上級者向けエディタ
Sync Settingよくわからない

画面が広く使えない　これもきっとカスタマイズ可能なんだろうけどやり方不明

**デフォルトの名無しさん** · 2018/11/22(木) 15:59:22.91

最近ATOKと相性が悪い気がするんだが、そんなことない？
ATOKは月額の最新版、VSCodeも更新なし。

IME OFF時の入力、ONも半角の時は問題なし。
全角の時だけ、入力するとカーソル左側の文字が1文字消える。
MS-IMEに切り替えると起きないから、ATOKとの相性問題だと思うけど…。
「入力中の文字を最適化する」とか「未確定文字列を高速化する」は未チェック。

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

>>46
ここでも見ておけ。全スレでも評判いい基本紹介
http://www.atmarkit.co.jp/ait/articles/1507/10/news028.html

>>47
うちもATOK月額最新版だけど特に問題ないかな。Win10 64bit

**デフォルトの名無しさん** · 2018/11/22(木) 20:23:58.40

vscode立ち上げると、なんとなくPCが重くなるような気がするのですが、そんなことないですか？
拡張機能をできるだけdisableにしても。

**デフォルトの名無しさん** · 2018/11/22(木) 20:31:48.14

>>49
atom同様メモリ食いだからスワップが発生していると思われ。
メモリ増設しる

**デフォルトの名無しさん** · 2018/11/22(木) 20:44:35.39

メモリ12G積んでいるんだけどな

**デフォルトの名無しさん** · 2018/11/22(木) 21:19:52.53

矩形選択など、visual studioとキー操作が異なるので使いにくいのよね。
何かの設定でvisual studioと完全互換に出来ないかしら？

**デフォルトの名無しさん** · 2018/11/22(木) 21:39:06.96

質問させてください。
VSCでHTMLの勉強をはじめたのですが、HTMLプレビューの拡張機能を
2種類試したところ、どちらも表示がおかしいので困っています。

https://i.imgur.com/sDHcT9C.png

画像は!→TABで作成されるhtmlのテンプレートに外部CSSを指定し、
body内にID="test"のDIV、その中にpタグで"表示テスト"と書いただけのシンプルなものです。

しかし画像のように、HTML Preview 0.2.4ではCSSで指定した背景色
redとaquaは反映されますが、なぜかpタグの文字が一つになのに二重に表示され、
文字の色も変わってしまっています。
もう一つのLive HTML Previewer 0.3.0では、pタグの文字は正確なのですが、
bodyに設定した背景色redが反映されません。
画像中央はFireFoxでの表示ですが、pタグの文字も正しく、
bodyの背景色redが反映されて意図どおりに表示されています。
Google chromeでも同様に表示されました。
似たような機能なので拡張機能のバッティングが不具合の理由かと思い、
それぞれ一つづつインストールして試してもみたのですが同様の表示になりました。

拡張機能によるエディタ内でのHTMLのプレビューでは正確な表示は無理なのでしょうか。
それともやり方が悪いのか、もしくは正確に表示できる拡張機能があれば教えてください。

**デフォルトの名無しさん** · 2018/11/22(木) 22:05:17.27

>>53
エディタ上で正しく表示されない理由は正直分からないけど、HTMLのライブプレビューはこれが一番良いと思う
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

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

>>46
むしろVSCodeは高機能な割に敷居はめちゃ低いと思う
vimとかは設定書かないとマトモに使えた物じゃないし敷居が高い

Sync Settingは複数PCで設定を共有するためのプラグインだから単一PCなら必要ない

あと「画面を広く」ってのはどういう感じのことを言ってる？

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

プレビューはLiveserver使いやすくていいぞ

**デフォルトの名無しさん** · 2018/11/22(木) 23:28:35.74

>>49
プロセス間通信でIOがボトルネックになってるだけだろ。
chromeやelectronの仕組み上つき纏う。

53 · 2018/11/22(木) 23:45:13.07

>>54 >>56
レスありがとうございます！早速インストールして使ってみました。
実ブラウザで表示させるタイプなんですね。
ボタン一つでデフォルトブラウザに表示されて簡単でした。
しかしなぜかうちの環境では、説明GIFのようにセーブしてすぐ変更反映とはいかず、
ブラウザをアクティブにしてリロードしないと変更が反映されないようです。
あとで詳しくググって原因を調べてみます。

教えていただいたLive Serverを検索したときに候補にでた別の作者さんの、
Live Server Previewという拡張機能を試しにいれたところ、
エディタ内表示タイプで53のhtml+cssが正確に表示されました。
こちらもセーブしたら変更反映されるタイプで、うちの環境でも問題ないようです。
贅沢言うと53で書いた二つの拡張機能のように、セーブしなくてもリアルタイム更新
できるものがよかったのですが、表示の正確さには替えられないので暫くこちらを使ってみます。
色々試してこの拡張機能も表示がおかしいようであればエディタ内表示タイプは諦めて、
教えていただいたLive Serverのほうをしっかり動くようにして使いたいと思います。
リロードしないと反映されない状態でも実ブラウザでチェックするのに便利ですので、
Live ServerとLive Server Previewを併用しようと思います。
情報ありがとうございました。

**デフォルトの名無しさん** · 2018/11/22(木) 23:45:17.25

>>53-54
たぶん、Ritwick Dey の拡張機能、
Live Sass Compiler を入れたら、Live Server も入るのだろう

Vue.js, Nuxt.js などのフレームワークでも、できるかも

**デフォルトの名無しさん** · 2018/11/22(木) 23:48:54.68

>>58
>セーブしなくてもリアルタイム更新できるものが、よかった

書きかけの途中で表示されても、エラーになるだけで何にもならない。
むしろ、エラーに時間を取られるだけ

**デフォルトの名無しさん** · 2018/11/23(金) 01:15:52.64

Live Serverって良さげだけどSSIは対応してないのか

**デフォルトの名無しさん** · 2018/11/23(金) 12:24:59.12

HTML表示確認はもうnode入れてBrowserSyncした方が
後々互換性だの気にしなくていいし楽だよ。

53 · 2018/11/24(土) 00:36:41.00

>>59-60
レスありがとうございます。
一旦Live Serverを削除してLive Sass Compilerを入れると、
確かにLive Serverも一緒にインストールされました。
でもすみません、HTML初心者でプログラミング知識はまったくないので、
Live Serverだけで十分みたいです。

>>62
ググってみてみましたが、node.jsというものでしょうか。
JavaScriptはよくわかってないので自分には難しい感じです。
でも御助言ありがとうございます。

58で書いたLive Serverが、ファイル更新セーブしても
自動で反映されない原因がわかりました。
実は仮想環境上で使っていまして、htmlとcssを置いていた場所が
共有フォルダ上にあったのが原因でした。
ファイルをゲスト側にコピーしてそれを開いて更新すれば正常に動作しました。
おま環ですみません。長文失礼しました。

**デフォルトの名無しさん** · 2018/11/24(土) 05:52:41.73

>>62
これ俺もいれようとして結局わからなかった

**デフォルトの名無しさん** · 2018/11/24(土) 07:32:42.86

俺もSSIでインクルードしてるからこういうリアルタイムに変更を反映してくれるやつは入れず
XAMPとかでいちいちリロードしながらみてる。
なんか良いのあったら教えて欲しいでゲス。

**デフォルトの名無しさん** · 2018/11/24(土) 10:40:58.11

SSIって今時使われてるの…？

**デフォルトの名無しさん** · 2018/11/24(土) 11:21:07.70

>>55
アクティブバー、ファイルのエクスプローラー、エディタ2ペイン、ミニMap　を並べると1つ1つがとても小さくなる
Bracketsなら余裕ある

**デフォルトの名無しさん** · 2018/11/24(土) 14:38:53.76

>>65
SSIやPHP使ってて、それのためにXAMPPでサーバー立てても
Browsersyncのproxy機能で監視&自動リロードできるよ。ってか俺がそう使ってる。
うちはgulp経由だが素のnpm startでもどちらでも
VSCodeのタスク機能から立ち上げて管理できるし
使わない手はない

**デフォルトの名無しさん** · 2018/11/24(土) 16:43:48.21

Amazonでサイバーマンデーとかいうのやるみたいだけどキーボードとか安くなるんか？
HHKB買ってもええんか？

**デフォルトの名無しさん** · 2018/11/24(土) 21:06:03.74

>>67
ファイルエクスプローラーはアクティブバーのボタンをもう一回押せば非表示に出来る
エディタの配置はタブをドラッグしたら直感的に出来るはず
ミニマップはメニューの表示>ミニマップの切り替えで非表示に出来る

**デフォルトの名無しさん** · 2018/11/24(土) 21:10:25.84

HTML+CSSのLive Preview機能に限ってはBracketsが一番優秀な気がする

**デフォルトの名無しさん** · 2018/11/24(土) 22:19:41.83

Win10ProでVSCode入れたのだが、
Windowsのエクスプローラーでフォルダ一覧を出しておいて、
目的のフォルダを選択して右クリックメニューにVSCodeで開くというメニューは
無いの？
毎回VSCodeを起動してフォルダを開くのが面倒なのだが。

**デフォルトの名無しさん** · 2018/11/24(土) 22:20:44.64

>>72
ググれよ

**デフォルトの名無しさん** · 2018/11/24(土) 22:27:50.10

>>73
ググってここに来たんだよ。
教えれろよ。
レジストリいじるのか？

**デフォルトの名無しさん** · 2018/11/24(土) 22:33:15.92

上から目線わろた

**デフォルトの名無しさん** · 2018/11/24(土) 22:41:40.13

>>63
自分もlive serverの自動リロード？が効いてません…
調べても同様のケースが見つからず悩んでいます
ファイルはローカルに置いてあるんですが何故でしょうか…

**デフォルトの名無しさん** · 2018/11/24(土) 22:47:57.20

>>72
それは質問するまでもなく、
そうなるように、自分で実装すればいいんじゃないの？

**デフォルトの名無しさん** · 2018/11/24(土) 22:50:52.33

インストール時のオプションでコンテキストメニューに追加するかどうか選択できるよ
その部分もossだから心配ならそこから引っ張ってくれば
ググれば出るともうけど

**デフォルトの名無しさん** · 2018/11/24(土) 23:07:18.87

>>78
そう言う事か
サンキュウ

**デフォルトの名無しさん** · 2018/11/24(土) 23:09:16.40

>>70
2つのペインを分ける境界が無駄に太いですｗ

**デフォルトの名無しさん** · 2018/11/24(土) 23:39:25.53

>>69
こんなのもある。ほしいぞ。
https://www.pfu.fujitsu.com/rfkeyboard/

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

ん？東プレ買収されたん？

**デフォルトの名無しさん** · 2018/11/25(日) 02:31:54.31

>>82
節子それ東プレやないリアフォのHHKB仕様や

**デフォルトの名無しさん** · 2018/11/25(日) 02:39:18.15

リアフォは東プレでないんかい？
http://www.realforce.co.jp/products/index_office.html

**デフォルトの名無しさん** · 2018/11/25(日) 02:42:22.13

もともとPFUは東プレのキースイッチ使ってHHKB作ってるから。
今回ようやく表立ってコラボしただけ。

**デフォルトの名無しさん** · 2018/11/25(日) 04:41:03.66

>>84
ものはリアフォR2だけど販売はPFU。コラボ製品で仕様はHHKBになってる。
PFUは東プレのOEM先。

**デフォルトの名無しさん** · 2018/11/25(日) 10:58:22.13

>>81

> 販売価格：¥28,500（税抜）（¥30,780（税込））

グエーッ！

**デフォルトの名無しさん** · 2018/11/25(日) 15:36:07.62

>>87
これでガマン
https://www.amazon.co.jp/gp/aw/d/B07B3X17W8

**デフォルトの名無しさん** · 2018/11/25(日) 15:53:04.52

Type-Sの黒はまだか

**デフォルトの名無しさん** · 2018/11/25(日) 17:12:02.06

>>76
63ですが私はVSC使い始めたばかりの初心者なので見当つかないですすみません。
環境や経緯の詳細書いて質問しなおされたほうがいいと思いますよ。

**デフォルトの名無しさん** · 2018/11/25(日) 18:29:56.88

ファイル保存する時にエンコーディング指定する方法を教えてくれ

**デフォルトの名無しさん** · 2018/11/25(日) 18:55:12.06

>>87
オシシ仮面になってて草

**デフォルトの名無しさん** · 2018/11/25(日) 18:58:51.20

>>91
困ったらとりあえず Ctrl(Cmd) + Shift + P で encoding とかキーワード入れてみろ

**デフォルトの名無しさん** · 2018/11/25(日) 19:39:23.48

>>93
出来たよ。ありがとう。
もう一つ教えてくれよ。
Ctrl(Cmd) + Shift + P
で開いた入力欄で何故かマウス右クリックメニューが出ないので
コピーペーストで貼り付けられない。
でもキーボード入力は受け付けるのでCTRL+Vでは貼り付けられる。
なぜマウス右クリは効かないの？
Windows10よ

**デフォルトの名無しさん** · 2018/11/25(日) 19:46:04.57

そんなところでマウスに手を伸ばすアンポンタンが使うことを想定していないからだろうな

**デフォルトの名無しさん** · 2018/11/25(日) 19:51:33.24

>>95
パソコン操作の８割をマウスでやる
俺を馬鹿にしているのか。
もう一つ教えてくれよ。
VSCodeウインドウのボーダーが目立たないので分りにくい。
Visual Studio 2017みたいにボーダーを強調表示する設定はないの？

**デフォルトの名無しさん** · 2018/11/25(日) 21:32:10.47

あるよ

**デフォルトの名無しさん** · 2018/11/25(日) 21:38:02.69

キーボードの操作を覚えると楽だよ
vim使えとは言わないがショートカットキーを壁に貼って暗記しよ

**デフォルトの名無しさん** · 2018/11/25(日) 22:16:33.19

>>81
これめっちゃ良いな
俺リアフォもHHKBもどっちも持ってないけどこれはリアフォ名義のHHKBってこと？

**デフォルトの名無しさん** · 2018/11/25(日) 23:24:21.02

>>99
ここに詳しく書いてある
http://www.gdm.or.jp/review/2018/0626/267588

**デフォルトの名無しさん** · 2018/11/25(日) 23:26:16.86

>>97
やり方教えろよ

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

知ってるがお前の態度が気に入らない

**デフォルトの名無しさん** · 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

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