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

【VSCode】オススメの拡張機能と設定 - Qiita

{ "editor.formatOnSave": false, "editor.formatOnPaste": false, "editor.formatOnType": false, } この記事で紹介している拡張機能のIDは、記事の最後にまとめています。また、設定の方法については設定のやり方に記述しています。以下は、この記事で紹介する拡張機能のカテゴリ一覧です。設定ファイル関連(Yaml, Json, Toml) Git関連 Markdown関連カラー系 API関連コンテナその他便利な拡張機能ネタ系設定ファイル関連(Yaml, Json, Toml) 特にYamlやJsonはどのプロジェクトでも使用する可能性が高いので、必須の拡張機能となってくるかと思います。 Prettier esbenp.prettier-vscode jsonだけの設定では、VSCodeの設定ファイ

yuki_2021 2024/07/05

リンク

VSCodeで生産性を上げる

はじめにこんなツイートを見て執筆をしようと思いました。実際に、VSCodeは機能の追加や拡張機能の開発が活発に行われており、かつUIもユーザーフレンドリーであるため人気のエディターだと思います。VSCodeを使いこなせるのとそうでないのではエンジニアリングの生産性に大きな差が出てしまうと思います。パンくずの設定 '>' を入力します。 '>' preferences: Open User Settings (JSON)を入力します。僕のsettings.jsonは以下です。 { "workbench.colorTheme": "GitHub Dark", "terminal.integrated.fontFamily": "MesloLGM Nerd Font", "terminal.integrated.profiles.osx": { "fish": { "path": "/o

yuki_2021 2024/06/18

リンク

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 で閉じて管理させる。システムの

yuki_2021 2024/06/05

リンク

Microsoft、「AI Toolkit for VS Code」を発表／既存の「Windows AI Studio」をクロスプラットフォーム拡充、発展させる

yuki_2021 2024/05/23

リンク

Prettierを使わない理由

この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。勘違いしている人が多そうなので追記します。 Prettierを使わないというのは私が独断で決めた事ではないです。チームが発足する際の技術選定で合意は取れていますし、私が関与していない別のチームでも同様にPrettier無しで開発しています。私達のチームはメンバー同士を互いに信頼していますし、細いスタイルで喧嘩を始めるようなメンバーは居ないので安心してください。はじめに Prettierはコードフォーマッターとして広く使われているツールです。コードスタイルに関する議論をなくすことを目的としており、ESLintとは異なりデフォルト設定のままですぐに使えるのが特徴です。さらに、PrettierはJS

yuki_2021 2024/04/01

リンク

GitHub Copilot Tips and Tricks

30分でわかるシステム運用アンチパターン / Operations Anti Patterns in 30 minutes

yuki_2021 2024/03/22

リンク

ast-grep VSCode: 構造検索と置換の強力なツール

こんにちは、 ast-grepの作者Herringtonです。正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換︵SSR︶という技術を利用して、より正確で効率的な検索と置換を実現するツールです。構造検索は？テキスト検索と置換の限界例えば、JavaScriptコードをリファクタリングして、lodash の _.filter関数をネイティブの Array.prototype.filterメソッドに置き換えたいとします。単純なテキスト検索と置換は次のようになります: これは一部のケースではうまくいくかもしれませんが、いくつかの問題があります。一行の式しかマッチングできません。コードが複数行にまたがってい

yuki_2021 2024/03/18

リンク

なぜコーディングにVSCodeを使うのか。私がVSCodeを選んだ理由

この記事についてこの記事は、スマートフォン時代のWebデザインスクールや Web制作の基礎から学べる﹁Webコーディングスクール﹂の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。コーディングを始めたい、コーディングにVSCodeというものを使うということはわかってるけど、なぜこれを使うんだろう。VSCodeの何が便利なんだろう。と思っている初心者の方に特に読んでほしいと思い書いています。 VSCodeを使うようになったきっかけコードエディタ難民だった自分がいくつか試したのちに、Adobeが開発していたコードエディタBracketsに出会いました。拡張機能も追加しやすくてテーマも選べるし、使いやすい。とBracketsで落ち着いていたのですが、ある時﹁サポート終了になる﹂ということを知りエディタは何を使おうか…となり、その当時使い始める人が少しずつ増えていたVSCo

yuki_2021 2024/03/13

リンク

iTermをやめてVSCodeのターミナルに寄せる - yasuhisa's blog

背景担保したいこと 1: ホットキーで一撃で呼び出せる 2: ウィンドウを透過させてターミナルと他のウィンドウを同時に眺められること調査したこと & 解決方法ホットキーで呼び出せるか => hammerspoonで割り当てで対応ターミナルの透過 => 無理そうなので、代替手段で対応メモ: ターミナル関係のキーバインドtmuxっぽくしたいその他キーバインド背景 iTermをずいぶん長く使ってきたけど*1、VSCodeのターミナルが急速に進化しているので、乗り換えを検討した。 VSCodeが色々便利になってきた自分が使っている範囲だと、vimキーバインドも特に問題ない*2 普段のコーディングはVSCode、コマンド操作くらいしかiTermは使っていない特にCopilot系の進化は目覚ましい、長い物には巻かれろというか長期的にはエコシステムに乗っておきたいエディタだけでなく

yuki_2021 2024/03/02

リンク

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

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

yuki_2021 2024/02/23

リンク

VSCodeでC言語プログラミング事始め HelloWorldがnmakeできるまで - Qiita

はじめに諸般の流れからC言語を使う機会が増えてきたので、あらためてVSCodeでC言語プログラミングができる環境構築を再確認しておきます。諸般の事情でWindows＋MSCです。今回はmakefileを使ってHelloWorldがビルドできる状況を確認します。HelloWorld単体をビルドするのにmakefileを使うことはあまり意味のないことかもしれませんが、シンプルな環境でなにか見えてくるものもあるかもしれないということで。前提条件 VSCodeはなんらかのバージョンが既にインストールされていることが前提です。 MSCもなんらかのバージョンのVisualStudioのVisualC++がインストールされていることが前提です。今回は具体的には下記のバージョンを想定してお話が進みます。前回の記事でtasks.jsonとlaunch.jsonを生成して通常の[実行とデバッグ]からデバ

yuki_2021 2024/02/23

リンク

なぜファイルの末尾に改行を入れたほうが良いのか - Qiita

はじめにファイルの末尾には改行を入れたほうが良いのでしょうか。﹁ファイル末尾改行 POSIX﹂等で調べると、規格の観点から改行を入れた方がいいという話が出てくるのですが、今回はgitの仕組みの観点からも改行を入れたほうが良いという話をします。 GitHub上での末尾改行の警告例えば末尾に改行のないこんなファイルが有るとし、commitしてGitHubにpushすると以下のような表示になります export function hello(name: string) { return `Hello, ${name}!`; }

yuki_2021 2024/02/19

リンク

VS Codeで複数の範囲を選択するには：Visual Studio Code TIPS - ＠IT

連載﹁Visual Studio Code TIPS﹂ Visual Studio Code︵以下、VS Code︶では、幾つかの方法で﹁現在のカーソル位置にある単語と同じ単語をまとめて選択﹂できる。これを﹁マルチカーソル選択﹂と呼ぶ。本稿では、マルチカーソル選択機能の使い方を説明する。

yuki_2021 2024/02/16

vscode
tips

リンク

VS Codeの新機能がすごく便利！ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります

先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。エディタのスティッキースクロール︵紹介記事︶ができるようになった時もその便利さに喜びましたが、ツリービューでもできるようになり、深い階層でもすべての親を常に表示しておくことができます。ツリービューのスティッキースクロールを使用するには、デフォルトではオフになっているので、機能をオンにする必要があります。 ※オンになっている人もいるようですね。

yuki_2021 2024/02/16

vscode
tool

リンク

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

yuki_2021 2024/02/14

リンク

VS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグイン・「Twinny」

yuki_2021 2024/02/14

リンク

Code Tour を使ってじっくり確実にコードを読む

日々のタスクに忙殺されていると、ついつい既存コードを流し読みして、ざっと動くコードを書いてしまいたくなります。一発でうまく動けば短期的にはいいのですが、長期的にはコードの理解が追いつかなったり、一発でうまく動かなかった場合にかえって時間がかかってしまいます。 VSCode の拡張機能である Code Tour を使うと、コード上にメモを残しながら読み進めることができるので、既存のコードを読む際に便利です。 Code Tour とは VSCode の拡張機能で、コード上にメモを残しつつ、そのメモをたどることができるツールです。使い方ツアーを始めるコマンドパレットから﹁Code Tour: Record Tour﹂を選択すると、ツアーの記録モードになります。ツアーの名前どのソースに紐づけるか︵紐付けなし、ブランチ、タグ︶を選択すると、リポジトリ直下に .tours/${指定したツ

yuki_2021 2024/02/10

リンク

本当は教えたくない、VScode拡張の最強プログラミングアシスタントAI Phind(導入・使い方) - Qiita

みなさんプログラムは書いていますでしょうか。この一年でChatGPTができ、CopilotにCopilot Chatなど色々なAIツールが出ていますが今回お勧めするのはPhindというAIアシスタントです。 Phindとは Phind(Phind.com)とは端的にいえばGPT-4を超えるコーディング能力に特化した言語AIです参考リンク‥大規模言語モデル﹁Phind﹂がコーディングにおいてGPT-4を上回るリンク内で言われているように、WebからChatGPTやGoogleのように簡単に使うことができますが、Phindの真髄はここでは味わえません。 Phindの真の実力 Phindの本当の実力はVScode拡張を使うことによって体感することができます。 PhindのベースモデルはPhind-CodeLlamaというものを使っています。これはMeta社が作ったCodellamaというプロ

yuki_2021 2024/01/01

vscodeでのAI拡張

リンク

GitHub Copilotが便利になったのでターミナルもVSCodeで良いのでは？という話 - Qiita

この記事はラクスアドベントカレンダー2の17日目です。先日のVSCodeのアップデートで、GitHub Copilotを使うとターミナル操作が便利になりました。これにより、別途ターミナルのアプリを使わずにすべてVSCode上で操作した方が便利なのでは？となりました。アップデート前までどうしてたか MacのiTerm2上で、GitHub CopilotのCLI版︵パブリックベータ︶で入力補完やコマンドの意味を調べたりしていました。それ自体は便利でしたが、いくつかの不便な点もありました。使い方がちょっと煩雑だった例えばコマンドをサジェストして欲しい場合、gh copilot suggest 'gitで1つ前のコミットを取り消したい'のようにタイプする文字数も多くなり、またそれが一般的なコマンド or ghコマンド or gitコマンドかの3択に答えないといけなくて面倒でした。ss

yuki_2021 2023/12/18

リンク

VSCode 中級者になるための Tips 集 - Adwaysエンジニアブログ

こんにちは！エージェンシー事業部でアプリケーションエンジニアをしている23新卒の森田です！ 4,5年前に Atom から VSCode に乗り換えてすっかり VSCode のことを相棒だと信じ、もう知らぬことはないとそう思っていました。しかし、今年エンジニアとして業務で VSCode を使用していると、﹁あれっ、そんなこともできるの？﹂と日々相棒の新しい機能を発見しています。完全に理解したと思ったところからさらに新しい面に気づかせてくれる VSCode は最高の相棒ですね！！そんなところでこのブログでは、VSCode を完全に理解した VSCode 初心者の僕が、VSCode やっぱわからん VSCode 中級者になるために使いこなす必要がありそうだなと思った機能の Tips 集をご紹介します。筆者の環境は以下のとおりです。 Mac Apple シリコン Ventura 13.3

yuki_2021 2023/12/06

リンク

はてなブックマーク

タグ

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

VSCodeに関するyuki_2021のブックマーク (139)

お知らせ

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

月間はてなブックマーク数ランキング（2024年6月）

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

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス