[B! VSCode] ton-booのブックマーク

導入がカンタンで開発効率爆上げなVisual Studio Code拡張機能のご紹介 | SIOS Tech. Lab

みなさん、こんにちは。サイオステクノロジー武井です。今回は、導入がカンタンで開発効率爆上げなVisual Studio Code拡張機能をご紹介したいと思います。 ※ 本記事は技術評論社出版の「Software Design」2022年10月号(詳細はこちら)に私が寄稿した「エディタこそ開発の要［最大活用］Visual Studio Code」の記事をベースとしております。是非、Software Designの方も合わせてご覧ください！！はじめに Visual Studio Code はインストール初期でも機能は豊富であり、かつインタフェースもシンプル、そして拡張機能により利用者の環境に合わせて自由にカスタマイズできることが、大きな魅力となっております。一方で、その機能の豊富さにより、どの機能を使ってよいのかと迷われる方もいると思います。そこで本記事では、「導入がカンタンで開発効率

ton-boo 2022/10/24

リンク

DockerとVS Code Remote Containersを用いたフロントエンド開発環境構築

背景プロジェクトの新規立ち上げや、新しくプロジェクトに新規メンバーが入った場合に環境構築に手間取ることが多いため、Docker＋VS Code Remote Containersのフロントエンドアプリケーション開発環境構築ができるリポジトリを作成しました。本記事では上記リポジトリを用いた環境構築手順とCreate React Appによる簡単なアプリ開発例を説明します。また、上記リポジトリをgit cloneしなくても一から同じ環境を構築できるように、リポジトリに含まれるファイル群についてもそれぞれ説明します。本記事の対象はフロントエンドですが、バックエンドのプロジェクト構築も基本的には同じ知識で構築できるはずです。前提条件本記事では以下を前提条件とします。ただし、WindowsやLinuxでも基本的には問題ないはずです。 macOS Monterey Visual Studi

ton-boo 2021/12/31

リンク

Visual Studio CodeでGitHubリポジトリを「読む」のに便利な拡張機能が登場／わざわざローカルにクローンしなくてもOK。そのままVisual Studio Code上で閲覧できる

ton-boo 2021/06/24

リンク

今見ているファイル内をSearchしやすくするVSCode拡張を作りました - $shibayu36->blog;

今見ているファイル内をSearchしやすくする「Search in Current File」というVSCode拡張を作ったので紹介です。 https://github.com/shibayu36/vscode-search-in-current-file https://marketplace.visualstudio.com/it ems?it emName=shibayu36.search-in-current-file 背景 Emacsにはhelm-occurという拡張があって、インクリメンタルサーチからスムーズにファイル内の検索結果一覧を見れる拡張がある。これが現在のファイルを探索するのに非常に便利で愛用していた。 VSCodeでも同じようなことが出来ないかなと思ったので、勉強がてら拡張を作ることにした。使い方 Search in Current File - Visual Stu

ton-boo 2020/07/06

VSCode

リンク

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

Visual Studio Codeの代替を狙う統合開発環境「Eclipse Theia 1.0」リリース。VS Codeの拡張機能を利用可能、デスクトップ版とWebブラウザ版に両対応 Eclipse Foundationは、オープンソースで開発されている統合開発環境「Eclipse Theia 1.0」のリリースを発表しました。 Eclipse Theiaは、「真のオープンソースによるVisual Studio Codeの代替」（a true open source alternative to Microsoft’s popular Visual Studio Code (VS Code) software）だとEclipse Foundationは紹介しており、デスクトップアプリケーションだけでなくWebブラウザからも同一機能が利用できるWebアプリケーション版も提供されています。

ton-boo 2020/04/03

リンク

VSCodeのガントチャート拡張を作った - No Regrets in Bathing

去年に引き続きクリスマスイブになんか作ったシリーズです。下記のような感じで、ガントチャートを雑に作れるVSCodeの拡張機能を作りました。テキストを編集してもいいし、プレビューを操作してもいいというのがこのツールの売りです。変更内容は相互に同期します。 VSCodeなので、当然ながらコピペやマルチカーソル、置換なんかも普通に使えます。 VSCodeの編集機能で、GUI部分の貧弱さを補おうというコンセプトです。実用性や自由度は低めですが、文法や操作方法を覚える必要も最低限になっているんじゃないかなと思います。あと、ただのテキストなんで、Git管理もできますね。２週間程度の短期予定を立てる用途を想定しています（自分はその程度の予定しか立てません）。要望に答える可能性は低いですが、プルリクを頂ければ割と軽率にマージすると思います。かんたんな導入方法まずVSCodeを開き、おもむ

ton-boo 2019/12/26

リンク

【VSCode Remote】10秒でNuxt環境を構築【脱WebStorm】 - Qiita

先日、Visual Studio Code Remote Developmentが発表されました。これを使うと拡張機能や実行環境をリモートで完結きます。 NuxtでVSCode Remoteを使うメリットローカル環境にNode.jsやyarnをインストールせずに開発でき、ローカル環境を一切汚さずに開発できる。 Node.jsのバージョン管理をしなくてよくなる。拡張機能をリモート環境に事前にインストールできるため、一緒に開発する人の環境を統一できる。 ESLintやPrettierやデバッグ環境の設定を個々人で設定しなくていい。パッケージをインストールするとき、OS依存パッケージを考慮しなくていい。 Dockerが使えるのでCI/CD環境と開発環境が統一でき、k8sやCloud Runにデプロイするときも楽。(AppEngineやCloud FunctionsもVSCode Remot

ton-boo 2019/05/10

リンク

Remote Development with Visual Studio Code

Version 1.94 is now available! Read about the new features and fixes from September. Remote Development with VS Code May 2, 2019 by The VS Code Team, @code TL;DR Today we're excited to announce the preview of three new extensions for Visual Studio Code that enable seamless development in Containers, remotely on physical or virtual machines, and with the Windows Subsystem for Linux (WSL). You can g

ton-boo 2019/05/04

リンク

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

TL;DR ブラウザ上でほぼVS codeが使えるクラウドIDEサービス「Coder」他のVS codeライクのクラウドIDEと異なるのは「拡張機能がそのまま使える」。大半の拡張機能を利用可能現在はアルファ版 ChromebookやiPadでの利用も想定している Dockerコンテナにプロジェクトを作成するので自由度が高い無料プランでも十分に使える。他のクラウドIDEと比べて月額費用が安い Fast Time機能を使うと時間制で96CPUコア、メモリ16GBが利用可能(課金で殴る開発駆動) コラボ機能で1つのプロジェクトで複数ユーザでペアプログラミングができる(未確認) きっかけ 2019年2月28日の夜、「あれ、VS codeライクなクラウドIDEってなんて名前だっけ？」という疑問から「Cloud IDE vs code」でググったところ以下の検索結果が表示。ここで目的である