[B! VSCode] bluescreenのブックマーク

Python + VSCode の環境構築 20240604

作業メモ。モダン Python 速習。 AI周りのツールを動かしていたら TypeScript だけでやるには無理が出てきたので、久しぶりに Python の環境構築をする。具体的にはTestGen LLM を動かしたい。 Python はたまに触るけど、基本 2.x 時代の知識しかない。基本的にこの記事を読みながら、細かいアレンジをしている。追記 rye が ruff と pytest を同梱してるので rye fmt, rye check, rye test で良かった uvicorn を叩くより、 fastapi-cli を使って起動したほうが良さそうので変更基本方針: Rye に全部任せる良く出来てると噂に聞いたので、 rye に任せる。自分が Python が苦手な点は pip を下手に使うと環境が汚れていく点で、基本的に rye で閉じて管理させる。システムの

bluescreen 2024/06/05

リンク

保守・理解しやすいコードを書きたい！〜VSCode拡張機能で循環的複雑度と戦う〜 - Qiita

参考: 循環的複雑度ちなみに githubで最もやべー関数を発掘するという記事では、循環的複雑度が高い関数が紹介されています。ものによってはリンク切れしてしまっていますが、最も複雑度が高いのはnode（JavaScript）のjo関数で5505だそうです。想像もつかない... どのようにすれば循環的複雑度を低く抑えられるのか？計算方法から考えると、forやifによる分岐を減らしていくことが必要となります。そのために、分岐の入るロジックを別関数として切り出し、１つの関数でやる事を絞り、分離することを理想として目指していきます。とはいえ、いちいち複雑度の計算なんてしていられないですね。そこで役に立つのが次のVSCode 拡張機能です。 Code Metrics （VSCode 拡張機能）この拡張機能は、TypeScriptやJavaScriptの関数・メソッドに循環的複雑度を表示して

bluescreen 2024/02/24

VSCode

リンク

My VSCode Config

Hi fellow devs, For my first post, I'm just documenting my VSCode configurations here for posterity's sake or just for my reference later. Keep in mind that this list is going to be language agnostic and more so utility/aesthetic suggestions (though these are inevitably tied to what languages I work with, so take that as you will). Please feel free to suggest any good extensions that I've missed o

bluescreen 2024/02/23

VSCode

リンク

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能﹁vscode-container-wasm﹂登場 WindowsやMacなどのデスクトップPCでVisual Studio Code︵以下VSCode︶を利用して開発をする場合、同じローカルマシン上でDockerコンテナのLinux環境を起動し、VSCodeのターミナルで接続して操作することは、開発環境としてよくあることだと思います。これと同じことをWebブラウザ版のVSCodeでも実現する、すなわちWeb版VSCodeが同一Webブラウザ上にWebAssembly化したDockerコンテナを起動し、Web版VSCodeからローカルマシンとして接続し利用できる、実験的実装を実現したVSCodeの拡張機能﹁vscode-container-wasm﹂が登場しました。V

bluescreen 2024/02/15

リンク

VSCode(VisualStudioCode)の定番機能を一挙解説 - Qiita

はじめにコードエディタ界の王様VisualStudioCode。開発の際に使っている方も多いのではないでしょうか。本記事では、VSCode(VisualStudioCode)の定番機能を紹介していきます。この記事を読んで、VSCodeマスターになりましょう！弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。そもそもVSCodeって？ VSCode︵VisualStudioCode)はMicrosoft社が提供する無償のコードエディタです。2015年リリースですが、着々とユーザーを増やしており、2023年現在、世界で最もポピュラーなコードエディタの1つとなっています。コードエディタって？字や記号などのテキストで構

bluescreen 2023/10/17

VSCode

リンク

主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO

ファイル比較 VSCodeのエクスプローラで、ファイル2つを選択して右クリックメニューから﹁選択項目を比較﹂で比較することができます。また右クリックで、﹁比較対象の選択﹂をした後に﹁選択項目を比較﹂でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを実装する場合などや、プロジェクト共通で使いがちな書き方というものをSnippetに登録して、効率化することができます。また、変数を持たせておくこともできます。この場合、Snippetを呼び出した後に変数部分にカーソルがあたるので、そこで変数部分をタイピングできます。詳細は以下のリンクをご覧ください。 Visual Studio Codeに定型文︵スニペット︶を登録する方法 VSCodeのUser Snippetを活用しよう！また後述するSnippet Gen

bluescreen 2023/10/13

リンク

VSCode + Dockerでよりミニマルでポータブルな研究環境を

はじめにもっとミニマルで簡単なポータブルな環境を! 自分自身の研究のための環境構築についてこれまで二本の記事を書いてきました. これらの記事から二年ほどたち, いくつかの点において不満点が出てきました. 特に, GCPや自宅のサーバー上でリモートで作業することが多くなってきたので, よりミニマルでポータブルな環境が必要になりました. 以下では, 現時点で最小限の努力で環境を再現ができることを目標にしたDockerベースのGitHubレポジトリのテンプレートとその使い方を紹介します. このテンプレートを用いて作られた環境は, 新たなコンピュータ上で最短4ステップで環境を再現できるようになります. git clone VSCodeの"Open in Remote Containers" renv::restore() dvc pull この環境とセットアップはこのレポジトリにテンプレートとし

bluescreen 2023/07/29

リンク

【早い！安い！うまい！】VSCode+WSL+Dockerで簡単に開発環境構築 - Qiita

三種の神器今やWSL,Docker,VSCodeは使えて当たり前という雰囲気になってきたので、初心者のためにすごく適当簡単に導入手順をまとめたよ卍最強の環境卍を構築するため以下の4ステップで解説するよ WSL2の導入 Dockerの導入 VSCodeの設定使ってみる 1. WSL2の導入そもそもWSLって何？という方もいらっしゃると思いますが、Windows内でLinux環境を使うことができるぜということだけ覚えておけばOKです導入についてはPowerShellで以下コマンドを実行するだけ！インストールしたらPCのスタートメニューからUbuntuを開き、ユーザ名とパスワードを設定しよう (Ubuntuを開くだけでユーザ名とパスワードを作成するための入力が求められます) WSLを真面目に知りたい方はこちら↓ https://learn.microsoft.com/ja-jp/wi

bluescreen 2023/06/01

リンク

VSCodeにChatGPTを！導入方法や使い方を理解して次世代の開発環境を整えよう

はじめに Microsoftの提供するVisual Studio Code︵VSCode︶は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させ、利用の領域を拡げられることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。対象読者テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方必要な環境本記事の内容は、以下の環境で動作を確認していま

bluescreen 2023/05/16

リンク

君はVS Codeのデバッグの知られざる機能について知っているか - Qiita

はじめにこんにちは、kenです。GWに﹁暇だな～～、こんな日はVS Codeの公式ドキュメントを読むか！w﹂と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全理解者なので誇ってください。︵！？︶以下に記載する内容はVS Codeの公式ドキュメントのDebuggingという章を参考にしています。注意これから紹介する機能は言語によって使えたり、使えなかったりします。今から紹介する機能のデモはすべてPythonで行おうかと思ったのですが、上記の理由からPythonではサポートされていない機能についてはJavaScriptやC++で代用しました。デバッグで使える便利な機能ログポイント機能行を指定しログポイントを追加すると、そ

bluescreen 2023/05/10

VSCode

リンク

デバッガと和解せよ

2022/08/28 Kernel/VM探検隊online part5 (https://kernelvm.connpass.com/event/256248/) の @nullpo_head (https://twitter.com/nullpo_head) の発表資料です。 ptraceを使って対象コマンドの全子プロセスにattachしてDwarfを見つつデバッグしたいプロセスを探し、最終的には他のデバッガに処理を流すような不思議なデバッガ(?)を作ることで、zero configurationでvscodeでブレークポイントを打ったプロセスのデバッグを始めてくれる dbgee (https://github.com/nullpo-head/dbgee) という便利ツールを作ったときの話をしました。

bluescreen 2023/05/04

リンク

Visual Studio Codeを使うなら絶対に入れておきたい拡張機能Top20【2022最新版】 - Qiita

この記事はNuco Advent Calendar 2022の14日目の記事です。 VSCodeに必須の機能20個を紹介していきます。インストール数と星の数は記事作成時点(2022年11月時点)のものです。 Japanese Language Pack for Visual Studio Code vscode-icons Code Spell Checker zenkaku Path Autocomplete Prettier - Code formatter indent-rainbow GitLens Git History HTML CSS Support Output Colorizer TODO Highlight vscode-random Atom One Dark Theme Trailing Spaces REST Client Live Server Jupyter

bluescreen 2022/12/15

VSCode

リンク

「Visual Studio Code」でのリモート開発が手軽に～リモートトンネル機能が提供開始／「SSH」は不要。「VS Code Server」で簡単セットアップ

bluescreen 2022/12/12

VSCode

リンク

神アップデート！ Win, Mac, Linux対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode

HTML, CSS, JavaScriptをはじめとしたさまざまな言語に対応、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャー「massCode」がv3に神アップデートされたので、改めて紹介します。 macOS, Windows, Linux対応、日本語の入力など日本語環境も完全サポート。クラウドで同期できるので、すべての環境で同じコードスニペットを使用できます。非常に快適で高速に動作し、VS Codeとの連携でさらに便利になっています！ massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 1

bluescreen 2022/08/25

リンク

【2023年】Web制作で使えるVSCodeオススメ拡張機能17選！ - PENGIN BLOG

この記事を書いた人だいちPENGIN BLOGメディア編集長。Web業界とは異業種の仕事をしながら、独学でWeb制作の世界に。副業でHP制作やコーディング代行、個人ブログの運営などに取り組み、現在はPENGINにてWebライティングやディレクションをしつつ、メディア運営全般を担当しています。︵個人運営ブログ‥https://daib-log.com/ ︶今回はVSCodeで使っている拡張機能を紹介します。他記事では利用シーンや用途分けがされてないことも多く、とりあえず入れてみたもののどんな機能だったのか忘れた、、、なんてこともよくあると思うので、この記事ではザックリと用途別にカテゴリ分けしています。基本的には紹介する拡張機能全て入れてしまってもいいとは思うんですが、個人的な優先度を星マークでつけています。導入する順番の参考にしてみてください！

bluescreen 2022/07/05

VSCode

リンク

VSCode上のVim操作を快適にする拡張 VSpaceCode の紹介

VSpaceCodeは，Spacemacsのようなkey bindingをVSCode上で実現するための拡張です．本記事では，VSpaceCodeについて簡単に紹介します． VSpaceCodeとは VSpaceCodeは，冒頭に述べたとおりSpacemacsのようなkey bindingをVSCode上で実現する拡張です．Spacemacsのようなkey bindingとは，デフォルトのleaderであるspaceキー␣を起点とした操作のことです．以下が例になります． VimでNormalモードの時にleader︵␣︶を押すと，コマンドパレットが表示される続く候補の操作のためのキーを押す操作を実行公式のデモが分かりやすいです例えば␣ w / は，windowを分割する操作︵コマンド︶になります． VSpaceCodeを使う大きな利点は，画面上側に入力に応じてコマンド候補が表示され

bluescreen 2022/06/27

vim
VSCode

リンク

サクッとAPIを叩く方法 (VS CodeでHTTPリクエストが送れちゃう拡張機能) - Qiita

概要開発中のAPIを試したり、サードパーティのAPIをサクッと叩いてみたいといった時に皆さんどのようにしますか？私は、curlコマンドやPostmanをよく使っています。ただ、もっと楽にHTTPリクエストを投げ、かつその時使用した情報を残すことができる方法を以前のチームメンバーに教えていただいたので、記事にしました。 REST Client 今回、紹介するのはVS CodeのエクステンションにあるREST Clientというものになります。このREST ClientというのはVS Code上でHTTPリクエストを送信し、レスポンスを確認できる拡張機能となっています。使用方法使用方法はすごく簡単で、拡張子が﹁.http﹂か﹁.rest﹂というファイルで決められた構文に従いHTTPリクエストを記述するだけです。下記にcrudの例を載せていきたいと思います。また今回はREST A

bluescreen 2022/06/21

VSCode
api

リンク

「VSCode」を縦書きビューや文字数カウントを備えた原稿エディターにする拡張機能「novel-writer」／青空文庫注記法の注記やルビにも対応。品詞の色分け表示やPDF出力もできる【レビュー】

bluescreen 2022/06/21

VSCode
git

リンク

まだ PostgreSQL の開発で疲弊してるの？ - Qiita

{ "plpgsqlLanguageServer.database": "データベース名", "plpgsqlLanguageServer.user": "ユーザ名", "plpgsqlLanguageServer.password": "パスワード", "plpgsqlLanguageServer.definitionFiles": [ // glob をサポート。 "**/*.sql", "**/*.psql", "**/*.pgsql" ], // Language Server が対応するファイルの拡張子はデフォルトで ['*.pgsql', '*.psql'] です。 // ︵ SQLite など他の RDS と競合させないためです。︶ // '*.sql' のファイルも対応させたい場合は、下記の設定を追加してください。 "files.associations": { "*.sq

bluescreen 2022/06/08

リンク

VSCodeおすすめ設定大公開！！おすすめ拡張機能も - Qiita

はじめに皆さんVisual Studio Code(以下VSCode)使ってますか？私はメインで使っているのですが、自分なりにしっくりくる設定や拡張機能がある程度揃ってきたので公開しちゃいます。おすすめ設定だけではなく、おすすめの機能もできる限り紹介したいと思いますので、最後までぜひお付き合いください。 ※プログラミング言語固有の設定の解説は軽めですのでご了承ください。 GIF画像が小さい場合は、クリックして頂けると拡大して表示が可能ですデフォルト機能編 Local History機能Gitは非常に便利なので、皆さん使われていると思います。Gitはコミット単位で履歴が管理できますが、保存単位で履歴が見れると嬉しいな、保存単位で復元できると嬉しいな、と思うことはないでしょうか。私はVSCodeは自動保存をオフにして、手動で保存するので、保存単位で履歴が見れると嬉しいなと思うこと

bluescreen 2022/05/01

VSCode

リンク

はてなブックマーク

タグ

関連タグで絞り込む (32)

VSCodeに関するbluescreenのブックマーク (103)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス