VS Codeでコードがさらに見やすくなる！ ネストされたブロックを強調表示するVS Codeの機能拡張「Blockman」

HTML, CSS, JavaScript, PHPなどさまざまな言語に対応、コードのネストされたブロックを枠で囲って強調表示するVS Codeの機能拡張を紹介します。 さっそくインストールして使用してみましたが、これは見やすくなりますね！ 枠のボーダーや背景、ネストの深さを自由に変更もできるので、自分が見やすいようにカスタマイズできます。 Blockman -GitHub Blockmanの特徴 Blockmanのインストール Blockmanの使い方 Blockmanの特徴 Blockmanは、コードのネストされたブロックを強調表示するためのVS Code拡張機能です。 サポートしている言語は、JavaScript, JSX, TypeScript, TSX, C, C#, C++, Java, Ruby, PHP, R, Go (Golang), Dart, Rust, Swift,

[coliss]

HTML, CSS, JavaScript, PHPなどさまざまな言語に対応、コードのネストされたブロックを枠で囲って強調表示するVS Codeの機能拡張。

[civicpg]

VScodeでは、コードのブロックのネストよりも、左側のフォルダーツリーの階層が分かりにくい。俺だけ？

[Phenomenon]

確かにわかりやすいー。でもそもそもネストするコードなるべく書くなってのはいっておきたいー

[otchy210]

そもそもビジュアルの支援がないと理解できないような深いネストを書くな定期。

[ydf]

他人のコードを読むとき助かる

[ys0000]

id:civicpg Material Icon Theme（https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme）でフォルダー表示整えるだけでも随分見やすくなるかなと個人的には思います／Blockmanは確かに見やすそうだけどindent-rainbowで満足してる

[murlock]

ちょっとやり過ぎ感

[petitbang]

インデントの色分けで事足りてそうなきもするけど、長い行が沢山あるなら見やすくなるのかも？試しに入れてみるか。/試してみたけどちょっと煩く感じたので戻した。自分はindent-rainbowでちょうどいい。

[tyosuke2011]

スマホ依存テクノ依存の人のモノマネ

[tmatsuu]

おーこのブロック単位の強調表示のしかた面白いな。Vim/Neovimでもできるかな

[ghostbass]

ブロック(1ブロック2000行とか)が長い場合は重宝する、多分htmlでも

[agricola]

リッチなマシンでEclipse+pydev使えればそれでいいや。というかPython対応と謳いながらraise, return, break, continueでdedentしないとか拡張機能をゴテゴテ盛らないとdedentできないのはクソエディタだと思う。

[surume000]

フォルダ構造分かりづらいよね！よかった俺だけじゃなかったんだ

[lifeisadog]

自分は「editor.guides.bracketPairs」をtrueかactiveで間に合ってるな。余計なプラグインは入れないほうが良いよ

[tattyu]

indent-rainbow使ってるけど、枠が出るの見やすくていいね。久しぶりに拡張の棚卸してるけど、公式に似た機能が入って非推奨とか結構あった。保守されてなくて非推奨が一番悲しい。

[cloverstudioceo]

入れてみたけどなんかだめだった。。そもそもそんなネストしないように心がけよう

[monsterdoctor]

僕の好みじゃないなあ。editor:Format On Pasteできれいに表示できるだけで十分かと。

[razokulover]

ちょっと試してみたい

[odakaho]

PythonとYamlでちょっと便利かも

[mockmock9876]

最近どこかで話題だったMISRA Cに良さそうだね(ニッコリ)

[akisei67]

良さげだけどデフォルト設定だと見づらい。時間ある時に設定いじるか神設定の降臨を待ちたい。

[tanakh]

かっこの色が変わるやつ使うてるけど、こっちのほうがわかりやすいかもしれんし使ってみるか(´･_･`)

[dynamicsoar]

入れてみた。たしかにわかりやすいが若干（かなり）うるさいかな…というかタブ切り替えないと有効にならないのが謎だ

[razihai]

トップコメのフォルダツリー分かりにくいに首取れるぐらい同意してる

[skifuyu]

早速入れてみた．デフォだと矩形の右端が最短にフィットするのが窮屈な感じがしたけどViewportまで拡げられたので悪くない．理想を言えば右端見きれないようにして欲しくはある

[Balmaufula]

あれれーねえーパパの昔のコード入れたらバリバリ強調されたよー？

[reihighjcj6a]

これで安心して更にネストが深いコードが書けるな！

[koogawa]

波動拳に強そう

[manaten]

この手のやつはじめは良さそうって思うんだけど、目が慣れなくて戻しちゃいがちなんだよな〜。マウスフォーカス当たってるときだけとかなら良さそうか？

[Helfard]

おお、いいねえ。

[yukimi1977]

悪魔的にネストしてるソースを表示したらどうなるのか気になる。負の遺産のリファクタリングがはかどりそう。

[aceraceae]

背景が変わってるなくらいでそもそもそんなに違いを感じないしあんまり有用な感じがない。

[strawberryhunter]

indent-rainbowとどっちが良いか試しに使ってみる。とりあえず日本語があると右端が突き抜ける。

[delphinus35]

Neovim でも Treesitter でできそうだが……便利かな？これ。indentしたスペースに色付けるだけで良さそうだが。