タグ

qiitaとvscodeに関するclavierのブックマーク (6)

  • Cursorエディタで開発を爆速化しよう! - Qiita

    初めに 最近Visual Studio Codeの代わりとなりえるCursorというエディタが 話題になりつつあります! AI搭載機能がついているということで、好奇心だけが取り柄の私は 早速触ってみました。 結果開発の効率がかなり上がるのでは? と思い記事にしてみました! Cursorとは? CusorはAnysphereが開発したエディタツールであり、 Visual Studio Codeが基になっています(VScodeのフォーク)。 また公式には、下記の記載があります。。 AI とのペアプログラミング用に設計されたエディターでソフトウェアをより迅速に構築 んん? AIとペアプロという意味深な記載が。。 もう少し特徴を具体的にします。 Cursorの特徴 ・・・少しだけイメージできてきたでしょうか? ChatGPTを利用している方も多いかとは思いますが、エディタで使えると 開発効率が上が

    Cursorエディタで開発を爆速化しよう! - Qiita
  • github copilot事始め - Qiita

    まずは登録をしよう このページに全て書いてあるので割愛。 海外の住所入力フォームに戸惑ったので参考ページを貼っておきます。 vscodeのプラグインを入れよう vscodeを起動して Extensions から GitHub Colilot をインストール。 しばらくすると右下にこのようなポップアップが表示されるので、Sign in to GitHubボタンをクリックしてサインイン。 ポップアップが出ない時は左下の人マークからSign in with GitHub ....をクリックでもサインイン出来ます。 vscode左下にgithub copilotのアイコンが表示されていれば準備完了です。 実際に使ってみよう コメントして自動でコードを生成してもらう サンプルとして、k-meansアルゴリズムでクラスタリングしてみた。 k-means.pyファイルを作成し、冒頭にコメントを記載。 そ

    github copilot事始め - Qiita
  • VS Code効率爆上げショートカット集 - Qiita

    はじめに Visual Studio Code(以下、VSCode)でコードを書く際に、個人的に作業効率が上がると感じるショートカットをまとめてみました。 筆者はWindowsユーザーでHTMLCSSJavaScript、C#、SQLあたりを見たり書いたりしています。 「習うより慣れろ」でVSCodeを開いて実際に打ってみて欲しいです。無意識でもできるように頭と指に刷り込ませて、作業効率を上げていきましょう!! VSCodeのダウンロードはこちらから。 Ctrl + s / Ctrl + z / Ctrl + y 基のき!! 保存、戻る、進む!!! Ctrl + sは何かするたびに絶対押しましょう。エディタに限らずドキュメントなどもとにかくCtrl + sは無意識下でも使えるようにしておかないと、急に落ちた時などに地獄を見ます。 Tab / Shift + Tab 選択した範囲に一括

    VS Code効率爆上げショートカット集 - Qiita
  • 【2020年1月】令和だし本格的にVSCodeのRemote Containerで、爆速の"開発コンテナ"始めよう - Qiita

    【2020年1月】令和だし格的にVSCodeのRemote Containerで、爆速の"開発コンテナ"始めようJavaPythonPHPJavaScriptGo VSCode の Remote Conainer で"開発環境+プロジェクト全部入りのコンテナ"からスタートダッシュをキメるッ!? 開発でVS Code の Remote Conainer使っていますか?単に既存のコンテナに入るだけなら Remote SSH でも構いませんが、"ローカル開発環境の一部"として、いやむしろローカルの開発環境=Remote Containerとして、ビンビンにRemote Container使っていきましょう。令和だし!(すでに2年だけどね・・・?) 特にMacを使っていると最初からPythonやらPHPやらRubyやらが入ってしまっているので開発環境があるのですが、これらは割とmacOSのエコシ

    【2020年1月】令和だし本格的にVSCodeのRemote Containerで、爆速の"開発コンテナ"始めよう - Qiita
  • Vue/Nuxt開発効率を3倍にするVSCode拡張機能セット - Qiita

    この記事を読むと VSCode拡張機能を入れて、下記のようなことが実現します ・VSCodeとは別にterminal(Command Line)の画面を開かなくても、VSCode内から直接terminal操作ができる(例えばnpm run devも) ・全てのカッコ()[]{}が種類別に色分けされる ・インデントが一眼で分かる ・htmlタグの開始タグと終了タグを同時に修正できる ・Vue.jsやNuxt.jsの構造やファイル操作が楽になる etc... なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、Vue.jsやNuxt.jsを用いて開発している方にとっては最も有力な選択肢でしょう(そして、その選択は間違いではないと保証できます)。 さて、VSCodeはそのままでも素晴らしいエディタですが、使用するフレームワークや用途に応じて拡張機能を入れるとさらに、そ

    Vue/Nuxt開発効率を3倍にするVSCode拡張機能セット - Qiita
  • マルチカーソルで、VSCodeのスニペットをもっと便利に。 - Qiita

    ある日の弊社 社長「お〜い、やめ太郎」 ワイ「なんでっか、社長?」 社長「今度作るショッピングサイトの件なんやけど」 社長「ドラッグ&ドロップ機能を実装することになったから」 社長「それをやめ太郎にお願いしたいんや」 社長「やめ太郎、やったことあるか?」 ワイ「どどどドラッグ!?」 ワイ「あるわけないやないですか・・・!」 ワイ「そんなもの販売して万が一・・・」 ハスケル子「やめ太郎さん、違いますよ」 ハスケル子「ドラッグ&ドロップでしょ」 ハスケル子「マウスで掴んで移動させるやつです」 ワイ「ああ、そっちか」 社長「やめ太郎、できるか?」 ワイ「もちろんですわ」 ワイ「前職でもドラッグやってましたから、余裕ですわ」 社長「よ、よろしく頼むわ」 レッツJavaScript ワイ「確かドラッグ&ドロップを実装するときは」 ワイ「マウスを動かしたときにマウスポインタの座標を取得できるようにして

    マルチカーソルで、VSCodeのスニペットをもっと便利に。 - Qiita
  • 1