Reclineという庶民の味方！！GitHub CopilotでClineが使えるｗｗ - しとちゃぶろぐ

2025/01/13 162 users Cline COPILOT CLI 真価 庶民

Reclineの構築手順本記事では、Reclineの構築手順について解説します。Reclineは、CLIおよびエディタ内で動作し、コードの作成、編集、実行を支援します。このプロジェクトはClineをフォークしたものであり、Claude 3.5 Sonnetによって真価が発揮されます。。 これ何がすごいって、VSCodeのLanguageModelAPIとCopilotを... 続きを読む

Cool Clineで完全自動コーディングを試したら新時代を感じた - Qiita

2025/01/08 130 users Qiita extensions コマンドパレット 手元 話題

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これは何? Cool Clineという話題のVSCode Extensionsを試してみました。 Cool Clineとは? 公式のドキュメントが中国語だったのでgptに訳してもらいました。 平たく言うと，既存のCl... 続きを読む

VSCode で LLM と論文執筆

2024/12/28 74 users LLM ハードル 論文執筆 CyberAgent AI 発展

この記事は CyberAgent AI Lab Advent Calendar 2024 19 日目の記事です。 はじめに 非ネイティブにとって英語論文執筆はハードルが高いものですが、最近では LLM の発展によりハードルがだいぶ下がりつつあるのではないでしょうか。 LLM 時代の英文執筆方法の一つとして、Overleaf Workshop を使用して、Overleaf のプ... 続きを読む

2024年、Web制作・デザインに役立つ記事の総まとめ

2024/12/26 17 users Web制作 総まとめ デザイン figma タイポグラ

2024年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラ... 続きを読む

Visual Studio Codeに入れるべき拡張機能【2024年最新版】 - Qiita

2024/12/24 527 users Qiita コードエディタ 拡張機能 開発 魅力

はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いや... 続きを読む

【VSCode】 マルチカーソル、使ってますか？

2024/12/17 185 users マルチカーソル 命名 筆者 変数名 関数名

マルチカーソル機能の使い時 筆者がマルチカーソルを使用したくなる場面を3つ紹介します。 1. 命名を一括変更するとき 変数名や関数名を一括で変更するときに、マルチカーソル機能を使うことで、短時間で変更を行うことができます。 命名を一括変更している様子 検索バーから一括変更する方法もありますが、その場合カー... 続きを読む

Mermaid Graphical Editorを使うとVSCodeでサクサク図が書けるよ

2024/11/23 414 users

Mermaid Graphical Editor VSCodeの拡張機能です。 Mermaid記法を利用してマークダウン内部で作図しながら、Mermaidそれ自体のエディタを立ち上げることができます。 逆にMermaid Editor側で編集した内容もマークダウンにフィードバックされます。 vs Draw.io Integration 類似ツールとしてDraw.io Integrationがありま... 続きを読む

生成AIによるプログラミング支援のCodeium、VSCodeフォークの「Windsurf」エディタ発表。変数名を1カ所変更して残りの修正を生成AIが行うなど高度な開発支援を提供へ

2024/11/14 5 users 生成AI 変数名 Visual Studio Code 修正

生成AIによるプログラミング支援のCodeium、VSCodeフォークの「Windsurf」エディタ発表。変数名を1カ所変更して残りの修正を生成AIが行うなど高度な開発支援を提供へ 生成AIによるプログラミング支援ツール「Codeium」を提供しているCodeiumは、Visual Studio code（以下、VSCode）をフォークしCodeiumと統合した新しい... 続きを読む

VSCodeをドキュメント作成に活用――テキストエディタ、Markdownエディタの設定と拡張機能を解説

2024/11/09 8 users コーディング テキストエディタ Markdownエディタ

テキストエディタとして活用（2） 禅モードを使う 禅モード（Zenモード）とは、エディタ上に表示されるUI要素をできるだけ少なくしてフルスクリーン表示とし、文章の入力・編集作業に集中できるようにするモードです。集中したいのは文章に限らずコーディングでも同じだと思いますが、書く、消す、以外の機能をあまり使... 続きを読む

VSCodeをドキュメント作成に活用――テキストエディタ、Markdownエディタの設定と拡張機能を解説

2024/11/08 154 users テキストエディタ Markdownエディタ 用途 拡張機能

本連載では、VSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。VSCodeは、プログラミング以外の用途にも使えます。第10回では、VSCodeをドキュメント作成のためのテキストエディタ... 続きを読む

Cursorで開発効率を爆上げ：VSCode + GitHub Copilotを超える次世代AIコードエディタ

2024/11/06 14 users Cursor chatgpt GitHub Copilot

はじめに 皆さん、こんな経験はありませんか？ コードを書いていて、「これって前にも似たような実装をしたよな…」と悩む ChatGPTで質問するために、いちいちブラウザを開いて切り替えるのが面倒 GitHub Copilotの提案が的外れで、何度も書き直している そんな悩みを解決する、革新的な開発ツール「Cursor」をご紹介しま... 続きを読む

VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に

2024/11/05 107 users GitHub Copilot Copilot Edits

VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に マイクロソフトはVisual Studio Codeの2024年10月のアップデート版（version 1.95）を公開しました。 本バージョンでは、Copilot Chatセカンダ... 続きを読む

VSCodeでホバー時のTypeScriptの型ヒントをすべて表示する

2024/10/17 11 users TypeScript デフォルト ホバー時 型ヒント 以下

はじめに こんにちは、からころです。 今回は、VSCode でホバー時の TypeScript の型ヒントをすべて表示する方法について書いていこうと思います。 デフォルトの設定では型の情報量が増えると型が省略される VSCode では、TypeScript を利用して開発する際に、ホバーすると以下のように型ヒントを表示することができます... 続きを読む

【Python】VSCodeで関数の引数名を表示する神機能 - Qiita

2024/09/26 31 users Qiita Python 関数 引数名 神機能

結論 引数が多くて、わかりずらかったコードが ↓ このように、引数の名前が表示されることでめちゃくちゃわかりやすくなります！ 設定方法 設定方法は、設定からPython Analysis Inlay Hints: callArgumentNamesをallにするだけ。（画像の一番上の設定です） なお、この設定は、Pylanceという拡張機能のものです（ただし... 続きを読む

VSCodeのGitHub Copilotが色々便利になっていた件

2024/08/16 280 users chatgpt File chat 右クリックメニュー 要約

はじめに 知らない間にGitHub Copilotが結構進化していたので、それらの内容を紹介します。 GitHub Copilot Chatは知っていたのですが、単なるChatGPTみたいな会話機能を追加しただけだと思っていました。 要約 右クリックメニューや#fileのようなコマンドが登場し、それを入力するだけでChatに見てほしいコンテキストを... 続きを読む

AWS CloudShell上でVSCodeを動かすという発明 - Qiita

2024/08/07 13 users Qiita プロキシー 発明 仕組 パブリック

使用するもの VSCode おなじみのIDEです。VSCodeには、サーバーとして起動するオプションが用意されていますので、今回はその仕組を利用します。 pinggy プライベートネットワーク内のポートを一時的にパブリック公開するプロキシーをサービスとして提供しています。無料で利用することも可能です。 手順 AWS CloudShell... 続きを読む

VisualStudioCodeで絶対にしておくべき設定ベスト20

2024/08/02 167 users VisualStudioCode フレームワーク エディタ

Visual Studio Codeで絶対にしておくべき設定ベスト20 はじめに Visual Studio Code（VSCode）は、開発者にとって非常に人気のあるエディタであり、その柔軟性と拡張性から多くのプログラミング言語やフレームワークに対応しています。VSCodeを最大限に活用するためには、適切な設定を行うことが重要です。本記事では、V... 続きを読む

Visual Studio Code の Emmet機能を使ってコードを楽に書こう - Qiita

2024/07/28 100 users Qiita Emmet エンジニア みなさま 学習

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約1分程度で読めるので最後まで読んでもらえると幸いです。 はじめに コードを書くのに慣れてくると、いちいちコードを書くのが煩わしくなりませんか？ そんな時 Visual Studio Code（以下、VSCode） の Emmet... 続きを読む

【index.ts】そのVSCodeタブ名、わかりづらくない？【page.tsx】

2024/07/27 157 users TSX Page.tsx index.ts ディレクトリ名

はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか？ 実はよく見ると右側にディレクトリ名が表示されているのですが、薄い文字かつ、目線移動のコストが発生するため分かりづらいです。 この記事では、VSCodeの設定を変更することで、フ... 続きを読む

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

2024/07/04 296 users Qiita YAML false 拡張機能 設定

{ "editor.formatOnSave": false, "editor.formatOnPaste": false, "editor.formatOnType": false, } この記事で紹介している拡張機能のIDは、記事の最後にまとめています。また、設定の方法については設定のやり方に記述しています。 以下は、この記事で紹介する拡張機能のカテゴリ一覧です。 設定ファイル関連(Yaml, J... 続きを読む

Google I/O 2024で発表されたFirebase Data ConnectをVSCodeのエミュレーターで試してみた

2024/06/29 14 users エミュレーター idx Google I 執筆時点 日本語

Google I/O 2024で発表されたFirebase Data ConnectをVSCodeのエミュレーターで試してみた 執筆時点でIDXを使った記事は見かけるものの、VSCodeを使ってローカルで試している日本語記事は自分はまだ見かけていないので、おそらく日本語では初の記事なんじゃないかと思います。 Firebase Data Connectとは Google I/O 202... 続きを読む

VSCodeで生産性を上げる

2024/06/16 281 users ユーザーフレンドリー エディター パンくず 執筆 拡張機能

はじめに こんなツイートを見て執筆をしようと思いました。 実際に、VSCodeは機能の追加や拡張機能の開発が活発に行われており、かつUIもユーザーフレンドリーであるため人気のエディターだと思います。VSCodeを使いこなせるのとそうでないのではエンジニアリングの生産性に大きな差が出てしまうと思います。 パンくずの... 続きを読む

VSCodeの偽拡張機能を作ったらダウンロードされまくり＆悪意あるコードを簡単に仕込めるVSCode拡張機能システムの欠陥も明らかになったという報告

2024/06/11 37 users 欠陥 マシン 外観 Visual Studio Code 結果

Microsoft製テキストエディタ「Visual Studio Code(VSCode)」は拡張機能を導入することで機能を追加したり外観をカスタムしたりできます。セキュリティ研究者らが「人気拡張機能にコードを挿入した偽拡張機能」を公開した結果、短期間で大企業やセキュリティ企業を含む多くのユーザーのマシンにインストールされたとのこ... 続きを読む

【VSCode】覚えておきたいキーボードショートカット一覧 - Qiita

2024/06/10 24 users Qiita 備忘録 Windows マウス操作 バージョン

00.はじめに そろそろマウス操作から脱却したいなぁ...ということで、Visual Studio Code（以下、VSCode）で個人的に重宝していたり、覚えたいけど中々定着しないキーボードショートカットを備忘録も兼ねて一覧にまとめました。 本記事ではWindowsでのショートカットキーを記載しています。 VSCodeのバージョンによって... 続きを読む

Python + VSCode の環境構築 20240604

2024/06/04 351 users TypeScript Python 速習 無理 ツール

作業メモ。モダン Python 速習。 AI 周りのツールを動かしていたら TypeScript だけでやるには無理が出てきたので、久しぶりに Python の環境構築をする。 具体的には TestGen LLM を動かしたい。 Python はたまに触るけど、基本 2.x 時代の知識しかない。 基本的にこの記事を読みながら、細かいアレンジをしている。 基... 続きを読む