VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応
VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応 昨年（2022年）、Adobeによる買収が発表され話題となったWebデザインツールを提供するFigmaは6月23日と24日の2日間、イベント「Config 2023」をサンフランシスコで開催しました。 その基調講演で、VSCodeのコードエディタ画面にFigmaの機能を組み込む「Figma for VS Code」が発表されました。 Bring Figma to VS Code Our new extension for VS Code eliminates context switching and helps you move faster with code suggestions based on your designs. Install to... → Inspect Fig
VS Code 1.78の新機能が便利！ 画像の相対パスが簡単に入力できるようになったぞ
VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルをshiftキーを押しながらドロップするだけで、相対パス・完全パスが入力できるようになりました。 これはドロップセレクタと呼ばれるもので、VS Codeではshiftキーを押しながらドロップすることでファイルやコンテンツをエディタに挿入することができます。今までは画像のドロップで画像ファイルを開く、shiftドロップでファイル名でした。 VS Code 1.78のアップデートでこの挿入する方法を変更できるUIが追加されました。shiftキーを押しながらドロップすると、相対パス・完全パスを切り替えて挿入することができます。
vscodeのremote-sshでssh先のフォルダにアクセスできない。
vscodeのremote-sshでssh先のフォルダにアクセスできない。 環境：Windows 10 sshは上手くいくのですが、ssh先のファイルをいじるためにSSH TargetでConnect to Host in New Windowを押すのですが、新しいウィンドウを開いた後にエラーが起きます。 「Connect to Host in New Window」のアイコンは以下のものです。 Outputには以下のものが出ます。 c2658f82ecf0: running Acquiring lock on /home/lab/tkokubu/.vscode-server/bin/ccbaa英数字/vscode-remote-lock.tkokubu.英数字 flock: 99: 入力/出力エラーです Installation already in progress... If you
山本隆の開発日誌
山本隆の開発日誌 Kotlin/Swift/Flutter/JavaScript/TypeScript/PHPでWindows/macOS/Android/iOS/Webアプリなどを作ってます
Web制作者必見！ VS Codeのおすすめ機能拡張のまとめ、HTMLやCSSやJavaScriptのコードを書く時に便利
Visual Studio Code（以下、VS Code）が素晴らしいエディタである理由の一つは、デベロッパーの生産性を向上させるVS Codeの機能拡張の巨大なライブラリがあることです。 その中から、HTMLやCSSやJavaScriptのコードを書く時に便利なVS Codeの機能拡張を紹介します。 My 12 Favorite VSCode Extensions by Katherine Peterson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 VS Codeとは VS Codeの機能拡張 VS Codeのおすすめ機能拡張 VS Codeとは VS Code(Visual Studio Code)は、Microsoftが提供する統合ツールを備えた強力で軽量なコードエディタです。MITライセンスで、商用でも完全に無料
【アニメ図解たっぷり】VSCodeの使い方入門！～ 基本からWeb制作まで
Visual Studio Code(以下VScode)はMicrosoftが開発した、無償かつ多機能、軽量で人気急上昇中のエディターです。初期状態から使える便利な機能が多く、カスタマイズをそこまでしなくても使いやすい上に、使える言語も数百種類とかなり多いので、これからプログラミングを勉強したい方にもぜひおススメなエディターです。 今回は、そんな素敵なエディターVScodeの使い方を、インストール、日本語化、Web制作にスポットを当ててご紹介します。 VScodeインストールの手順 VScodeの基本的な使い方 VScodeを日本語化 フォルダーの開き方、ファイルの作り方 VScodeの便利機能 VScodeでHTMLを書いてみよう VScodeでCSSを書いてみよう VScodeでJavaScriptを書いてみよう VScodeでWordPressを書いてみよう VScodeインストール
Visual Studio Code（VSCode）とは？インストールや使い方も現役エンジニアが解説
目次 Visual Studio Codeとは Visual Studio Codeの特徴 Visual Studio Codeを使うメリット/デメリット Visual Studio Codeの使い方 Visual Studio Codeの料金 Visual Studio Codeの評判 Visual Studio Codeを使うべき人 まとめ Visual Studio Codeとは Visual Studio Codeとは、プログラミングを行う時は「エディタ」と呼ばれるソフトウェアのひとつです。 エディタとは言わば高機能なメモ帳のようなものです。 エディタには多くの種類がありますが、その中でも現在エンジニアの間で最も多く利用されていると言われているのが「Visual Studio Code（ビジュアル・スタジオ・コード）」です。 エンジニアの間では略して「VSCode（ブイエスコード）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Code for the Web
VSCodeのリモートSSHが急に接続できなくなったら。 - Qiita
VSCodeからブラウザを開く方法
vscode エクスプローラのフォルダ階層をまとめないようにする - Qiita
VS CodeでMarkdownをプレビューするには？
Cheat Sheet