サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
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. オプショナル その他
こんにちは、kenzauros です。 以前、記事でも紹介したMarkdown からPDF を生成できる Visual Studio Code の拡張機能markdown-pdf 、業務でとても便利に使わせていただいています。 Visual Studio Code でMarkdown からPDF を一発生成する拡張機能markdown-pdf 今年 4 月、バージョン 1 になったときに内部で使われているPDF 変換器が変更になりました。MarkdownPDF ver1.0.0 ではPDF変換を node-html-pdf (PhantomJS) から puppeteer (Chromium) に変更しました README.ja.md これに伴い、オプションが変更になっただけでなく、それまでの設定ではヘッダーとフッターがうまく描画されなくなってしまいました。 今回は新し
【Visual Studio Code】MarkdownPDF のスタイル(CSS)を変える方法 ... のまえに、チョコさん。 パソコンの話はむつかしい ので、さきににゃんこ |ω･)و ̑̑༉ Visual Studio Code は、Markdown を扱えます。MarkdownMarkdown は 見た目キレイに変換できる テキスト形式のフォーマット です。Markdown の詳細はこちらです。 ja.wikipedia.orgMarkdown ははてなブログ でも使えます。 以降では、Markdown で書かれたファイル を、Markdown とします。 Visual Studio Code には、たくさんの拡張機能があります。拡張機能をインストールすることで、エディタの機能が増えます。 今回はMarkdown をPDF にするので、Markdown P
背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問がある。 最終的にサービスを公開するときにはどうせLinux使うのに、開発するときしか使わない別のOSで同じものを動かす苦労って無駄だよなあ、と思っていた。 じゃあ最初からLinuxで開発すればいいかというと、最近の高度化したWeb開発はIDEの支援なしに実行することが困難で、RubyだったらRuboCop、JavaScriptだったらPrettierやESLintで文法チェックしてもらわないと人類にはついていけない。これら
先日、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
この記事では、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.11Java SE Runtime Environment
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」 でググったところ以下の検索結果が表示。 ここで目的である
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?VSCodeでマインドマップを描こうVSCodeでマインドマップを書きたいなぁとふと思ってプラグインが無いか探してみたらありました。 その名もvscode-mindmap (まんま) https://marketplace.visualstudio.com/items?itemName=Souche.vscode-mindmap 2018年の12月に別の名前で公開されていたのですが、そっちは開発者個人向けにしたらしく、2019年4月にリリース用として上記リンクで公開されるようになったみたいです。ぜんぜん日本語の情報がなかったので、v
はじめに サーバーレス開発部の藤井元貴です。艦これローソンコラボにD敗北しました。3月にロッピーで申し込もうと思います。Macで文章作成中に制御文字（0x08）が勝手に混ざるMacのVSCodeでMarkdownなどの文章を作成していると、「制御文字（0x08）が混ざる」という現象に稀によく遭遇します。Markdownの章や表がうまく認識されなかったり、他のOSやアプリで開くと豆腐になったりします。 お客様へ提出する資料に混入される場合もあるため、非常に厄介です。 「全角文字を1文字変換中、確定せずDeleteキーで削除する」と発生する模様です。（おそらく） （プレビュー機能を使用中、という条件もあるかもしれません。）VSCode(macOS)で文章作成、特にMarkdownを書いている方は、一度確認したほうが良いかもしれません。 私が先程まで書いていたMarkdownの資料を見る
要はGitHub pages に見た目は置いといてページをアップするための方法のメモです。OS はWindows 10 を想定してますが、まぁ OS による差異はパス区切り文字が \ か / や Ctrl か Cmd くらいなもんだと思います。 インストールするもの Visual Studio Code or 好みのエディター code.visualstudio.com Git forWindows (履歴管理のための開発者の共通ツール) gitforwindows.org Visual Studio Code に追加する拡張機能（必須じゃないけどあると便利なので入れる）VSCode を起動したら拡張機能を選んで Paste Image で検索して Install を押します。記事を書くときに書くマークダウンファイルにクリップボードから画像を貼れるやつです。 あとMarkdown
morishitaです。 今回は軽めに。 昨年末に Atom エディタにtextlint を導入した話を書きました。tech.actindi.net もっぱらJavaScript とMarkdown を書くときには Atom を使っていました1。過去形です。Alexa スキルでTypescript を導入するのに際し、Typescript ならばVSCode も使ってみようと 6 月の終わり頃からVSCode 使い始めました。 そしたら、VSCode のほうが居心地が良くなってしまって完全に乗り換えてしまいました。 ということで、VSCode にもtextlintを導入したのでそのことを書きます。 拡張のインストールと設定 最初にvscode-textlintをインストールします。 marketplace.visualstudio.comtextlint そのものは At
以前の投稿でVisual Studio CodeとMarkdown Preview Enhanced環境を組み合わせの便利さを紹介しました。 議事メモを作成にマークダウンを使うと、議論が構造化されて表示されるので、非常にわかりやすくなりますね。みなさんもお使いかと思います。本稿では、そこに、更にVisual Studio Codeにマークダウン用のスニペットを登録しておくことを提案します。 出席者の議論をフォーカスさせる図や表がスムーズに呼び出せますので、効率的な会議を行うことができます。そんな爆速会議に便利なスニペットをいくつか紹介します。 以下ではVisual Studio CodeエディタとMarkdown Preview Enhancedプラグインが前提となっております。環境構築には以前の投稿をご参照ください。 1.会議を一気に立ち上げる：議事録スニペット まずは議事録のテンプレー
無償のエディタであるVisual Studio Codeの拡張機能として、AIがコーディングをAIが支援してくれる「Visual Studio IntelliCode」（以下IntelliCode）が、Javaに対応したと発表されました。 IntelliCodeはコードの入力や補完において、もっとも適切と思われるコードをコンテキストに即してレコメンデーションをしてくれるというもの。さらにコードレビュー時のアドバイス、問題がありそうな部分の指摘や、コードスタイルと書式の規則の推測もしてくれます。 これまでC#とPythonに対応していましたが、今回新しくJavaにも対応しました。AI機能はGitHubで100以上スターが付いているオープンソースプロジェクトのコードを用い、コードのパターンやプラクティスなどに関する機械学習が行われたと説明されています。 これによりJava SEやSpring
{ "folders": [ { "name": "Product", "path": "app3" }, { "name": "Test", "path": "app2" }, { "path": "C:\\app3" } ], "settings": { "window.zoomLevel": 2 }, "extensions": { "recommendations": [ "yuichinukiyama.vscode-preview-server" ] } } ワークスペースの保存を設定した直後はpathの設定だけがされています。pathには**.code-workspaceファイルからの相対パスか絶対パスでワークスペースのフォルダーが指定されています。つまり、.code-workspace**ファイルのパスを保存後変更すると、pathを修正しないと読み込めなくなるので注意してくだ
VSCodeでGoの開発環境を作成する方法メモ 感覚的にはほとんど苦労せずにコード補完、デバッグも含めた環境を作成できました。 (Vimでの設定時はけっこう苦労したんですが、VSCodeはサポート手厚いですね・・・) 検証環境Windows10 64bit Visual Studio Code 1.10.2Go 1.8 Git forWindows 2.12.0 前提 Visual Studio CodeVSCodeをインストールします。 Visual Studio Code - Code Editing. Redefined Git forWindowsgo get などで使用されるため、Gitをインストールします。 Git forWindows 以下の画面で真ん中の選択肢を選んで、コマンドプロンプトからのgitコマンドの実行ができるようにするのをおすすめします。（VSCo
![[Visual Studio Code][Golang][Windows] VSCodeでGoの開発環境を作成する方法まとめ - Qiita](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f4dc19f95e34796d832dc9bc94f7079df4d646daa%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526mark64%253DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSU1RCU1QkdvbGFuZyU1RCU1QldpbmRvd3MlNUQlMjBWU0NvZGUlRTMlODElQTdHbyVFMyU4MSVBRSVFOSU5NiU4QiVFNyU5OSVCQSVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MiU5MiVFNCVCRCU5QyVFNiU4OCU5MCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZDgyMzFhZjViYzNlMDFhNWNiMDViYzJmY2Q3NmYyNmM%2526mark-x%253D142%2526mark-y%253D57%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrb2FyYS1sb2NhbCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTk3NjkxMjcwNTQxZDY0ZTg5MGQzMWYxNzdhMmRjMmI%2526blend-x%253D142%2526blend-y%253D436%2526blend-mode%253Dnormal%2526txt64%253DaW4g44Oq44OD44Kv44K944OV44OI5qCq5byP5Lya56S-%2526txt-width%253D770%2526txt-clip%253Dend%25252Cellipsis%2526txt-color%253D%252523212121%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D36%2526txt-x%253D156%2526txt-y%253D536%2526s%253Dd87b82b0d5f8c6ef0aadbba1e9766eb9&f=jpg&w=240)
VSCodeで、JavaのHot Code Replacement（ホットコード置換）がサポートされた。ホットコード置換を用いると実行中のアプリケーションのコードを実行したまま動的に修正できるため、トライアンドエラーが容易になる。 アプリケーションのコードを修正した場合、その修正を反映させるためには、コンパイル型の言語であれば再コンパイルする必要があり、インタープリタ型の言語であればアプリケーションの再実行が必要となります。 しかしコードを書き換え、実行し、動作を確認するということを何度も繰り返す開発作業では、いちいち再コンパイルをしたり、再実行する手間はなんとも面倒です。 そこでJavaには、「Hot Code Replacement」（ホットコード置換）と呼ばれる機能が用意されています。これはコードを再コンパイルすることなく変更した内容をJavaVMに転送し、反映できるというものです。
追記 私の作ったプラグインよりも、かなり出来がよさそうなものがリリースされています。 そちらを使ったほうが幸せそうです。 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ページを開く
