くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

VSCode

Cline/Roo CodeにVSCode拡張機能を作ってもらった|所感と用意するべきこと・考えるべきこと

巷で話題のCline/Roo Codeを試してみたくて、 前から欲しかったVSCode拡張機能を作ってもらった 構成や価格は、 VSCode + Roo Code Anthropic API(Claude 3.7 Sonnet) v0.1.0までで、約$30(≒4,500円) そこから機能追加で、+約$10(≒1,500円) 執筆時点で、110…

VSCode拡張機能の開発入門 | その4 リリース

前回の続き。リリース周りを深ぼってみる(*´ω`*) VSCode拡張機能の開発入門 | その3 マニフェスト&API - くらげになりたい。 公式ドキュメントはこのあたり Publishing Extensions | Visual Studio Code Extension API Bundling Extensions | Visual Studi…

VSCode拡張機能の開発入門 | その3 マニフェスト&API

前回続き。もうちょっとマニフェスト&API周りの深堀り VSCode拡張機能の開発入門 | その2 UIの種類 - くらげになりたい。 Contribution Points Contribution Points | Visual Studio Code Extension API もろもろの設定は、packange.jsonに書いていく感じ /…

VSCode拡張機能の開発入門 | その2 UIの種類

前回の続き。UX GUIDELINESを見て、登場事物を理解する VSCode拡張機能の開発入門 | その1 - くらげになりたい。 とりあえず、画像で説明されているところを一覧で整理 Extension Capabilities Overview Extending Workbench | Visual Studio Code Extension…

VSCode拡張機能の開発入門 | その1

VSCode拡張機能を作ってみたいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) 公式ドキュメントはこのあたり Extension API | Visual Studio Code Extension API テンプレートでプロジェクト作成 テンプレートが用意されているので、yoコマンドを実行す…

VSCodeのDevContainer入門&Claude Codeのリファレンス実装を見てみる

この記事を読んで、Cline / RooCodeなどを使うなら、 ちゃんと使えるようにしたいなと思い、いろいろ調べてみたときの備忘録(*´ω`*) Cline / RooCodeを安全に使うためにDevContainerを使い始めた 環境は、macOS+OrbStack DevContainerとは Dev Containerは…

モノレポでもVSCodeでVitestできるようにする

VSCodeのVitest拡張機能をつかっているけど、 monorepoだとうまく動かなくて、 いろいろ調べたときの備忘録(*´ω`*) ちゃんとドキュメントに書いてあった(*´ω`*) Vitest - Visual Studio Marketplace vitest.workspace.ts Workspace | Guide | Vitest Vites…

VSCodeでフォルダ間の比較をする(Compare Folders)

VSCode上で、フォルダ間の差分を確認したいなと思ったら、 いい拡張機能があったので、調べたときの備忘録(*´ω`*) Compare Folders - Visual Studio Marketplace 使い方 コマンドパレットで「Choose 2 folders and compare」を実行 2つのフォルダを選択 各…

VSCodeのcolorizeでCSS/JSの色をわかりやすくする

VSCodeで開発をしているときに、CSSやJavaScript上の色を表示する拡張があって便利だった。 colorizeを試してみたときの備忘録(*´ω`*) marketplace.visualstudio.com こんな感じで背景色で表示してくれる(*´ω`*) (Element+とTailwindCSSのConfigで試してみ…

JSON Schemaで設定ファイルの項目を補完できるようにする

VSCodeでjsonなどの設定ファイルを編集しているときに、 フィールドで補完が効くものと効かないのがある。 なんで、違うんだろ?とおもっていろいろ調べたときの備忘録(*´ω`*) JSON Schema JSON Schema | The home of JSON Schemaという JSONの項目や構造を…

VSCodeのTSのimport補完で相対パスにしない設定

importを補完しようとすると、 ../../XXXとかになってしまうのが嫌だな。。と思ったので、 いろいろ調べてみた時の備忘録(*´ω`*) VSCodeのsettings.jsonに以下を設定すればOK { "typescript.preferences.importModuleSpecifier": "non-relative" } shortest…

VSCodeのSnippets機能で開発速度を上げる

VSCodeで定型文を登録できるSnippets機能)。 以前から使ってたけど、Easy Snippetという拡張機能を使ったら、 かなり楽に追加/編集ができるようになったので、いろいろ調べてみたときの備忘録 Nuxt+Firebaseで開発することが多いので、 ページやコンポーネン…

VSCode+TypeScriptでcatchのerrorがunknownになったときの対処法

VSCodeをアップデートしたら急にこんなエラーが出るようになった。。 TypeScript4.4からcatchの変数はunknownにするオプションが デフォルトでtrueになったららしい。。 TypeScript: TSConfig Reference - Docs on every TSConfig option Announcing TypeScr…

VSCodeのMarkdownで日本語をいい感じに整形する

VSCodeでMarkdownを書いていると、 GoogleアカウントがGoogle アカウント みたいに、空白が入ってフォーマットされてしまう。。 いろいろ見ていると、中国語とかの兼ね合いで対応されるのに時間がかかりそう。 回避策を見つけたので試してみたときの備忘録。…