「Python」のVS Code拡張機能が強化、チュートリアルでインストールまで支援／2022年8月アップデートが公開
初めまして，buchioです。 Zenn初投稿なのですが，Markdownでサクサク書けるのは最高ですね． 画像もスクショでクリップボードにある画像がそのままペーストできるのが素晴らしいです． ただ，README.mdだったり論文をまとめるときはVS Codeで編集をします．VScodeで画像を挿入する場合 と書きますが，わざわざディレクトリを用意して画像を入れて，pathを書いて，と結構面倒です． スクショ画像をそのままペーストできないかなと思い，方法を探してみるとちょうどよい拡張機能があったので，その使い方とおすすめの設定を紹介します． Paste Image 使い方はいたって単純で， 使いたい画像をスクショ(Windows:Win+shift+s, Mac: Cmd+Shift+5) 張りたい場所にCtrl+Alt+V (MacならCmd+alt+V) 設定したフォルダに画像が保存さ
こんにちは皆さん。 いやね、皆さんこう言いますよ。 「それもう何番煎じやねん！前も聞いたわ！」 ってね。 でも、こうも思うじゃないですか。 「たくさん記事があるってことは、ひょっとしてめっちゃくちゃ大事なことなのでは？」 とね。 とういうわけで、毎回まるで前提のごとく使っていたVS Code Remote Containerによるコンテナ開発について、自分が使っているやり方について簡潔に書いてみます。 マニュアルなぞっても面白くないですしね。 VS Code Remote VSCではリモート環境に入ってエディタを起動することができます。 イメージ的にはこんな感じで、リモート環境上で立ち上げたエディタを、外部から遠隔操作するようなイメージですね。 VS Code Remote自体は随分前からあったのですが、WindowsのDocker開発の環境が整うまでに結構かかったのですよね。 私のプライ
連載目次 前回はブランチの作成、マージ、コンフリクトの解決などの手順について見ました。今回はリポジトリの操作を支援する拡張機能を幾つか紹介します。 サンプルコード 拡張機能を紹介する前に、何かのコードを書いてコミットして、ブランチを切って、そちらでもコードを書いてコミットしてという作業が必要です。ここでは、交差検証を行うために、PyTorchのデータセットを分割しようとしているとしましょう。以下はその前準備として、訓練データとして使うデータのインデックスと検証データとして使うデータのインデックスの組を要素とするリストを作成する関数を記述したものです（個人的に書いているコードなので詳細はあまり気にしないでください）。 from random import sample def make_kfold_range(length, k): quotient, remainder = length
VS-CODEでDocker環境を簡単に構築する方法
VS-CODEの拡張機能Dev Containersを使って、Docker環境を簡単に構築する方法についてご紹介します。 こちらのudemyの講座を参考しています。 自分が忘れないように記事にしました。 自作シェルで学ぶLinuxシステムプログラミング ―Pythonで150行の「シェル」を実装してLinuxのしくみを学ぼう Dev Containersとは Dockerコンテナを使った環境構築を非常に簡単に構築できるVS-CODEの拡張機能です Dev Containersのインストール VS-CODEの拡張機能の検索欄からdev containersを検索します インストールします 構成ファイルの作成 開発コンテナーのための構成ファイル（JSON）を作成していきます コマンドパレットから、Dev Contaniners: Add Dev Contaniner Configuration
今までノートをとるためのソフトウェア・サービスは色々使ってきた。 Evernote Simplenote Google Keep Scrapbox Inkdrop Obsidian 使ってきたツールはどれも良いものだったけど、ちょっとした不満があったり、他のツールに目移りして違うのを使ってみたり、 という感じで渡り歩いてきた。 最近は、Google Driveのフォルダにmarkdownファイルを入れて、VSCodeで編集するというスタイルで落ち着いてきた。 今日はその話を書いてみる。 Inkdrop 去年はInkdropを使ってた。 作者の人がブログやTwitterなどで情報発信しているのを見て、以前から試してみようと思っていた。 アプリはよくできていて使いやすかった。 Scrapboxいいよなーと思っていたが、markdownも良いものだと改めて思った。 書いたものを他の場所(GitH
Windows上のVS CodeでRemote-WSLを使い。WSL2のUbuntu 20.04へアクセスする。
はじめに ↑作成した環境へVisual Studio CodeのRemote-WSLプラグインを使用してアクセスする。 環境 Visual Studio Code 1.64.2 [1] Remote- SSH v0.70.0 Japanese Language Pack for Visual Studio Code Remote-WSL VS Code上からWSL2のUbuntuへ接続するためのプラグイン。 プラグインのインストール 拡張機能を選択する 検索ボックスへ「REMOTE WSL」と入力する 3. 「Remote - WSL」をクリックする 4. 「インストール」ボタンを押す WSL2のUbuntu 20.04へ接続 リモートエクスプローラーを選択する 「Ubuntu-20.04」を右クリックする（接続メニューが表示される） 「Connect to WSL」を選択する。 新規でV
extensions.json で指定された VS Code 拡張をコマンドで一括インストールする | DevelopersIO
こんにちは、CX 事業本部製造ビジネステクノロジー部の若槻です。 VS Code（Visual Studio Code） では、ワークスペースやプロジェクトで導入を推奨したい拡張機能を指定することができます。 指定方法は、次のような extensions.json ファイルを .vscode ディレクトリに作成するだけです。 .vscode/extensions.json { "recommendations": [ "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "redhat.vscode-yaml", "Arjun.swagger-viewer" ] } しかし、この extensions.json に指定したからと言って自動で VS Code にインストールされるわけではなく、次のように RECOMMENDED の一覧に表示さ
GitHub - microsoft/deoptexplorer-vscode: A VS Code extension to visualize deoptimizations in your JavaScript and TypeScript code running in V8 (i.e., NodeJS, Edge, Chrome, etc.).
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Despite many shortcuts I'm using frequently in VS Code, the following ones can come in very handy but I'm often forgetting they even exist. I made some GIFs for visualization to better remember them. Maybe there are some shortcuts you didn't remember either but are useful for you. Every command in VS Code can also be executed via command prompt with CTRL+SHIFT+P and a search query. But knowing the
Python拡張機能の2020年10月リリースは、デバッガ「debugpy 1.0」が収録されるとともに、14の問題に対処している。 debugpyは、コードのバグ、エラー、予期しない動作の予防や発見に役立つ、さまざまな機能を備えており、デバッグ時にDjangoやFlaskアプリといったWebアプリケーションのライブリロードもサポートしている。 ローカルでのデバッグでは、debugpyとPython拡張機能を使用することで、ローカルで実行されているプロセスのリストを取得し、debugpyをアタッチするプロセスを簡単に選択可能なほか、プロセスIDがわかっている場合は、launch.jsonファイルの“Attach using Process Id”に直接追加できる。 さらに、リモート開発拡張機能を使って、Dockerコンテナやリモートマシンといったリモート環境（WSL含む）でのアプリケーショ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Microsoftは米国時間6月30日、「Python」向けの新しい言語サーバー「Pylance」をリリースした。同社の人気の高い、オープンソースでクロスプラットフォームのコードエディターである「Visual Studio Code」（VS Code）とのやり取りに、「Language Server Protocol」を使用する。 Pylanceは、「Visual Studio Marketplace」で拡張機能として提供されており、「Visual Studio CodeでのPython体験を飛躍的に改善する」と、Python Language Server and Python in Visual Studio担当プログラムマネジャー
GitHub - gitpod-io/openvscode-server: Run upstream VS Code on a remote machine with access through a modern web browser from any device, anywhere.
VS Code has traditionally been a desktop IDE built with web technologies. A few years back, people started patching it in order to run it in a remote context and to make it accessible through web browsers. These efforts have been complex and error prone, because many changes had to be made across the large code base of VS Code. Luckily, in 2019 the VS Code team started to refactor its architecture
GitHub - ktock/vscode-buildg: VS Code extension for Interactive debugging of Dockerfile
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
文章を書く際には、関連した情報の整理や執筆作業、誤字脱字や分かりづらい文章の修正など、様々な工程が必要になります。しかし、できればこれら一連の作業に手間も時間もかけたくないですよね。 Visual Studio Code (VS Code) の拡張機能を導入すると、修正すべき箇所の自動検出や、Markdownの入力補助などにより、効率的に読みやすい文章を書けるようになります。 この記事では、VS CodeとMarkdownで快適で効率的な執筆環境を実現するために導入するべき、10個の拡張機能をご紹介します。 今回実現する機能は以下のとおりです。 実現する機能拡張機能
2022年5月6日 記事全体を修正しました。 はじめに 弊社ではプロジェクト（案件）によって以下のPython実行環境を使い分けています。 Python 2.7 Python 3.5 Python 3.5（アプリケーションスイートに含まれているもの） Python 3.6 Python 3.7 (64bit) Python 3.7 (32bit) Python3.8 Python3.9 開発環境（Visual Studio Code）で複数のPython実行環境を切り替える方法を紹介します。 前提 開発環境 開発環境は以下です。 Windows 10 Visual Studio Code（Pythonの拡張機能は導入済） Windowsの環境変数にPython実行環境のディレクトリのパスを設定しない プロジェクト（案件）毎にディレクトリ（以下プロジェクトディレクトリ）を分け、プロジェクトデ
Introducing Sapling: a VS Code Extension for Traversing React Component Hierarchy
React is a powerful tool for building your frontend applications, but at scale navigating the hierarchy of your components may be painful. Sapling aims to change that. Photo by Jan Huber on UnsplashModern React applications are huge. Facebook is built with more than 50,000 components. Even the parent-child relationships and the passed-down props of fairly simple apps can become unintuitive to mana
去る11月21日に行われた VS Code Conference Japan にて「Remote Development with Podman」の内容で発表を同いました イベントサイト 発表スライド 本記事は初出の発表資料を再構成し、内容を整理したものになります。 VS CodeにおけるPodmanのサポート VS Code Remote Developmentを使ったリモート開発のうち、Remote - ContainersでPodmanをコンテナ実行環境としての利用が可能です。なお、Remote - ContainersにおけるPodmanのサポートは 2020年4月、VS Code v1.45から。 Remote - Containersで具体的にできること Dockerの代わりにPodmanでコンテナを実行 VS CodeからPodmanで起動したコンテナへ接続し、コンテナの中で
Next.jsをVS Codeで快適に書くスニペット
モチベーション 新しいコンポーネントを作る時にいつも書くことを、スニペットにして楽をしたい。 VS Codeにはスニペットを登録できる えらべる設定方法 ２種類ある。 コマンドパレットからVS Code全体に設定すること。(参考) .vscodeディレクトリに*.code-snippetsにマッチするファイル名をおくことで、プロジェクト単位で利用すること。(参考) プロジェクト単位で設定する場合はscopeプロパティを使って利用する言語を指定できる。 こちらの記事で詳しく解説されてる。 すごい多機能 いろいろできる。書くのがめんどくさい書ききれないので詳しくはドキュメントへ。 例として ファイル名・ディレクトリ名などを埋め込める(正規表現も使える) デフォルト値を選択などもできる スニペットを貼った後のカーソル位置を指定できる。 など。 自分の書いたスニペット ファイル名と同じ名前のFun
GitHub - lokalise/i18n-ally: 🌍 All in one i18n extension for VS Code
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
How to use VS Code as your Git editor, difftool, and mergetool
How to use VS Code as your Git editor, difftool, and mergetool Do you use VS Code as your default Git editor, or as your Git diff tool? Should you? Let’s look at the potential benefits of using VS Code as a fully-fledged Git partner, and how you can do it. TLDR To make VS Code your default “everything”, first you need to ensure you can run VS Code from the command-line as outlined in the Prerequis
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Speech extension for Visual Studio Code The Speech extension for Visual Studio Code adds speech-to-text capabilities to the chat interfaces in Visual Studio Code. No internet connection is required, the voice audio data is processed locally on your computer. Getting Started Install the GitHub Copilot Chat extension a
Pythonオブジェクトを利用した構成 Pythonオブジェクトを利用した構成といっても、基本はファイルを利用した場合と同様だ。from_objectメソッドに.pyファイルを渡すだけだ。ただし、こちらではPythonのモジュールやクラスを渡すことができる。ここではconfig.pyファイルに構成値を記述するものとして、以下にそのコード例を示す（Flaskのドキュメント「Development / Production」に掲載されているコードを改変したもの）。 SOME_CONFIG = "configured in config.py" class Config(object): DEBUG = False TESTING = False DATABASE_URI = 'sqlite:///:memory:' SOME_CONFIG = "configured in Config cla
[アップデート]AWS Toolkit for VS CodeをAWS SSOのクレデンシャルで使えるようになりました | DevelopersIO
AWS Toolkit for VS CodeをAWS SSOのクレデンシャルで利用できるようになりました！ Introducing AWS SSO support in the AWS Toolkit for VS Code | AWS Developer Blog Using AWS SSO credentials - AWS Toolkit for VS Code AWS Toolkit for VS Codeとは VS Codeのextensionです。VS Code上でAWS上の各種リソースが確認できたり、デプロイできたりするようになります。特にAWS SAMとの連携が充実しています。 できることの詳細は以下ユーザーガイド配下をチェックしてください。 Working with AWS Services - AWS Toolkit for VS Code そんな便利ツールAWS T
GitHub - lostintangent/gistpad: VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Transcript VS CodeΛͬͨFlutterΞϓϦ։ൃ VS Code Meetup #1 - ॳճجૅฤ (2019/12/18) @kurun_pan • ຊۀ ‣ Software Engineer ✓ Linux Kernel, Driver, Middleware, Application etc - ϑϧελοΫʁ ✓ ࠷ۙUIϑϨʔϜϫʔΫؔ࿈ͷ͓ࣄ • ϓϥΠϕʔτ ‣ AndroidΞϓϦ։ൃͱ͔ίʔυॻ͍ͨΓ ‣ εϓϥτΡʔϯ2ʹ700HҎ্ͷೖ Self-introduction @kurun_pan @Kurun-pan • Google͕։ൃ͍ͯ͠ΔOSSͷϚϧνϓϥοτϑΥʔϜͳUIϑϨʔϜϫʔΫ • iOS/Android ‣ ਖ਼ࣜαϙʔτࡁΈ (2018/12ʙ) • Web ‣ ࠓ࣌Ͱ·ͩβ൛ (2019/12ʙ) • σεΫ
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
VS Code Conference Japan 2024、4/20にハイブリッド開催 Visual Studio Codeに関するコミュニティ「VS Code Meetup」主催による年次カンファレンス「VS Code Conference Japan 2024」が2024年4月20日（土）に、オンライン（YouTube Live）とオフライン（東京・ペイクラウドホールディングス）によるハイブリッド形式で開催される。4月1日の時点でオフラインの参加は定員に達しているが、オンライン参加は募集中。 VS Code Conference Japan 2024 基調講演は「Marp for VS Code 拡張機能開発の舞台裏」と題して、Markdownでスライドを作成できるオープンソースのツールMarpの開発者であるYuki Hattori氏により、VS Code上でMarpを実行できる拡
VS Codeの一つのウィンドウの中でコード編集とAPIテストを同時に行うことができるPostman VS Code拡張機能は、類似の拡張機能と異なり、Postmanコレクションを通じてPostmanの幅広い機能と連携できるのが特徴です。本セッションでは、Postmanコレクションを中心にした、便利なVS Code連携をご紹介します。Postman Tokyo Meetup 2023.9での発表資料です。
追記： VS Codeがラズパイに正式対応しています 正式対応しているので、以下を実行すれば基本的にはすんなりインストールできます。 また、VS Codeに関してはZennで本を無料公開しています。よろしければこちらも参考にしてみてください。 よって、この記事の内容はほとんど必要ないのですが、参考情報として残しておきます。 VS Code Insider版がラズパイに来た VS Code Insider版がラズパイ（というかArm）に対応したという嬉しいお知らせを目にしました。 @code insiders running on Linux ARM? You got it! 👌 My @Raspberry_Pi 4 is pretty happy running it on @ubuntu_mate. Get it today: 👉 ARM64 https://t.co/3q14il7
この本では、初心者・入門者の方に向けて、AIコードエディタの知識や使い方を体系的にまとめました。 【概要】 ・内容：Cursorとは？、Cursorのできること、Cursorの料金プラン（比較表あり）、Cursorのインストール方法（環境構築）、Cursorの使い方、Command K、Chat、@ Symbols、Codebase Answers、Docs、Auto-Debug、Fix Lints、CursorとGitHub Copilotの違い、OpenAIのAPIをCursorに登録する方法、Azure OpenAI ServiceのAPIをCursorに登録する方法、CursorやGitHub Copilotの社内導入を検討している方々へ ・所要時間：約2時間 ・必須条件：特になし ・推奨OS：macOS / windows ・レベル：★☆☆☆☆
VS Code用Jupyter拡張機能がリリース、R・Julia・ScalaでもJupyter Notebookのサポートが可能
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
マウス操作では左端に表示されるアイコンをクリックすることでコードの折りたたみ、展開ができます。すべてを折りたたみ、展開するにはShiftを押しながらクリックします。 キーボードショートカットでの操作は以下のとおりです。 Ctrl+Shift+[：折りたたみ Ctrl+Shift+]：展開 Ctrl+K Ctrl+L：折り畳み／展開のトグル Ctrl+K Ctrl+[：再帰的に折りたたみ Ctrl+K Ctrl+]：再帰的に展開 Ctrl+K Ctrl+0：すべて折りたたみ Ctrl+K Ctrl+J：すべて展開 Ctrl+K Ctrl+1：レベル1で折りたたみ Ctrl+K Ctrl+2：レベル2で折りたたみ Ctrl+K Ctrl+3：レベル3で折りたたみ Ctrl+K Ctrl+4：レベル4で折りたたみ Ctrl+K Ctrl+5：レベル5で折りたたみ Ctrl+K Ctrl+6：レベ
VS Codeでソースコード管理：リポジトリをGitHubに発行してみよう：Visual Studio Codeで快適Pythonライフ ローカルリポジトリをVS Codeを使ってサクッとGitHubへ発行したり、リモートリポジトリをローカルな環境にクローンしたりしてみましょう。
はじめに ここ最近、GitHubやQiita等のWebサービスで採用されているマークダウン。メモ帳などで記載するよりもリッチなドキュメントを作れる上に、HTMLよりも少ないコードで表現できるので、徐々に普及しつつあります。今回はそんなマークダウンの基礎を学んでいきましょう。 レッスン１．マークダウン(MD)とは マークダウン(以下MD)はテキスト記述のためのマークアップ言語の１種です。マークアップ言語はHTMLが代表的ですが、文書構造や装飾などを表現するための言語のことです。MDを使うことで、プレーンテキストがよりリッチに表現できます。一定のルールに従って記載していき、完成した後はHTMLとしての書き出しも可能となっています。記法もタグというよりは記号が多いので、視覚的に分かりやすいかつ、覚えやすい言語仕様となっています。 レッスン２．MDを書くための環境を整える MDの用途として、Web
Windows と Ubuntu (WSL 2) で VS Code Terraform 拡張の入力補完を使えるようにする - しばやん雑記
Terraform 定義を書く量が増えてきたので、快適な環境のために Terraform 定義の入力補完が動くように整えることにしました。激しく今更感がありますが、これまで真面目にセットアップせずに使っていました。 ARM Template の DSL である Bicep が微妙に注目されているようですが、サンプルを見た感じでは ARM Template のしんどい部分が割とそのままで、API Version を意識させられるのも変わっていないので、今後も Terraform を使っていくつもりです。 話を Terraform に戻しますが、Visual Studio Code で Terraform 定義を書いている人は、この拡張をみんな入れていると思います。ちょっと前に Hashicorp 公式になった拡張です。 Language Server は別リポジトリで配布されていますが、Te
VS Code / プラグインを活用したDraw.ioの便利な使い方 | フューチャー技術ブログ
概要Draｗ.io（Diagrams.net）はとても便利ですが、VScodeやプラグインと組み合わせるとさらに便利になります。 特に便利と感じた機能を紹介します。 VS Code プラグインここ数年、GitHubでドキュメント（Markdown）を管理するケースが増えており、Markdownに埋め込む編集可能な図として、Draｗ.ioのメタ情報を埋め込んだ画像を利用しています。 当初、ブラウザ（もしくはデスクトップ版）を利用していたのですが、こちらのプランを利用すると、VSCodeから直接png/svgをDraｗ.ioで表示・編集・画像保存が可能となり、とても便利です。 https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio Draｗ.io プラグイン公式でもブログでサラッと紹介してあるのみですが、
VS Code の Remote SSH でリモートの Windows 10 に接続して開発する - Qiita
はじめに 皆さん、テレワークやってますか？ うちはノート PC と WiMax 支給だからどこでだって仕事できるぜ。昼間は優雅にオサレなカフェで、夜は落ち着いた行きつけの隠れ家的なバーでブランデーを片手にバリバリコード書いてるぜ。と言う貴族みたいな人もおられるかも知れませんが、自宅の PC から VPN で職場のネットワークに繋いで RDP でうにゃうにゃとか、VDI 環境があってそこに繋いでどうこうとか、そう言うスタイルでお仕事されている方も多いのではないかと思います。 こう言うパターンだと、 ローカル PC に VPN 環境をセットアップ VPN で社内に接続 RDP クライアントで社用 PC に接続 エディタで開発 と言う形になるかと思います。 RDP による画面転送での作業は社内にいて PC の前に座って作業するのとほぼ同様の形態となりますが、画面表示の遅延、キーボード・マウス操作
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Markdownでスクショ画像をペーストする(VS Code)
みんながきっと１万回は聞いている、VS Code Remoteでコンテナ開発をやる方法
VS Codeでソースコード管理：拡張機能でコミット履歴を簡単操作
Google DriveとVS Codeでノートをとる話
codeコマンドとdevcontainerコマンドでVS Codeのターミナルを快適に使う
23 lesser known VS Code Shortcuts as GIF
VS Code用Python拡張機能に「debugpy 1.0」が搭載、2020年10月リリースより
マイクロソフト、VS Code向けの拡張機能「Pylance」発表--Python開発体験を向上
【VS Code＋Markdown】執筆をラクにするオススメ拡張機能10選
VS CodeでWorkspace毎に使用するPython実行環境を切り替える | LogixSquare
VS Code + Remote Development + Podmanでコンテナの中で開発を行う
VS Code Speech - Visual Studio Marketplace
VS CodeとPythonで作るFlaskアプリの構成を一巡り
VS Codeを使ったFlutterアプリ開発 - Speaker Deck
GitHub - znck/grammarly: Grammarly for VS Code
VS Code Conference Japan 2024、4/20にハイブリッド開催 | gihyo.jp
開発生産性大幅アップ！Postman VS Code拡張機能
Raspberry PiにVS Code Insider版をインストールする方法 - Qiita
サクッと始めるAIコードエディタ【Cursor / VS Code / ChatGPT】
VS Code：コードの折りたたみ、展開（フォールド、アンフォールド）をする方法
VS Codeでソースコード管理：リポジトリをGitHubに発行してみよう
It's official: the Standard Ruby VS Code extension
VS Code を利用した Markdown の基礎とフォーマット構文 | tracpath:Works