VS Codeでマークダウンを快適に書きたい！ オススメの拡張機能と設定6選 - ICS MEDIA
ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか？ 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレビュー表示など、めんどくさい・見づらい・使いづらいと思うことがあります。どうにか快適に書けないかと思いさまざまな拡張機能や設定を試しながら業務を行ってきました。 この記事では、筆者が試した拡張機能やVS Codeの設定の中で便利だったものを紹介します。①から⑥まではすべて無料で利用できるので気軽に試してみてください！ ①マークダウンの表をエクセルからコピペできる拡張機能 VS Codeでの表の作成に重宝しているのが「Excel to Markdown table」という拡張機能です。エクセル
「Tailscale SSH」が正式版に到達。面倒な鍵管理が不要のSSH、VSCode拡張機能でリモートファイルも編集可能
「Tailscale SSH」が正式版に到達。面倒な鍵管理が不要のSSH、VSCode拡張機能でリモートファイルも編集可能 Tailscale社は、統合的なアイデンティティ管理による鍵管理を不要にした便利なSSHを実現する「Tailscale SSH」が正式版になったことを発表しました。 Tailscale SSH is now out of beta and into general availability! Still juggling SSH keys and managing identities across remote machines? There's a better way: https://t.co/sdvnCckSYg — Tailscale (@Tailscale) March 26, 2024 TailscaleはWireGuardをベースにしたVPN Tai
VSCode Serverがなくなって本体に統合されていた - Qiita
先日、VPS上にVSCode Serverをインストールしようとしたところ動かなくなっており、詳細を調べているうちにこのスレッドにたどり着きました。 ここをみると、どうもVSCode Serverの機能はRemote Extensionに統合されたので、もはや提供されなくなったようです。（setup.shでダウンロード可能なバイナリが無くなっている） じゃあどうすればいいのか？ サーバ上でVSCodeを動かして、ブラウザでエディタを立ち上げたい、iPadで開発したいという皆さんは、引き続きVSCode本体で簡単に実現することができます。 サーバ上に普通のVSCodeをインストールして、code tunnelと打ち込むだけで、github.devのドメインでトンネルがホストされてブラウザ上でもローカルのVSCodeとも接続可能な状態になります。 daemon化して常時起動したい それも簡単で
VSCodeおすすめ設定大公開！！おすすめ拡張機能も - Qiita
はじめに 皆さんVisual Studio Code(以下VSCode)使ってますか？ 私はメインで使っているのですが、自分なりにしっくりくる設定や拡張機能がある程度揃ってきたので公開しちゃいます。 おすすめ設定だけではなく、おすすめの機能もできる限り紹介したいと思いますので、最後までぜひお付き合いください。 ※プログラミング言語固有の設定の解説は軽めですのでご了承ください。 GIF画像が小さい場合は、クリックして頂けると拡大して表示が可能です デフォルト機能編 Local History機能 Gitは非常に便利なので、皆さん使われていると思います。 Gitはコミット単位で履歴が管理できますが、保存単位で履歴が見れると嬉しいな、保存単位で復元できると嬉しいな、と思うことはないでしょうか。 私はVSCodeは自動保存をオフにして、手動で保存するので、保存単位で履歴が見れると嬉しいなと思うこと
プログラマー以外にもおすすめ 「Visual Studio Code」のインストールから基本設定まで
Visual Studio Codeはプログラマーでなくても便利なエディタ Visual Studio Code（VS Code）は、主にプログラマー向けのコードエディタとして提供されているが、エンドユーザーや管理者でも高機能なテキストエディタとして活用できる。最近では、JSON形式やXML形式の設定ファイルの編集が必要なツールもあるので、VS Codeをインストールしておくとよい。 文書の入力や設定ファイルの編集などに、メモ帳アプリやワードパットではなく、既にテキストエディタを利用している人も多いのではないだろうか。しかし、こうしたテキストエディタでは、最近増えつつあるJSON形式やXML形式の設定ファイルを編集しにくいことがある。 こうしたファイル形式の編集には、Microsoft製の無償コードエディタ「Visual Studio Code（VS Code）」を使うとよい。VS Cod
VS Codeを使ってPythonコードをデバッグするための基礎知識
連載目次 前回は、mymath.pyファイルにフィボナッチ数を求める関数を3つ定義しました。今回は、Visual Studio Code（以下、VS Code）を使って、それらのコードを実行したり、デバッグしたりする手順を見ていきましょう。 コードの説明 まずは前回記述したコードを以下に示しておきます。これはmymath.pyファイルに記述しました。 def fib(n): if n == 0: return 0 if n == 1: return 1 return fib(n - 2) + fib(n - 1) def fib_l(n): a = 0 b = 1 if n == 0: return a elif n == 1: return b for _ in range(n - 1): a, b = b, a + b return b def fib_m(n, memo=None):
[待望のアップデート] VSCodeの内蔵ターミナルがエディタと同様に扱えるようになりました！ | DevelopersIO
TL;DR まずはこいつをみてくれ。 左右に分割されたエディタウインドウに、テキストエディタとターミナルが並んでいるのがお分かりになられるでしょうか！！ なにそれ？ これは、先日リリースされた Version 1.58 (June 2021) に含まれる以下のアップデートによるものです。 Terminals in the editor area Terminals can now be created in or moved to the editor area, enabling a multi-dimensional grid layout that persists and remains visible regardless of panel state. Terminals in the editor area - Integrated Terminal - Visual Stu
![[待望のアップデート] VSCodeの内蔵ターミナルがエディタと同様に扱えるようになりました！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/611914e4c074abe947efa5c820fc1646e6c60a0a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F06%2Fvscode-2020-eyecatch-1200x630-1.png)
Visual Studio Code用Python拡張機能2021年6月版がリリース
Visual Studio Codeの最新バージョンでは、プロジェクトフォルダを信頼するかどうかを決定できるWorkspace Trust機能が導入されており、フォルダまたはワークスペースを信頼しない場合でも、制限付きでファイルの参照が可能になっている。 信頼できるワークスペース内では、Python機能拡張はマシン内のPython環境を自動的に検索するので、プロジェクト用にPython環境を選べるほか、オートコンプリート、コードナビゲーション、リンティング、フォーマット、テストといったすべての機能が使える。 一方、信頼できないフォルダでは、制限付きモードでファイルの参照が可能ながら、Workspace Trustの悪意のある可能性のあるコードの自動実行を防ぐ機能によって、Python拡張機能が読み込まれないため注意が必要となる。 また、2021年6月版のPython機能拡張では、「PyTo
VSCode＋WSL2＋Dockerでコンテナ環境へ接続してみた | DevelopersIO
はじめに アノテーションの髙嶋です。 私は業務の一環としてプログラムを書いていますが、最近ではコーディング/テストの環境はコンテナを使用して構築しています。 コンテナを使うことで、アプリケーションごとに必要な環境を、それぞれ分けて構築することができるためです。 今回はVisual Studio CodeからDockerのコンテナを起動し、接続するまでの手順を記載しています。 前提条件 実行に必要なアプリケーションはすべてインストール済みの前提としています。 今回の実行環境は下記です。 OS：Windows 10 Pro(20H2) Visual Studio Code：1.56.2 (以降、VSCodeと記述) ※拡張機能として「Remote-WSL」と「Remote-Containers」を使用 Docker：20.10.6 Docker Compose：1.29.1 WSL2：Ubun
VS Code の画面を共有するときはキー入力が見える「スクリーンキャストモード」を有効にしてみよう | DevelopersIO
VS Code の「スクリーンキャストモード」使ってますか？ スクリーンキャストモードとは 百聞は一見に如かず。 お分かりでしょうか。どのキーを入力したのかが一目瞭然です。マウスもクリック時には赤丸が表示されるのでどこをクリックしたかが分かりやすくなっています。（マウス押下時の黄色はスクリーンキャプチャソフトが付与したものです） スクリーンキャストモードは VS Code 1.31 January 2019 で搭載された機能ですが、意外と知らない人も多く、私自身この機能の名前がパッと出てこないこともあったので今回改めて紹介してみました。 https://code.visualstudio.com/updates/v1_31#_screencast-mode スクリーンキャストモードを有効にする デフォルトではショートカットキーは割り当てられていません。コマンドパレットから Develope
Microsoft、マイクロサービス向けの「Visual Studio Code」拡張機能をリリース
Microsoftは2021年6月1日（米国時間）、ソースコードエディタ「Visual Studio Code」（以下、VS Code）向けの「Tye」拡張機能（プレビュー版）を発表した。Tyeを使用するアプリケーションをVS Code内で簡単に表示、実行、デバッグできるようにするものだ。 Tyeはマイクロサービスや分散アプリケーションの開発、テスト、デプロイを容易にするオープンソース開発ツール。.NET Foundationプロジェクトであり、「優れたクラウドネイティブツールエクスペリエンスとはどのようなものか」を探るオープンソースの実験と位置付けられている。 Tyeアプリケーションの表示と管理 Tye拡張機能により、VS Code内でのTyeアプリケーションの初期化や実行、表示、管理が容易になる。 上図（動画）のように、Tyeアプリケーションを起動すると、直ちに「Tye Explore
社内でよく使う VSCode の機能紹介 - Techtouch Developers Blog
テックタッチのバックエンドエンジニアの taisa です。 社内勉強会で、Visual Studio Code（以降 VSCode と記載）ナレッジ共有会を実施したのでその内容を紹介します。 今回の趣旨は「VSCode で各自がよく使う機能やショートカット、ちょっとしたノウハウを共有することで開発効率を向上させたい」というものです。自分自身 VSCode を使いこなせておらず、他のメンバーの使い方に興味がありました。共有会では、みんなで順番に画面共有しながら進めていきました。 コマンドパレット編 シンボル検索編 ショートカット編 最近開いたプロジェクトを開く 最近開いたファイルを開く / ファイルを検索する サイドバーを開く/ 閉じる、パネルを開く/ 閉じる、エクスプローラを開く 指定のエディタに移動する Grep する 特定の文字列を選択して置換する 定義へ移動、直前の場所に戻る、直前の
Visual Studio Codeから「Hello Python」してみよう
その特徴としては軽快な動作、コード補完（IntelliSense）／構文チェック／デバッガーといったプログラマーの日々の作業を助けてくれる豊富な機能、WindowsやmacOSなどさまざまなプラットフォームで利用可能なこと、ソースコード管理システムとの統合、カスタマイズ性の高さ、豊富な拡張機能などが挙げられるでしょう。何より無償で利用できることから、2015年に発表された後、あっという間に開発者向けのテキストエディタとして大きな人気を獲得することになりました。 例えば、JetBrainsが行った「Python Developers Survey 2020」ではPython開発者ではVS CodeとPyCharmがテキストエディタとして人気を二分する状況となっていますし、「Stack Overflow Developer Survey 2019」では開発者の約半数が使用しているエディタとなっ
日本語入力環境をちょっとだけレベルアップする方法 - karaage. [からあげ]
日本語入力環境レベルアップのきっかけはオンラインMTG 仕事でオンラインMTGをする機会が増えてきました。MTGのときは、チームメンバーが見ている画面で議事録を自分が打ち込んでいくことが多いのですが、チームメンバーから 「あ、その入力こうした方が早いですよー」 とかアドバイスいただけることが結構ありました。言われてみたら、ブログ長いこと書いて単書まで出しているのにも関わらず日本語入力環境に関してはかなり無頓着でした。 反省して、日本語入力環境を見直してレベルアップすることにしました。具体的に実施したのは以下3つです。 日本語入力をGoogle日本語入力に変更 カスタム辞書登録 VS Codeエディタ日本語環境構築 1つずつ紹介していきます。日本語入力環境を改善したい方は、ぜひ参考にしてみてください。 日本語入力をGoogle日本語入力に変更 基本中の基本、漢字変換ソフトからです。実は、ずっ
![日本語入力環境をちょっとだけレベルアップする方法 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9bb0dd50c2b42884bbb86e07cf6d065eb28fac14/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20210415%2F20210415125910.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VS CodeでPythonの仮想環境を構築する(windows) - Qiita
Visual Studio Code Run On Save Extension not running
Webブラウザーで「Visual Studio Code」が完全動作 ～「vscode.dev」にアクセスするだけ／Microsoft、「Visual Studio Code for the Web」をパブリックプレビュー
「Visual Studio Code」がインストール不要に。Webブラウザで動作
「Visual Studio Code」に不審なリポジトリを安全に扱える「制限モード」／新しいウェルカムぺージ、ターミナルタブなどを追加した2021年5月更新
VS CodeでのPythonコーディングを快適にするエディタ機能の使い方
