VS CodeによるPython開発環境のテンプレ - Qiita
0. はじめに sublime使いだった僕が（使い込んではいなかったけど）社内のPython開発環境を統一するためにVS Codeの色々を調べたので，そのまとめです． 以下ができるような開発環境の構築を目的としています． 複数人がローカルで開発する時に，環境を揃えたい． ローカルからリモートサーバーにアクセスして開発したい． プロジェクトごとに依存関係を整理したい． コーディングスタイルや型などのチェックを入れたい． Pythonの環境周りはPipenvで管理し，ローカルでdockerを立ち上げてその中で開発するためのテンプレです． 1. install Setting up Visual Studio Code 2. Extension 2.1. 必須 以下は必須． python Remote Development Remote SSH git lens 2.2. オプショナル その他
VSCode markdown-pdf でヘッダーやフッターをいい感じに設定する
こんにちは、kenzauros です。 以前、記事でも紹介した Markdown から PDF を生成できる Visual Studio Code の拡張機能 markdown-pdf 、業務でとても便利に使わせていただいています。 Visual Studio Code で Markdown から PDF を一発生成する拡張機能 markdown-pdf 今年 4 月、バージョン 1 になったときに内部で使われている PDF 変換器が変更になりました。 Markdown PDF ver1.0.0 では PDF変換を node-html-pdf (PhantomJS) から puppeteer (Chromium) に変更しました README.ja.md これに伴い、オプションが変更になっただけでなく、それまでの設定ではヘッダーとフッターがうまく描画されなくなってしまいました。 今回は新し
【Visual Studio Code】Markdown PDF のスタイル(CSS)を変える方法 - Nekonote
【Visual Studio Code】Markdown PDF のスタイル(CSS)を変える方法 ... のまえに、チョコさん。 パソコンの話はむつかしい ので、さきににゃんこ |ω･)و ̑̑༉ Visual Studio Code は、 Markdown を扱えます。 Markdown Markdown は 見た目キレイに変換できる テキスト形式のフォーマット です。 Markdown の詳細はこちらです。 ja.wikipedia.org Markdown は はてなブログ でも使えます。 以降では、 Markdown で書かれたファイル を、 Markdown とします。 Visual Studio Code には、たくさんの拡張機能があります。 拡張機能をインストールすることで、エディタの機能が増えます。 今回は Markdown を PDF にするので、 Markdown P
VSCodeのRemote Development機能が革命的な話。 - Crieit
背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問がある。 最終的にサービスを公開するときにはどうせLinux使うのに、開発するときしか使わない別のOSで同じものを動かす苦労って無駄だよなあ、と思っていた。 じゃあ最初からLinuxで開発すればいいかというと、最近の高度化したWeb開発はIDEの支援なしに実行することが困難で、RubyだったらRuboCop、JavaScriptだったらPrettierやESLintで文法チェックしてもらわないと人類にはついていけない。これら
【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
Visual Studio Code で UML を描こう！ - Qiita
この記事では、Windows 環境に Visual Studio Code と PlantUML をセットアップする手順を説明します。 PlantUML とは PlantUML は、以下のような図をテキストで素早く描くためのオープンソースプロジェクトです。 シーケンス図 / Sequence diagram ユースケース図 / Usecase diagram クラス図 / Class diagram アクティビティ図 / Activity diagram コンポーネント図 / Component diagram 状態遷移図 / State diagram オブジェクト図 / Object diagram 環境 下記の環境で動作確認しました。 Windows 10 Pro (64bit) Visual Studio Code 1.11 Java SE Runtime Environment
ブラウザで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」 でググったところ以下の検索結果が表示。 ここで目的である
VSCodeでマインドマップを描こう - Qiita
VSCodeでマインドマップを書きたいなぁとふと思ってプラグインが無いか探してみたらありました。 その名も vscode-mindmap (まんま) 2018年の12月に別の名前で公開されていたのですが、そっちは開発者個人向けにしたらしく、2019年4月にリリース用として上記リンクで公開されるようになったみたいです。ぜんぜん日本語の情報がなかったので、ver.0.0.4を対象に簡単な使い方とかを書き残しておこうと思います。 作者が中国の方らしく、VS Code Marketplace上の説明文も中国語（読めない）で雰囲気しかわからなかったので、本記事では、実際に触りながら機能を探ってみた範囲に留めています。 なので個人USEではいいけどみんなで使おう系にするにはちょっと合わないかもですね。 ひとまずインストール いつも通り、VS Codeの拡張機能Marketplaceから。 mindma
【VSCode】Macで文章作成中に制御文字（0x08）が勝手に混ざるので、とりあえず対策した | DevelopersIO
Google日本語入力は、「ばーじょん」で変換するとバージョンが表示されました。 制御文字を強調表示する手順 拡張機能のインストール 下記の拡張機能をインストールします。 Whitespace+ Whitespace+の動作確認 まずはVSCodeのコマンドパレットでwhitespaceと入力し、whitespace+ Toggleを選択します。 そうすると下記のようにデフォルト設定の制御文字が表示されます。 Whitespace+の設定 デフォルトだと「半角空白」や「改行コード」も強調表示されるため、これらを除外します。 VSCodeのコマンドパレットでwhitespaceと入力し、whitespace+ Configを選択します。 すると、config.jsonが開くため、この内容を変更します。 先程の参考サイトを参考に、下記のように変更しました。 { "mode": "all", "
ソフトウェア開発系技術に興味はあるけど詳しくない人のための GitHub でサイトを公開する方法 - かずきのBlog@hatena
要は GitHub pages に見た目は置いといてページをアップするための方法のメモです。OS は Windows 10 を想定してますが、まぁ OS による差異はパス区切り文字が \ か / や Ctrl か Cmd くらいなもんだと思います。 インストールするもの Visual Studio Code or 好みのエディター code.visualstudio.com Git for Windows (履歴管理のための開発者の共通ツール) gitforwindows.org Visual Studio Code に追加する拡張機能（必須じゃないけどあると便利なので入れる） VSCode を起動したら拡張機能を選んで Paste Image で検索して Install を押します。記事を書くときに書くマークダウンファイルにクリップボードから画像を貼れるやつです。 あと Markdown
VSCode でも textlint + α - アクトインディ開発者ブログ
morishitaです。 今回は軽めに。 昨年末に Atom エディタに textlint を導入した話を書きました。 tech.actindi.net もっぱら JavaScript と Markdown を書くときには Atom を使っていました1。過去形です。 Alexa スキルで Typescript を導入するのに際し、Typescript ならば VSCode も使ってみようと 6 月の終わり頃から VSCode 使い始めました。 そしたら、VSCode のほうが居心地が良くなってしまって完全に乗り換えてしまいました。 ということで、VSCode にもtextlintを導入したのでそのことを書きます。 拡張のインストールと設定 最初にvscode-textlintをインストールします。 marketplace.visualstudio.com textlint そのものは At
VS Codeでtextlintを使って文章をチェックする - Qiita
textlintでの文章チェックをVS Code上で行う方法についての話です。 textlintについては以下を参照してください。 textlintで日本語の文章をチェックする | Web Scratch Collection of textlint rule · textlint/textlint Wiki VS Codeでtextlintを動かす拡張としてvscode-textlintがあるのでそれをインストールして動かすまでの流れを見ていきます。 （vscode-textlintでグローバルの設定を使う方法はよくわからなかったので、今回はプロジェクトのローカルにインストールしたtextlintを使うまでの手順を見ていきます） vscode-textlint - Visual Studio Marketplace created by @taichi インストール VS Codeを開き
会議を爆速にする、Visual Studio Code 超便利スニペット集 - Qiita
以前の投稿でVisual Studio CodeとMarkdown Preview Enhanced環境を組み合わせの便利さを紹介しました。 議事メモを作成にマークダウンを使うと、議論が構造化されて表示されるので、非常にわかりやすくなりますね。みなさんもお使いかと思います。本稿では、そこに、更にVisual Studio Codeにマークダウン用のスニペットを登録しておくことを提案します。 出席者の議論をフォーカスさせる図や表がスムーズに呼び出せますので、効率的な会議を行うことができます。そんな爆速会議に便利なスニペットをいくつか紹介します。 以下ではVisual Studio CodeエディタとMarkdown Preview Enhancedプラグインが前提となっております。環境構築には以前の投稿をご参照ください。 1.会議を一気に立ち上げる：議事録スニペット まずは議事録のテンプレー
コーディングをAIが支援してくれる「Visual Studio IntelliCode」、Javaに対応。GitHubにあるコードを機械学習 － Publickey
無償のエディタであるVisual Studio Codeの拡張機能として、AIがコーディングをAIが支援してくれる「Visual Studio IntelliCode」（以下IntelliCode）が、Javaに対応したと発表されました。 IntelliCodeはコードの入力や補完において、もっとも適切と思われるコードをコンテキストに即してレコメンデーションをしてくれるというもの。さらにコードレビュー時のアドバイス、問題がありそうな部分の指摘や、コードスタイルと書式の規則の推測もしてくれます。 これまでC#とPythonに対応していましたが、今回新しくJavaにも対応しました。 AI機能はGitHubで100以上スターが付いているオープンソースプロジェクトのコードを用い、コードのパターンやプラクティスなどに関する機械学習が行われたと説明されています。 これによりJava SEやSpring
VS Codeのワークスペース - Qiita
ワークスペースとは ワークスペースは、複数ルートのフォルダーを同時に開く機能です。イメージとしては、Visual Studioのソリューション内で複数のプロジェクトを開けるのと同じです。アプリケーションを複数のルートフォルダーに分割していたり、テストを別ルートフォルダーに分けていたりした方には便利だと思います。もちろんルートフォルダーは、それぞれ異なるパスに配置してあっても問題ありません。 ワークスペースは、従来のバージョンからプレビュー機能として実装が進められていましたが、VS Code 1.18から正式リリースされました。 ワークスペースの使用方法 使い方は簡単で、[ファイル]-[ワークスペースにフォルダーを追加]を選択するだけです。もう少し直感的に追加したい方は、エクスプローラーにフォルダーをドラック＆ドロップしても追加できます。 ワークスペースの設定を保存したいなら、[ファイル]-
[Visual Studio Code][Golang][Windows] VSCodeでGoの開発環境を作成する方法まとめ - Qiita
[Visual Studio Code][Golang][Windows] VSCodeでGoの開発環境を作成する方法まとめGoWindowsVisualStudioCode VSCodeでGoの開発環境を作成する方法メモ 感覚的にはほとんど苦労せずにコード補完、デバッグも含めた環境を作成できました。 (Vimでの設定時はけっこう苦労したんですが、VSCodeはサポート手厚いですね・・・) 検証環境 Windows10 64bit Visual Studio Code 1.10.2 Go 1.8 Git for Windows 2.12.0 前提 VSCodeをインストールします。 Visual Studio Code - Code Editing. Redefined Git for Windows go get などで使用されるため、Gitをインストールします。 Git for Win
![[Visual Studio Code][Golang][Windows] VSCodeでGoの開発環境を作成する方法まとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8002951f909fc5b09c235f7dc33ce39449993e0b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCVmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSU1RCU1QkdvbGFuZyU1RCU1QldpbmRvd3MlNUQlMjBWU0NvZGUlRTMlODElQTdHbyVFMyU4MSVBRSVFOSU5NiU4QiVFNyU5OSVCQSVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MiU5MiVFNCVCRCU5QyVFNiU4OCU5MCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MmY0ZWE5Y2M4Y2M5ZGFkODYwNTE2NGIwZjQ5MTkwMjg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa29hcmEtbG9jYWwmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJiNTJlZjViMDI3MmJiYjMzYzIxODJhZWE5ZGYzMDQ3%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D772c4525bb28fad4f5f09d0be856ce6f)
Visual Studio Codeを使い倒そう！ ～プログラミングから機械学習、クラウド連携、遠隔ペアプロまで～
Visual Studio Codeを使い倒そう！ ～プログラミングから機械学習、クラウド連携、遠隔ペアプロまで～ 2018/02/24のOSC 2018 Tokyoで使用した資料です。Read less
無償のコードエディタVSCode、実行中のJavaアプリのコードを動的に書き換えて修正できる「Hot Code Replacement」（ホットコード置換）を実現
VSCodeで、JavaのHot Code Replacement（ホットコード置換）がサポートされた。ホットコード置換を用いると実行中のアプリケーションのコードを実行したまま動的に修正できるため、トライアンドエラーが容易になる。 アプリケーションのコードを修正した場合、その修正を反映させるためには、コンパイル型の言語であれば再コンパイルする必要があり、インタープリタ型の言語であればアプリケーションの再実行が必要となります。 しかしコードを書き換え、実行し、動作を確認するということを何度も繰り返す開発作業では、いちいち再コンパイルをしたり、再実行する手間はなんとも面倒です。 そこでJavaには、「Hot Code Replacement」（ホットコード置換）と呼ばれる機能が用意されています。これはコードを再コンパイルすることなく変更した内容をJavaVMに転送し、反映できるというものです。
Visual Studio Codeで自由自在にUMLを描こう - かずきのBlog@hatena
追記 私の作ったプラグインよりも、かなり出来がよさそうなものがリリースされています。 そちらを使ったほうが幸せそうです。 marketplace.visualstudio.com 本文 先日PlantUMLというテキストでUMLを描くためのツールのVisual Studio Codeのプラグインを作りました。 テキストをぱちぱち書きながら、プレビューを確認できるツールです。 ということで、PlantUML + Visual Studio CodeでUMLを描く方法を書いていきたいと思います。 インストール PlantUML PlantUMLのサイトからplantuml.jarをダウンロードして任意の場所においてください。 plantuml.com Graphviz PlantUMLが内部で使ってるツールです。 Graphviz - Graph Visualization Software
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://github.com/yzane/vscode-markdown-pdf/blob/master/README.ja.md
