Ruby with Visual Studio Code
Version 1.88 is now available! Read about the new features and fixes from March. Ruby in Visual Studio Code Ruby is a dynamic, open-source programming language known for its simplicity and productivity. With an expressive and elegant syntax, part of the Ruby philosophy is to make developers happy. It is often used for web development with a range of different frameworks, and for scripting, allowin
Security - Live Share
Collaboration sessions in Visual Studio Live Share are powerful in that they allow any number of people to join in a session and collaboratively edit, debug and more. However, given this level of access, you undoubtedly will be interested in the security features Live Share provides. In this article, we'll provide some recommendations and options for securing your environment as needed. As with an
vscodeのsnippetでrubyのクラスをファイル名を元に自動でセットする - rochefort's blog
確かatomではrubyのsnippetを使ってクラスを書くときに、ファイル名から自動で生成してくれたと思うのですが、 vscodeのruby snippetではクラス名は ClassName 固定でセットされています。 これが煩わしいので、独自のsnippetsを書いて対応しました。 やり方 vscodeのコマンドパレットで snippets と打ち、次に言語選択でrubyを指定すると、 ~/Library/Application Support/Code/User/snippets/ruby.json が生成されます。 "Class definition from filename": { "prefix": "class", "body": [ "class ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}", "\t$0", "end" ], こ
React で展開された HTML 要素から vscode の生成元コードに飛ぶ 方法
自分が欲しかったから作ったシリーズ 説明しづらいので下記の動画を見たほうが速いです。 Shift を押している間だけオーバレイが有効になり、要素名をクリックすると vscode の該当行に飛びます。 今のところ vite + react のみの対応ですが、仕組み上、あらゆる UI フレームワークに適応可能です。 何が起きているか TypeScript transformer の仕組みで *.tsx の jsx 要素に data-sj-path="vscode://file/..." を付与する TypeScript AST は sourcemap 用の情報を持っている Node の parent を探索し、直近の関数コンポーネント名を探す Shift を押している間、 マウスでホバーされた要素が data-sj-path を持っているならオーバレイを表示 オーバレイ中の要素名をクリックした
VS CodeのRemote DevelopmentでラズパイでもGCPでもリモート開発 - karaage. [からあげ]
追記：VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。本記事の内容も含めてまとめてあります。よろしければ、こちらも参考にしてみてください。 VS CodeのRemote Development拡張 VS Codeでラズパイ上のファイルやクラウド（GCP等）上のファイルを編集したくなるケースが増えてきました。 今まではリモートのファイルにアクセスするときVS CodeのSSH FSという拡張を使ってラズパイ上のファイルをSSH経由で編集していましたが、最近は、Remote Developmentが公式推奨でイケてるらしいので、乗り換えることにしました。 Remote Developmentの概要は以下です。 VS Code Remote Developmentより引用
![VS CodeのRemote DevelopmentでラズパイでもGCPでもリモート開発 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c808a7f04e26a405535dcc342f1a999b3d883f8/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20200914%2F20200914010550.png)
vscodeでrubocopのAutoCorrectを使う方法 - rochefort's blog
ググると、rufoやprettierというフォーマッター使う事例がありましたが、rubocop単体できた方が望ましいので 調べてやって見ました。 プラグイン misogi/vscode-ruby-rubocop: Rubocop extension for Visual Studio Code こんな感じで動作してくれます。 素晴らしい。 問題点 2つ挙げられています。 1つ目は、rvm or chruby だとうまくいかないらしいですが、とりあえずrbenvだと動作したので気にしないことにします。 This extension may have a problem when using a rvm or chruby environment. We recommend vscode-ruby. It can also lint ruby code. When autoCorrect, H
今すぐ導入すべきVisual Studio CodeのSpell Checker - rochefort's blog
最近AngularをやるようになってVS Codeをよく使うようになりました。 今時のeditorであれば特に真新しい機能ではないのですが、spell checkerのプラグインを入れて見て、改めて良いなと思ったのでご紹介。 VS Code使ってる人で未導入の人は今すぐ入れましょう。絶対にtypoの1つや2つはあるはず。 これ Code Spell Checker - Visual Studio Marketplace jsとかだと、入れたらすぐに利用できます。 補足 以下、defaultサポートのfile typeです。 AsciiDoc C, C++ C# css, less, scss Elixir Go Html Java JavaScript JSON / JSONC LaTex Markdown PHP PowerShell Pug / Jade Python reStruct
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
