保守・理解しやすいコードを書きたい！ 〜VSCode拡張機能で循環的複雑度と戦う〜 - Qiita
参考: 循環的複雑度 ちなみに githubで最もやべー関数を発掘するという記事では、循環的複雑度が高い関数が紹介されています。 ものによってはリンク切れしてしまっていますが、最も複雑度が高いのはnode（JavaScript）のjo関数で5505だそうです。想像もつかない... どのようにすれば循環的複雑度を低く抑えられるのか？ 計算方法から考えると、forやifによる分岐を減らしていくことが必要となります。 そのために、分岐の入るロジックを別関数として切り出し、１つの関数でやる事を絞り、分離することを理想として目指していきます。 とはいえ、いちいち複雑度の計算なんてしていられないですね。 そこで役に立つのが次のVSCode拡張機能です。 Code Metrics （VSCode拡張機能） この拡張機能は、TypeScriptやJavaScriptの関数・メソッドに循環的複雑度を表示して
Cursorエディタで開発を爆速化しよう！ - Qiita
初めに 最近Visual Studio Codeの代わりとなりえるCursorというエディタが 話題になりつつあります！ AI搭載機能がついているということで、好奇心だけが取り柄の私は 早速触ってみました。 結果開発の効率がかなり上がるのでは？ と思い記事にしてみました！ Cursorとは？ CusorはAnysphereが開発したエディタツールであり、 Visual Studio Codeが基になっています(VScodeのフォーク)。 また公式には、下記の記載があります。。 AI とのペアプログラミング用に設計されたエディターでソフトウェアをより迅速に構築 んん？ AIとペアプロという意味深な記載が。。 もう少し特徴を具体的にします。 Cursorの特徴 ・・・少しだけイメージできてきたでしょうか？ ChatGPTを利用している方も多いかとは思いますが、エディタで使えると 開発効率が上が
Overleaf+VSCode+GitHub+etcな執筆環境を整える
環境構築 以下の手順で構築していきます． Overleaf-Workshopの拡張機能をVScodeに入れる Latex-Workshopの拡張機能をVSCodeに入れる Latex-Workshopの設定を変更 texliveをインストール +α Grammarlyの拡張機能をVSCodeに入れる Grammarlyの設定を変更 1, 3, 5はVSCodeの拡張機能で検索すれば一瞬で出てくるのでスキップ． Latex-Workshopの設定を変更 Latex-Workshopの設定を変更します．以下を設定から変えましょう．cmd+,で設定のタブが開けると思います． Latex-workshop › Latex › Recipe: Default - first + lastUsed onSaveでtexソースをビルドするときに、デフォルト設定のfirstのままだとpdflatexのビル
VSCodeの設定の切り替えや共有に便利なプロファイル機能を活用しよう - Qiita
1. はじめに 魅力的な機能が多数登場しているVSCode、新しい機能や設定を試しているうちに、試用中の拡張機能が増えたり、設定が肥大化したりして魔改造になりがち。環境は綺麗に保ちたいですよね。 VSCodeの各種設定を綺麗に保つには、プロファイル機能を活用して、「普段使い用」や「お試し用」のように用途別の設定(プロファイル)として用意しておき、作業に適したプロファイルに切り替えて作業するのがおすすめです。 プロファイル機能は 1.75 ( January 2023 ) でGA(一般公開)となりました。 その後も機能追加が行われています。 本記事では執筆時点の最新版 1.85 ( November 2023 ) を対象としています。 プロファイルはエクスポート・インポートもできるので、VSCodeの各種設定をプロファイルにまとめておき、エクスポートしたものをインポートしてもらうことで簡単に
VScodeのGolangをデバッグする方法
今回やりたいこと VScodeで、Golangのデバッグをやりたかったのですが、launch.jsonの作成がうまくいかない? 私くは、homebrewでGolangをインストールしたので、設定が違うのかも? 設定 こちらの記事を参考にしましたが、ライブラリーはターミナルを開いてホームディレクトリでインストールしました。 てっあれ自分の記事だ😅 必要なライブラリーをインストールする 結構手こずった💦 パスは通っているようだ? launch.jsonを作成する: ブレークポイントを打つ: 画面左のRunボタンを押すと実行できます。赤い丸をつけているのが、ステップオーバーという１行つづコードを進めていく機能です。一番左の再生ボタンを押すと全てスキップできます。 感想 今回は、いつもDartでやってるデバッグの作業をGo言語でもやってみたかったのでデバッグを実際にやってみて、どのように構築し
【VS Code】tasks.jsonで決まった作業を自動化する | DevelopersIO
はじめに VS Codeでコーディングをするとき、Gitの操作やビルド、デプロイなど、決まった処理を手動で実行するのが面倒だなと思ったことがあるのではないでしょうか。tasks.jsonというファイルを使えば、そういった面倒な手順を自動化し、開発効率を上げることができます。 この記事でやること この記事では、作業ブランチにmainブランチの取り込みを行うGitコマンドを自動化してみます。mainブランチを取り込むために、以下のコマンドを毎回手で実行しているとします。 git stash git pull origin main git stash pop これをtasks.jsonに定義して自動化したいと思います。 タスクの作成 タスクを作成するには、VS CodeのメニューのTerminal⇒Configure Tasksを選択します。 Create tasks.json file fr
github copilot事始め - Qiita
まずは登録をしよう このページに全て書いてあるので割愛。 海外の住所入力フォームに戸惑ったので参考ページを貼っておきます。 vscodeのプラグインを入れよう vscodeを起動して Extensions から GitHub Colilot をインストール。 しばらくすると右下にこのようなポップアップが表示されるので、Sign in to GitHubボタンをクリックしてサインイン。 ポップアップが出ない時は左下の人マークからSign in with GitHub ....をクリックでもサインイン出来ます。 vscode左下にgithub copilotのアイコンが表示されていれば準備完了です。 実際に使ってみよう コメントして自動でコードを生成してもらう サンプルとして、k-meansアルゴリズムでクラスタリングしてみた。 k-means.pyファイルを作成し、冒頭にコメントを記載。 そ
VSCode上でCodeWhispererとCopilotを両方使うと、捗る (AIが脆弱性診断→AIが解説)
Qiita Advent Calendar 2023 「Visual Studio Code」 24日目の記事です。 言いたいこと VSCode上でAmazon CodeWhispererに脆弱性診断をさせてGitHub Copilot Chatにその解説をさせると、とても捗るよ。 もう少し細かい説明 GitHub CopilotやAmazon CodeWhispererって何？ GitHub Copilotは、IDE上でAIがコーディングの補完をしてくれるGitHub提供のサービスです。 Amazon CodeWhispererは、IDE上でAIがコーディングの補完をしてくれるAWS提供のサービスです。 つまり競合しています。比較用に両方を使ったことがある人はいても、日常的に同時使用している人は少ないのではないでしょうか。 ですが、メイン機能であるコーディング補完は一旦おいておいて、Co
VScodeだけでGit操作を完結させるのだ～～ッ!!
VScodeだけでGit操作を完結させる方法について書くのだ。 👀その前に！ この記事は、以下の2つの拡張機能がインストールされている前提で進めるのだ。 Git Graph - Visual Studio Marketplace GitLens — Git supercharged - Visual Studio Marketplace インストールしておいてほしいのだ。 ✅ステージング(git add ◯） 以下のようにするのだ。 ＋ボタンをクリック：ステージングする ーボタンをクリック：ステージングを解除する ▲ステージング→解除 ✅コミット名を自動でつける 右にある✨ボタンを押すと、コミット名を自動で決めてくれるのだ👇 ▲この例だと、変更内容が意味不明すぎて変なコミット名になってるし、現状英語だけみたい？ これは、GitHub Copilotの機能なのだ。 ✅コミット(git c
GitHub Copilotが便利になったのでターミナルもVSCodeで良いのでは？という話 - Qiita
この記事はラクスアドベントカレンダー2の17日目です。 先日のVSCodeのアップデートで、GitHub Copilotを使うとターミナル操作が便利になりました。 これにより、別途ターミナルのアプリを使わずにすべてVSCode上で操作した方が便利なのでは？となりました。 アップデート前までどうしてたか MacのiTerm2上で、GitHub CopilotのCLI版（パブリックベータ）で入力補完やコマンドの意味を調べたりしていました。 それ自体は便利でしたが、いくつかの不便な点もありました。 使い方がちょっと煩雑だった 例えばコマンドをサジェストして欲しい場合、gh copilot suggest 'gitで1つ前のコミットを取り消したい'のようにタイプする文字数も多くなり、またそれが一般的なコマンド or ghコマンド or gitコマンドかの３択に答えないといけなくて面倒でした。 ss
主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO
ファイル比較 VSCodeのエクスプローラで、ファイル２つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを実装する場合などや、プロジェクト共通で使いがちな書き方というものをSnippetに登録して、効率化することができます。 また、変数を持たせておくこともできます。この場合、Snippetを呼び出した後に変数部分にカーソルがあたるので、そこで変数部分をタイピングできます。 詳細は以下のリンクをご覧ください。 Visual Studio Codeに定型文（スニペット）を登録する方法 VSCodeのUser Snippetを活用しよう！ また後述するSnippet Gen
VSCodeをプログラミングエディタとして強化しよう！ 便利な設定や拡張機能を紹介
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
VS Code効率爆上げショートカット集 - Qiita
はじめに Visual Studio Code（以下、VSCode）でコードを書く際に、個人的に作業効率が上がると感じるショートカットをまとめてみました。 筆者はWindowsユーザーでHTML、CSS、JavaScript、C#、SQLあたりを見たり書いたりしています。 「習うより慣れろ」でVSCodeを開いて実際に打ってみて欲しいです。無意識でもできるように頭と指に刷り込ませて、作業効率を上げていきましょう！！ VSCodeのダウンロードはこちらから。 Ctrl + s / Ctrl + z / Ctrl + y 基本のき！！ 保存、戻る、進む！！！ Ctrl + sは何かするたびに絶対押しましょう。エディタに限らずドキュメントなどもとにかくCtrl + sは無意識下でも使えるようにしておかないと、急に落ちた時などに地獄を見ます。 Tab / Shift + Tab 選択した範囲に一括
自分的Visual Studio Code(VS Code)の必須設定4選 - Qiita
1. 区切り文字の設定変更 CSSクラス名や変数名をダブルクリックした際、ハイフン等がデフォルト設定では区切り文字として判定されます。それらの判定を変更する設定です。 設定前 設定後 設定手順 Code → 基本設定(Preferences) → 設定(Settings) 「設定の検索(Search settings)」欄に、editor.wordSeparators と入力 区切りとして扱ってほしくない文字を消す 初期値 2. HTMLブロックの一括選択設定 HTMLブロックの選択を楽にする為の設定です。 Emmet公式の説明ページ 選択したいHTMLタグにカーソルを合わせ、設定したキーを押すと、 ↓ 設定手順 Code → 基本設定(Preferences) → キーボードショートカット(Keyboard Shortcuts) 「入力してキーバインドを検索(Type to search
めんどくさがりでもできるVSCodeを使ったノートのとり方とドキュメント化について
はじめに 以下の記事をよんで、自分と似てる部分と違う部分あるなぁと思ったので、自分もノートのとりかた・ドキュメント化のフローを整理してみる。 新しい技術を学習しながらNotionでメモをとり、Zennで効率よく記事化するフロー 自分の場合、非常に忘れっぽいから、ノートとったりドキュメントに残すのが必須だと思ってる。ただ、かなりのめんどくさがりなので、ノートのとり方とドキュメント化を習慣化するのに、そこそこ苦労してて紆余曲折あった。似たような人もいるんじゃないかと思うので、忘れっぽくてめんどくさがりな人向けに、自分的にしっくりきてる方法を紹介する。 1. 画面キャプチャしまくる。 はじめての作業をしたり、他の人に共有したかったり、わすれそうなものは、何も考えず、キャプチャしまくって保存してる。 Macのショートカットで十分かなとはおもうけど、Chromeのスクロールして見えない部分もフルでキ
番外編：VS CodeでKaggleしよう！
kaggleパッケージをインストールして、VS Codeの統合ターミナルからKaggle APIにkaggleコマンド を使ってアクセスし、ローカル環境でKaggleノートブックを実行してみましょう。
業務で役に立つVS Code機能拡張を作ってみた話
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog この記事は UIT 新春 Tech blog 3日目の記事です。 こんにちは。LINE証券のフロントエンドを開発している岩本海童です。 今日は、業務で利用できる便利なVS Codeの機能拡張を作ってみた話をします。 背景 LINEでは、XLTと呼ばれるアプリケーションの多言語化のための社内ツールがあります。 あるキーとなる文字列に対して、対応する日本語や英語の文字列を関連づけることができ、それをソースコードから参照します。 例えば次のように、ボタンにXLTから設定した文字列を表示します。 export const ShowAllAssetsButton: FC = () => <button>{xlt('portofolio.
急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiita
この投稿では、「TypeScriptの文法や用語がよく分からない」という問題を解消してくれそうなツールを紹介します。 勉強しながらの見切り発車 最近はTypeScript未経験でも、TypeScript案件にアサインされることが増えてきているように思います。 運がいいと着手前にTypeScriptをじっくり学習する時間を与えられることがあります。しかし、多くのケースでは、見切り発車で開発に参加するのではないでしょうか。 コードリーディングから始まる TypeScript案件は、理解すべき既存のTypeScript/JavaScriptコードがあるケースが多いです。 そのため、 読んで理解すべき既存のTypeScriptコードがある しかし、TypeScriptの知識が乏しい状態でスタート といった事態がよく起きます。 新規プロジェクトでは既存コードがありませんが、ググって出てきたサンプルコ
最高のマスターデータ管理手法考察 & VSCode Extension を活用した話 / developing masterdata management tool by using vscode extension
GeekGig 『スタディサプリ x Showcase Gig』 〜フロントエンドを楽しむ〜 Links: p.6 [Deep Environment Parity CDNT 2019 - Speaker Deck](https://speakerdeck.com/spring_mt/deep-…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Codeのカレンダー | Advent Calendar 2023 - Qiita
