「Visual Studio Code」で執筆するSF作家　藤井太洋氏が作る物書きのための拡張機能

2021/12/20 850 users 物書き 年次カンファレンス SF作家 登壇 藤井太洋氏

「VS Code Meetup」は、強力かつ軽量なオープンソースのコードエディター「Visual Studio Code」のミートアップです。今年もVS Code Meetup 主催の年次カンファレンス、「VS Code Conference Japan 2021」が開催されました。招待講演では、SF作家の藤井太洋氏が登壇。VS Codeで執筆を支援する機能拡張「novel-writer」の... 続きを読む

AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA

2018/07/17 832 users Brackets WeBA Sublime vim 死角

schedule2018.07.16 公開 folderFrontend local_offer Appweb-design 概要 この記事はAtom、Sublime、ついでにBracketsなどのユーザに向けたVS CODEの布教記事です。VimやDreamweaver、JetBrains系エディタを使っているユーザのことはあまり考えてません。 VS CODE とは VS CODE (正式名称 Visual Studio Code) (以下、C... 続きを読む

「Visual Studio Codeの教科書」を読んでVS Codeの設定をゼロから見直してみた - karaage. [からあげ]

2020/07/16 749 users 一成 平岡 プログラマー KARAAGE Kindle版

Visual Studio Codeの教科書 Visual Studio Codeの教科書を購入しました。基本的な使い方から拡張機能の作り方まで、広く押さえられていました。 プログラマーのためのVisual Studio Codeの教科書 (Compass Booksシリーズ) 作者:川崎 庸市,平岡 一成,阿佐 志保発売日: 2020/04/30メディア: Kindle版 自分は拡張機能作り... 続きを読む

君はVS Codeのデバッグの知られざる機能について知っているか - Qiita

2023/05/09 693 users KEN Qiita デバッグ ＧＷ 公式ドキュメント

はじめに こんにちは、kenです。 GWに「暇だな～～、こんな日はVS Codeの公式ドキュメントを読むか！w」と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。 おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全... 続きを読む

WSL2、Docker、VSCodeで劇的に改善されるWindows開発環境

2020/11/04 657 users Docker Transcript WSL2 WSL 序章

Transcript © SIOS Technology, Inc. All rights Reserved. WSL2、Docker、VS Codeで 劇的に改善される Windows開発環境 武井 宜⾏ サイオステクノロジー株式会社 2020年11⽉4⽇ © SIOS Technology, Inc. All rights Reserved. ⽬次 2 序章︓ Windowsによる開発の歴史 第２章︓WSL1＆2のしくみ 第３章︓ WSL2、Windows T... 続きを読む

Visual Studio Codeを使いこなせ！ フロントエンドエンジニアにオススメの拡張機能7選 - ICS MEDIA

2018/07/02 601 users ICS MEDIA エディター フロントエンドエンジニア

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 本記事では、「HTMLコーダー」「フロントエンドエンジニア」にそれぞれ役立... 続きを読む

文章作成・メール作成に役立つ！　VS Codeの拡張機能「テキスト校正くん」をリリース - ICS MEDIA

2018/08/31 593 users ICS MEDIA テキスト校正くん リリース 文章 拡張機能

ICS MEDIA アプリ開発 2018/08/31 文章作成・メール作成に役立つ！　VS Codeの拡張機能「テキスト校正くん」をリリース 文章の校正チェックを自動で行うVisual Studio Codeの拡張機能「テキスト校正くん」を弊社からリリースしました。 テキスト校正くん – Visual Studio Marketplace短い文章であれば目視でもチェックで... 続きを読む

VS Code の使い始めに入れておくと便利な拡張機能 10 選

2021/04/05 578 users 拡張機能 Extension 後々 エンジニア 最初

はじめに この記事では、IT エンジニアである/ないに関係なく、Visual Studio Code (以下、VS Code) をこれから初めて使い始める人が、最初に入れておくと後々便利になるだろうと思われる拡張機能を紹介しています。 拡張機能 (Extension) とは、サードパーティー製の追加機能のようなものであり、誰でも自由に開発・公... 続きを読む

最近のフロントエンドのエディタ事情 - mizchi's blog

2018/05/31 556 users mizchi's blog フロントエンド vim エディタ

2018 - 05 - 31 最近のフロントエンドのエディタ事情 これは、個人でどんなエディタを使うべきか、ではなく、「チームとして」新しいものを採用するとき、あるツールがエディタ横断で便利かどうかを考える必要がある。 自分個人としては、基本は Atom を使って、TypeScriptを書くときだけ VS Code を使っている。ターミナルでは Vim 。 環境でエディタを選ぶ 最近の新規プロジェ... 続きを読む

2021年、HTMLやCSSやJavaScriptなどのコードを書く時に便利なVS Codeの機能拡張のまとめ | コリス

2021/03/04 524 users コリス デベロッパー CSS HTML コミュニティ

Visual Studio Code（以下、VS Code）が素晴らしいエディタである理由の一つは、デベロッパーの生産性を向上させるコミュニティによって作成された機能拡張の巨大なライブララリがあることです。 その中から、...記事の続きを読む 続きを読む

VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA

2018/07/24 520 users エディター HTMLコーダー 略称 Microsoft Git

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」にそれぞれ役立つ... 続きを読む

ブラウザでVS codeが使えるクラウド IDEの大本命「Coder」 - Qiita

2019/02/28 503 users coder Qiita Dockerコンテナ クラウドIDE

TL;DR ブラウザ上でほぼVS codeが使えるサービス「Coder」 他のVS codeライクのクラウドIDEと異なるのは「拡張機能がそのまま使える」。現状で大半の拡張機能を利用可能 現在はアルファ版 ChromebookやiPadでの利用も想定している Dockerコンテナにプロジェクトを作成するので自由度が高い 無料プランでも十分に使える。... 続きを読む

VS Code（Visual Studio Code）エディタを便利に使うための拡張機能 - karaage. [からあげ]

2018/09/30 493 users vim IDE デバッグ KARAAGE マシン

VS CodeにVimから乗り換えようと思った 普段、プログラムを書くためのエディタは3年くらい前からVimを使っています。 軽量ですし、大体どんなマシン（OS）でも入れられるので、プラグインとか色々入れて機能拡張していました。ただ、デバッグとか色々辛くなってきたので、IDEのエディタもまた使ってみようかなと思い、最... 続きを読む

VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選（2019年版） - ICS MEDIA

2019/04/09 490 users ICS MEDIA エディター HTMLコーダー 略称 無償

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーとフロントエンドエンジニアにそれぞれ役立つ拡... 続きを読む

DockerとRemote Containersでの開発環境が最高過ぎる - Sweet Escape

2020/06/04 463 users Docker Dockerfile サーバー 手元 方式

はじめに Remote Containers Docker Pros / Cons Pros Cons 導入方法 どんな感じで使ってるのか 基本の使い方は？ VS Codeの拡張機能は？ Dockerfileは？ ローカルでサーバー起動したりできる？ まとめ 余談 はじめに 手元の開発環境をDockerとVS CodeのRemote Containersを使う方式にしたらあまりに最高なので書いてお... 続きを読む

文章作成・メール作成に役立つ！　VS Codeの拡張機能「テキスト校正くん」を公開

2019/04/16 456 users テキスト校正くん 長文 拡張機能 文章作成 メール作成

文章の校正チェックを自動で行うVisual Studio Codeの拡張機能「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん – Visual Studio Marketplace 短い文章であれば目視でもチェックできますが、長文になるとチェックに時間がかかり見落としも多くなってしまいます。また、いくら内... 続きを読む

これでprintデバッグから卒業！VS CodeでPythonデバッグ入門 - karaage. [からあげ]

2019/02/19 444 users print デバッガ KARAAGE デバッグ コマンド

printデバッグから卒業したい！ プログラムを書いて問題があったとき必要なのがデバッグですね。私はいつも問題が起こったとき、問題ありそうなところで print(ほにゃらら)として、気になるものを一つずつ中身を確認していました。 デバッガという言葉は知っていて、何度か試したことはあるのですが、いちいちコマンドを... 続きを読む

WSL2でWeb開発環境の構築メモ (zsh, node, dockerなど)

2020/12/09 385 users Mac WSL2 zsh Windows Terminal

はじめに Web開発といえばUNIXターミナルが使えるMacが便利だったが、ついに今年WSL2が正式リリースされた。これでようやくWindowsでまともなWeb開発環境を構築することが可能になって喜びもひとしお。 それどころか、WSL2, Windows Terminal, VS Codeと便利なツールがどんどんリリースされていてMacよりも便利といえる... 続きを読む

VS Codeでコードがさらに見やすくなる！ ネストされたブロックを強調表示するVS Codeの機能拡張「Blockman」

2023/02/27 369 users ネスト CSS ボーダー PHP HTML

HTML, CSS, JavaScript, PHPなどさまざまな言語に対応、コードのネストされたブロックを枠で囲って強調表示するVS Codeの機能拡張を紹介します。 さっそくインストールして使用してみましたが、これは見やすくなりますね！ 枠のボーダーや背景、ネストの深さを自由に変更もできるので、自分が見やすいようにカスタマイズ... 続きを読む

【書評】『プログラマーのためのVisual Studio Codeの教科書』はVS Code使いに是非読んでいただきたい１冊！ #VSCodejp #VSCode | Developers.IO

2020/06/21 367 users Mr.Mo vscode VSCodejp プログラマー 書評

こんにちは、Mr.Moです。 圧倒的な人気を誇る高機能エディター Visual Studio Code（以下、「VS Code」）の使い方をまるっと習得できてしまう１冊。『プログラマーのためのVisual Studio Codeの教科書』を拝読し素晴らしい内容でしたので紹介していきたいと思います！ 書籍・著者情報 下記からも購入が可能です。電子版... 続きを読む

VS Code ネタ詰め合わせ - Qiita

2019/12/26 358 users Qiita

Help us understand the problem. What is going on with this article? ぷぇ メリークリスマス！！！ 今年も残り僅かですが、皆様の今年の進捗はどうだったでしょうか？　進捗ダメでしたか？ 私はと言うと今年も幸い GitHub で evergreen を達成できそうです。( 業務でこの GitHub アカウントは使用していないので、... 続きを読む

まじか！VS Codeでできることがまた増えた、エディタで画像から背景を1クリックで切り抜けるようになったぞ | コリス

2021/04/16 356 users PNG jpg remove.bg コリス シカ

Visual Studio Codeでついに、画像から背景を切り抜けるようになりました！ remove.bgをVS Codeで利用できる機能拡張がリリースされ、.jpg, .pngの写真画像を1クリックするだけで簡単に背景を切り抜くことができます。エディタとしても高機能なのに、画像編集までできるようになるとは！ VS Codeで、いつものぱくたそ画... 続きを読む

Visual Studio Codeの代替を狙う統合開発環境「Eclipse Theia 1.0」リリース。VS Codeの拡張機能を利用可能、デスクトップ版とWebブラウザ版に両対応 － Publickey

2020/04/02 354 users Publickey Eclipse Theia 代替 両対応

Visual Studio Codeの代替を狙う統合開発環境「Eclipse Theia 1.0」リリース。VS Codeの拡張機能を利用可能、デスクトップ版とWebブラウザ版に両対応 Eclipse Foundationは、オープンソースで開発されている統合開発環境「Eclipse Theia 1.0」のリリースを発表しました。 Eclipse Theiaは、「真のオープンソースによるVi... 続きを読む

CSV に SELECT / UPDATE クエリを実行できる VS Code の拡張機能「Rainbow CSV」 - kakakakakku blog

2018/11/29 353 users update select クエリ CSV egrep

定期的に CSV からデータを抽出する機会があり，抽出条件によって，今までは以下のような方法を使っていた． CSV を Excel で開いてフィルターを使う方法 CSV を grep / egrep などの Linux コマンドで絞り込む方法 CSV をAmazon S3 にアップロードして Amazon S3 Select でクエリを実行する方法 Rainbow CSV 新しい方法... 続きを読む

【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiita

2020/06/28 346 users Markdown Qiita Marp 内輪 爆速

TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がない状態でプレゼンをする機会があり、さっとMarkdown + Marpで作成した 内輪で使うことはあったが、多くの目に触れる機... 続きを読む