Visual Studio Code でSpring Bootに入門する - Qiita
1. 今回の記事内容 開発業務で Spring Framework を使うことになりそうなので、開発ツールとしてEclipse ではなく VS Code での開発をやってみた、という記事になります。Javaの開発において現状ではEclipseを使うのが主流だと思いますが、今後は VS Code を使うケースが増えるのではないかと見ています。 2. Spring Framework に関するおさらい 本題に入る前に Spring Framework について少しだけ復習しておきます。 (1) Spring Boot ってなんだっけ？Spring Framework とどう違うの？ 書籍『Spring 徹底入門』によると、Spring Boot とは「最小限の設定でプロダクションレベルのSpring アプリケーションを容易に開発するためのSpringプロジェクト」であると説明されています(p.
VS Codeでコードがさらに見やすくなる！ ネストされたブロックを強調表示するVS Codeの機能拡張「Blockman」
HTML, CSS, JavaScript, PHPなどさまざまな言語に対応、コードのネストされたブロックを枠で囲って強調表示するVS Codeの機能拡張を紹介します。 さっそくインストールして使用してみましたが、これは見やすくなりますね！ 枠のボーダーや背景、ネストの深さを自由に変更もできるので、自分が見やすいようにカスタマイズできます。 Blockman -GitHub Blockmanの特徴 Blockmanのインストール Blockmanの使い方 Blockmanの特徴 Blockmanは、コードのネストされたブロックを強調表示するためのVS Code拡張機能です。 サポートしている言語は、JavaScript, JSX, TypeScript, TSX, C, C#, C++, Java, Ruby, PHP, R, Go (Golang), Dart, Rust, Swift,
【VSCode】 JSON の中身（キーの名前）をソートする方法
上記のものに reverse が付く種類は、付いていないものと逆の順番にソートされます。 ただ、「by values」は、「数値」は昇順なのに「アルファベット」は降順にソートされます。バグってる感じがしますが、私はこのソートを使わないので気にしないことにしました。 設定 「Sort JSON objects」の設定は、VSCode の設定ファイル「settings.json」に次のような記述をすることでできます。 表示するソートの種類を減らす 初期設定では、右クリックをすると「Sort JSON」から「Sort JSON (reverse)」まで10種類のソート方法が並んでいます。 ただ、使うものは限られていると思うので必要ないものは、VSCode の「settings.json」に次のように追記することで、false にした同名の機能を非表示にできます。 "sortJSON.contex
VScode でPowershell デバッグとpythonデバッグを共存させる方法
環境 Window10 pro VScode 1.70.2 python venvによる仮想環境 /ENVフォルダ下にPython 3.9.10 <- pythonインタプリタ選択済み Powershell Extension v2022.7.2 VScode拡張機能 PowerShell Python Python Extended Python Extension Pack Python Docs Code Runner ..etc 目的 普段は、Pythonでの開発なので、F5デバッグ実行はPython仮想環境下にあるPythonが実行されます。 Powershellスクリプト によるドキュメント作成自動化なども行います。Powershellスクリプトの実行にはCodeRunnerを使用していましたが、今まで動作していたスクリプトが何らかの要因でエラーが発生してしまい、デバッグして追
Visual Studio Codeを使ってDockerコンテナ内でシステム開発を行う - NRIネットコムBlog
本記事は NRIネットコム Advent Calendar 2022 24日目の記事です。 🎁 23日目 ▶▶Happy Christmas Eve! ▶▶ 25日目 🎄 はじめまして、入社7年目の川畑です。 主にPHPを使ったWebアプリの開発・保守・運用を担当しております。 今日はクリスマスイブですね。私は枕元に現ナマが置かれる予定です。夢はないけど嬉しい。 はじめに ローカルに開発環境を構築する際にDockerを利用されている方も多いですよね。 作って壊してが楽、ローカルにプログラミング言語を入れなくても開発環境が構築できるなどメリットにあふれています。そんなDockerを利用して環境を構築！人気エディタVisual Studio Code(以下、VS Code)でいざソースコードを書くぞ！と勇むと、下記のようなメッセージが通知されます。（PHP環境だとお考え下さい） Canno
虹色のVSCodeでテンション上げて開発する！ | cloud.config Tech Blog
この記事は、FIXER Advent Calendar 2021 8日目の記事です。 こんにちは、久しぶりにTech Blogを書きます神取です。 今回はVSCodeにて、プログラムの視認性や開発時のテンションを向上させるために、括弧とインデントに色をつける方法について解説します。 括弧については、少し前までは、Bracket Pair Colorizer 2 を使っていたのですが、 VSCode 1.60で括弧の色付け機能、 VSCode 1.61で括弧のペアのガイドが入ったので、 Bracket Pair Colorizer 2がメンテナンスされなくなったこともあり、VSCode本体の機能のみを使用します。 インデントの色付けは indent-rainbow を使用します。 可愛い系のVSCodeが好みの方は、こちら や、こちら が参考になるかと思います。 (僕は虹色の方がテンションが
かわいいVScodeの作り方👁👄👁💗
かわいくないワ...👁👄👁 これではテンション上がりません。コーディングに置いてモチベーションは最も大事な栄養素です。 テーマを変更してモチベを上げていきます。 テーマを変更 illusion お好みのテーマをダウンロードしてテーマを有効にします。 ...いいんじゃない？👁👄👁 まだそこまでかわいくありません。 コーディングにおいて、インデントは最も大事な要素です。そんなに重要なものが光っていないのは怠慢という言葉を禁じ得ません。インデントを光らせていきます。 indent-rainbow 拡張機能を有効にしたらこうなっているはずです。 トーンが暗いわネ...👁👄👁 setting.jsonでハイライトの色を変えていきます。 "indentRainbow.colors": [ "rgba(128, 64, 64, 0.5)", // 1インデント目の色 "rgba(128
Draw.ioで作成した図をPowerPointにコピペする - Qiita
TL;DR こちらの記事 「Draw.ioで作成した図をWordに挿入する」 の補足版。 前回にうまくやれたにもかかわらず２回目に同じことをしようとして沼にハマったので、自分用のメモでもあります。 目的とゴール プレゼン用資料作成などでPowerPoint（パワポ）にdraw.ioで設計した図などを転載する場合は多いと思います。 画像としてキャプチャをコピペしてもよいのですが、文言や微妙な位置修正などする場合、パワポでいじれるオブジェクトにしたいと思いますが、単純にコピー＆ペーストしてもうまく行きません。 ここでは以下、パワポでいじれるオブジェクトにするやり方を解説します。Macで確認しましたが Windows は時間があったら確認してみますのでまずはご容赦を。 サンプルとして次のような図を用いてみました（A4サイズ）。 手順 元記事では、SVGにしたあと、inkspaceを使ってemfへ
VS Code コーディング規約を快適に守る - Qiita
規約とツールでコードの品質を上げる コーディング規約をチームで共有するとコードの可読性が上がる。 たとえばPEP8はPython標準ライブラリ用のコーディング規約で 1行の文字数を79文字以下とするなどその内容は多岐にわたる。 コーディング規約は学習・運用コストがかかるためLinter・Formatterなどのツールを有効活用したい。 以下、Visual Studio Code（VS Code）用のお勧めの規約・ツールを導入する手順を示す。 概要 Linterツール flake8、Formatterツール autopep8、 docstring支援の拡張機能autoDocstringをインストールし、下の設定を行う。 前提としてMicrosoft公式の拡張機能Pythonは導入済みとする。 "files.autoSave": "afterDelay", "files.autoSaveDel
GitHub+VSCodeでのMarkdownドキュメンテーションのプロジェクトルールを考える
概要 Word や Excel でのドキュメント作成を回避し、なるべく生産性高く、かつ、OS 環境依存なく、すべて基本無料で構成できるツールで、Markdown ベースで設計書を作成することを考えてみます。 GitHub 上で閲覧できる形でドキュメントを作成することを前提に、VSCode（＋プラグイン）を用いて、テキスト文書、表（テーブル）、図（構成図など）、キャプチャ、などをスピーディに作成し、PullRequest ベースで運用していけるように、プラグインを構成および、レギュレーションを作成してみました。 GitHub の README.md や Wiki に書いて使えるかと思いますので、併せて markdown 形式および、vscode のプラグイン推奨設定ファイル形式でも載せておきます。 もし、もっとこのプラグインを使うと良い、などアイデアなどありましたら教えていただけると幸いです
VSCodeおすすめ設定大公開！！おすすめ拡張機能も - Qiita
はじめに 皆さんVisual Studio Code(以下VSCode)使ってますか？ 私はメインで使っているのですが、自分なりにしっくりくる設定や拡張機能がある程度揃ってきたので公開しちゃいます。 おすすめ設定だけではなく、おすすめの機能もできる限り紹介したいと思いますので、最後までぜひお付き合いください。 ※プログラミング言語固有の設定の解説は軽めですのでご了承ください。 GIF画像が小さい場合は、クリックして頂けると拡大して表示が可能です デフォルト機能編 Local History機能 Gitは非常に便利なので、皆さん使われていると思います。 Gitはコミット単位で履歴が管理できますが、保存単位で履歴が見れると嬉しいな、保存単位で復元できると嬉しいな、と思うことはないでしょうか。 私はVSCodeは自動保存をオフにして、手動で保存するので、保存単位で履歴が見れると嬉しいなと思うこと
実際に使っていて便利だと感じたアプリ、Chrome拡張、ターミナル拡張、VSCode拡張まとめ - Qiita
はじめに はじめまして、@nkato_です！ 普段は機械学習寄りのソフトウェアエンジニアとして、PythonでMLパイプラインを記述したりGoでバックエンド処理を記述しています。 便利アプリや各種ツールの拡張機能が好きで、これまでにも様々な機能を取り入れて試してきました。 自社エンジニア向けにそういったツールを共有したいと思ったのですが、どうせなら公開情報としてQiitaに投稿しようと思い立ち、まとめてみることにしました。 量は多いですが、どれもおすすめです！ アプリ Alfred ショートカットキーで検索窓を開いて、アプリ名で検索してアプリを起動するやつ アプリの起動以外でも、ファイルを開いたり計算したりできる 僕はアプリはAlfred経由でしか開かないので、ドックもランチャーもあまり使ってない App Storeのやつは古いので公式サイトからダウンロードする The Unarchive
これは便利、VS Codeの設定を変更しよう！v.1.60のアップデートで、ブラケットのカラー化にネイティブ対応
VS Codeがどんどん便利になっていきますね。 先日のv.1.60のアップデートで、ブラケットのカラー化に対応しました！ VS Codeの設定を変更するだけで、開始と終了のブラケットをセットで同じカラーにします。今までは機能拡張を入れないとできなかったことが、ネイティブ対応したのは朗報です。 Visual Studio Code: August 2021 (version 1.60) 自動言語検出 - VS Codeにペーストする際にプログラミング言語を検出します。 ビルトイン高速ブラケットカラー化 - 大規模ファイルでも高速にブラケットのマッチングとカラー化。 設定エディタのシンタックスハイライト - 設定のコードブロックでリッチなシンタックスハイライトに対応。 ターミナルでグリフのレンダリング - ボックス描画とブロック要素文字の表示が改善。 デバッグウォッチ値の設定 - デバッグセ
Windows / Visual Studio 使いが WSL 2 / Visual Studio Code で環境構築した時の手順 - しばやん雑記
基本的には Windows と Visual Studio を使って Azure Functions や GitHub で公開しているアプリケーションとライブラリを書いていますが、最近は Python や Go を書く必要がちょいちょい出てきたので、色々と観念して WSL 2 の環境を構築して使っています。 特に Python は Azure Functions だと Linux のみ対応となるので、Windows 上での開発は難しくなっています。他にも個人的に PR を投げている Terraform Provider for Azure も Windows 上では一部のテストが通らなくなっているので、WSL 2 を使わないと難しい状況です。 環境構築系はメモっておかないと後ではまるので、自分が必要な範囲で手順を残します。 基本的な WSL 2 環境構築 Visual Studio Cod
戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつある
テキスト編集だけでなく、表計算やイラスト作成など、何かの目的を達成しようとした際には「どのツールを選ぶのか」が問題になってきます。テキストエディタの世界でVisual Studio Codeがその地位を不動のものにしつつある点について、ロビン・クリーンさんがデータをまとめています。 The Era of Visual Studio Code | Roben Kleene https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code/ ツール選びの一つの考え方は、「一番寿命が長いツールを選ぶ」というものです。どんなに慣れ親しんだツールであっても、開発が終了してしまうと新たなツールの使い方をまた最初から学びなおす必要があり、そうした苦労を避けるには人気があって長く使われているツールを選びたいところ。表計算やイラスト作
Visual Studio Codeが天下統一へ | スラド オープンソース
戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつあるそうだ。 Stack Overflowの調査によると、Visual Studio Codeの人気は2018年の35%から2019年には51%に達し、他のエディタが越えられれなかった40%のラインをオーバーしてきたとのこと。また、記事ではVisual Studio Codeを「テキストエディタの進化の最終地点」と評価している。 エディタ戦争というと長らくEmacs vs VI (最近はvim)が語られていたが、これらの「初期のエディタ」は「コピーやペースト、アンドゥなどの機能を利用するのに独自の方法を使うなど、新たに使い始めるにはハードルが高い」と評価している。人気度もEmacsが4～5%、vimが25%程度とVisual Studio Codeには及んでいない。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - SeijiFujita/vscode-tag-jump: Tag-Jump for vscode
「Visual Studio Code」でのリモート開発が手軽に ～リモートトンネル機能が提供開始／「SSH」は不要。「VS Code Server」で簡単セットアップ
Oracle、「MySQL Shell for VS Code」をプレビュー公開／「MySQL」の開発・管理シェル「MySQL Shell」を「Visual Studio Code」で直接扱える
GitHub - AlansCodeLog/blender-debugger-for-vscode: Blender addon for remote debugging Blender with VS Code (and Visual Studio)