AIコードエディタのCursorは初級者以上中級者未満の私のような者には夢のようなツールです！土台はVSCodeとはいえ細かな部分に違いはあります。Cursorのデフォルトではツールバー（アクテビティバー）が左カラムの上部に表示されています。そんなものかと、なんとなくそのまま使っていましたが、Cursorのフォーラムを眺めていたら変更できる記載があり、実際に変更してみました。手順を以下にまとめました。 How to move top toolbar to the left same as vscode? - How To - Cursor Community Forum CursorのフォーラムよりCursorのツールバー（アクテビティバー）をVSCodeのように左端に表示1. 設定画面を開くCursorの設定画面を開くキーボードショートカット（Ctrl+,）を使用するか、[ファイル]>[

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

結論 引数が多くて、わかりずらかったコードが ↓ このように、引数の名前が表示されることでめちゃくちゃわかりやすくなります！ 設定方法 設定方法は、設定からPython Analysis Inlay Hints: callArgumentNamesをallにするだけ。（画像の一番上の設定です） なお、この設定は、Pylanceという拡張機能のものです（ただし、Microsoft公式のPythonの拡張機能パックに入っているのでPythonユーザーであれば概ね設定可能だと思います）。 jsonで設定する場合は以下のようにsettings.jsonに追記してください。

こんにちは、ニケです。 皆さん、Cursor 使っていますでしょうか。 私は去年の10月末から使い続けているのであと一ヶ月で1年が経過します。時間が経つのは早いですね。 前回書いた記事（↓）から半年経ち、開発の仕方が少しアップデートされたので改めて記事にしようと思います。 ちなみにこちらの記事ではブラウザ版のClaudeも紹介していますが、Claude-3.5-SonnetがCursorで利用できるようになってからはあまり使っていません。設計の壁打ちとかでたまに使ったりするくらい。 そのため、この記事ではCursorにフォーカスを当てて紹介していきます（最後に少しだけ他に使用しているAIツールを共有します）。 なお、役割によって用途が変わってくると思うので、予め私の属性を提示しておきます。 仕様を考えたりコード書くことがメインの仕事 仕事以外でも暇なときはコードを書いている 0 → 1 で

内容 Marp for VSCodeを使ってmarkdownをスライド形式でプレビューするにはVSCodeの標準プレビュー機能を使う必要があります。 でも Markdown Preview Enhanced を入れると標準プレビューのボタンが非表示になってしまいます。 なので設定で非表示を無効化してあげましょう。

題名の結論だけ知りたい方は、解決法の節をご覧ください。 Streamlit とは 一次情報 https://www.streamlit.io/ を見て頂くと、Streamlit がどのようなもので、何が便利かがよく分かります。と書いて終わってしまうと私の出番がないので、本節の残りはご興味があればどうぞ 私はこれまで、データの集計をする際に Pandas, Jupyter, Flask などをよく使っていたのですが、つい先日 Streamlit を知って触れてみたところ、とても取り扱いが軽快で気に入りました。 例えば、ちょっとRDBやREST風APIなど複数ソースから収集したデータを加工してプレゼンテーションしたい。アウトプットにはBootstrapとJQueryをほんのり当ててリッチ風にプレゼンテーションしたい。なんていう事があると思います。 これをFlaskで作ろうとすると、環境としての

キーボードマクロ キーボードマクロは同じ操作を繰り返し実行させることができる便利な機能です。 テキスト加工などの作業で使いこなすと作業効率が劇的に向上します。 VSCodeとキーボードマクロ VSCodeにはデフォルトでキーボードマクロ機能が存在しないため拡張機能を利用します。 インストール VisualStudioマーケットプレイスから こちらのリンクから Install をクリックしてインストールします。 https://marketplace.visualstudio.com/items?itemName=tshino.kb-macro VSCodeの拡張機能から 「keyboard」などのキーワードで検索して「Keyboard Macro Beta」をインストールしても良いです。 使い方 記録 (Record) 操作を記録開始・終了する際に次のショートカットキーを使います。 mac

この記事では、ALT+Rのショートカットキーを押した時に表示される「GeForce Experienceジーフォース・エクスペリエンス」の「パフォーマンスオーバーレイ」を無効化する方法を書きます。 機能を無効にするかショートカットキーを変更することで解決します。 僕がWindows11で作業している時、ふっと右上に「パフォーマンスオーバーレイ（Alt+R）」という画面が表示されました。うっすら半透明で画面の上に表示されている状態です。GPUやFPSなどを簡易的に確認できました。 「なんだこれ？」と思って調べると、どうやら「GeForce Experience」アプリの「パフォーマンスオーバーレイ」のショートカットキーがALT+Rになっていて、うっかり押したようです。 「GeForce Experience」アプリは、ゲーム内録画やフィルターをかけるのに重宝していますが、今回のパフォーマンス

こんにちは、ニケです。 皆さん、CursorとClaude使っておりますでしょうか？ ブラウザ版Claudeに課金してはや数週間、もうこれがないとコーディングもままならないくらいには依存しちゃっています。 それまではCursorのChat欄メイン、たまーにうまくいかないときにChatGPTを使っていましたが、もう完全に乗り換えてしまいました。 GPTsのようなChatGPT専用の機能も元々あまり使っていなかったので、今回のサムネ作成で2週間ぶりに使用…（もうサブスク辞めようかな というわけで今回は私が普段どうやってCursorとClaude使って開発しているのかを共有したいと思います。 ⚠ 以降の説明は、Cursor有料版（$20）と ブラウザ版Claude（$20）が前提となっています。 ⚠ 私の環境ではGithub Copilotも有効になっていますが、CursorのCopilot機能

はじめに WindowsでCursorエディタを使いたいけど「Dev Containers」が使えないのでDockerコンテナ上で開発できないし、けどどうにかして使いたいなぁということで、色々と調べた結果、最終的にsshで接続してCursorからDockerコンテナ内に接続できたので、記念に初記事を投稿します。 （2024/01/09 追記） バージョン：0.22.0 から「Dev Containers」に対応したようです！ 試してみましたが、無事にコンテナの中に入れることを確認しました。 以降、Cursorでコンテナの中に入るためだけにssh接続する環境を作る必要は無さそうです。 wsl2上のDockerコンテナにssh接続する環境を作成 1. ssh公開鍵の作成(WSL) ssh-keygen -t ed25519 -f .ssh/(公開鍵名) 2. Dockerコンテナの作成(WSL

今話題のエディタ「Cursor」のメニューバーを日本語化する方法メモ。 メニューバーから「View」→「Command Palette(Ctrl+Shift+P)」を選ぶ。 立ち上がったコマンドパレットから「Configure Display Language」を選択する。 「日本語(ja)」を選択する。 「日本語に切り替えるためにCursorを再起動するか？」みたいなウインドウが出てくるので、「Restart」をクリックする。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with

Visual Studio Codeの拡張機能「REST Client」は、エディタからHTTPリクエストを発行できます。このとき、様々な変数が使えるため、環境毎（開発・本番など）のAPI切り替えなどを便利に扱えます。 API Gatewayで作成したAPIの動作を確認するとき、何らかのRESTクライアントを使うと思います。 curlコマンド Postman Insomnia REST Client Chromeの拡張機能 など 今回は、私が使っているVisual Studio Codeの拡張機能を紹介します。特に変数が使えるため、APIの環境（開発・本番など）やリクエストパラメータの変更がとても楽に行えます。 REST Client - Visual Studio Marketplace おすすめポイント たくさんあるので、抜粋してご紹介します。 テキストファイルで管理できる 複数のリク

あらまし VSCode の拡張機能を入れようと検索したら、「XHR failed」と出て検索ができない。 このエラーには原因がいくつもあるようで解決に手間取ったので、メモ。 案その1 Proxy 設定の問題 VSCode のHttp:Proxy 設定に、使用中のProxy サーバが登録されていなくてエラーになることがあるらしい。 Settings で同設定を見ると、確かに何も入っていない。 コマンドプロンプトで現在のProxy サーバを確認してみる。

Mermaid Markdown はフローチャートやガントチャート、円グラフなどをMarkdownに描けるオープンソースのライブラリです。 これを使うと、Markdownドキュメントに簡単に図形を書くことができます。。 この記事では、Visual Studio Code で Mermaid をプレビューする方法を紹介します。 1. 拡張機能をインストール Visual Studio Code で Markdown Preview Mermaid Support をインストールします。 検索すると以下のような画面で見つけることができます。 ちなみに、github.dev の Visual Studio Code にもこの拡張機能をインストールできます。 2. Mermaid Markdown の書き方 まず、Visual Studio Code で .md ファイルを作成します。 その後、以

Markdown + AI（GithubCopiotX）の驚異のタッグ！💥 2023年新世代の爆速ライティング体験へようこそ！💻いま、✨GithubCopiotXでMarkdownを作らないで、いつ作りますか？MarkdownVSCodegithubcopilotChatGPTMarkdownViewer 新世代のライティング体験 VSCode Insider＋GitHub Copilot nightly(Chat機能)で快適なMarkdown執筆体験を実現！ Markdown Viewerでリアルタイムにプレビューを確認しながら執筆可能！ Typoraを使っていた頃のライティング体験とは比べ物にならないほど快適！ ChatGPTと比べても、MarkDownを理解して会話ができるので便利すぎる！ ※2023/06/09追記(Chat機能など）ベータプレビュー版の機能について一旦削除m(

動機 AtcoderをC++で解く(デバッグする)際に、標準入力をターミナルに直接入力する方法とテキストファイルから入力する方法とで使い分けたかったからです 方法 既存のlaunch.jsonの configurationsに２つ目のデバッグ構成を追加します 今回は標準入力をテキストファイルから行いたかったので、argsのみ変更しています nameは各自適当なものに変更してください { "version": "0.2.0", "configurations": [ { "name": "g++.exe - アクティブ ファイルのビルドとデバッグ", "type": "cppdbg", "request": "launch", "program": "${fileDirname}\\${fileBasenameNoExtension}.exe", // "args": [], "stopAt