Mermaid Graphical Editorを使うとVSCodeでサクサク図が書けるよ
Mermaid Graphical Editor VSCodeの拡張機能です。 Mermaid記法を利用してマークダウン内部で作図しながら、Mermaidそれ自体のエディタを立ち上げることができます。 逆にMermaid Editor側で編集した内容もマークダウンにフィードバックされます。 vs Draw.io Integration 類似ツールとしてDraw.io Integrationがあります。 こちらは.drawio拡張子のファイルをVSCodeで作成すると、draw.ioのエディタが開いて作図ができるツールです。 しかし、draw.ioはあくまで図が書けるところを生業としていて、作成したdraw.ioファイルをマークダウンファイルに埋め込むには画像としてexportが必要です。 できれば自分はマークダウン以外のファイルを作らず、一つのマークダウンファイルだけで完結したいと思ってま
ChatGPTとVSCodeの連携方法とその使用例：開発効率を飛躍的にアップさせる
マーケティングテクノロジーの情報やノウハウ・TIPS、エクスチュア社の情報を発信。【ブログネタ募集】ご興味のある分野を教えてください！ご要望の内容を記事に起こします！メニューの「ブログへの」リクエストよりお送りください。 menu こんにちは、石原と申します。 今回のブログが初投稿となります。最近注目を集めているChatGPTと普段使いしているエディタのVSCodeを連携させることで、コード開発の効率が大幅にアップしたので、その方法を紹介していきたいと思います。流行りのChatGPTに関してn番煎じの記事ではありますが、初めて触れる方でも導入できるよう、わかりやすく解説しますので、ぜひご覧ください！ ChatGPTとは 「ChatGPTとは、OpenAIが開発した人工知能チャットボットの名称です。このチャットボットは、自然言語処理技術を用いて、人間との対話を模倣することができます。 Cha
VSCode のデフォルトとフォルダごとの設定ファイルを作ろう | Hassy's Tech Blog
VSCode には settings.json という設定ファイルがあって，これをいじることで自分好みのカスタマイズができます． 今回はこの settings.json のデフォルトの設定とフォルダごとの設定について TeX の自動コンパイル設定を例にして説明します． 1. デフォルトの設定ファイル 普段みなさんがよく使うのはこちらだと思います． settings.json はショートカットキー(Mac: Cmd + Shift + p, Windows: Ctrl + Shift + p) でコマンドパレットを開き，Preferences: Open Settings (JSON) を選択することで開くことができます． うまく開ければこんな感じのページが表示されると思います．(中身は空かもしれませんが) ちなみに，defaultSettings.json というファイルもあるようですが，
Visual Studio Code 上でAWS Lambda が編集できるようになるまで - Qiita
Visual Studio Code 上でAWS Lambda 編集できるようになるまで (自分用のメモとして残しておきます) タイトルの通りです。 AWS Lambdaを学習中ですが…Lambdaだとソースが見にくい… ので、Visual Studio Code 上で以下のことができるようにしました。 ・ソースのダウンロード＆直接編集 ・テストの実行 ・(編集した)ソースのアップロード 事前準備 (1) Visual Studio Code のインストール https://azure.microsoft.com/ja-jp/products/visual-studio-code/ (2) Visual Studio Code のプロキシ設定（※必要な場合のみ） (記載例：http://userName:password@proxy.xxxTsts.jp:8080 ) (記載場所) (3)
DockerとVS Code Remote Containersを用いたフロントエンド開発環境構築
背景 プロジェクトの新規立ち上げや、新しくプロジェクトに新規メンバーが入った場合に環境構築に手間取ることが多いため、Docker＋VS Code Remote Containersのフロントエンドアプリケーション開発環境構築ができるリポジトリを作成しました。 本記事では上記リポジトリを用いた環境構築手順とCreate React Appによる簡単なアプリ開発例を説明します。 また、上記リポジトリをgit cloneしなくても一から同じ環境を構築できるように、リポジトリに含まれるファイル群についてもそれぞれ説明します。 本記事の対象はフロントエンドですが、バックエンドのプロジェクト構築も基本的には同じ知識で構築できるはずです。 前提条件 本記事では以下を前提条件とします。ただし、WindowsやLinuxでも基本的には問題ないはずです。 macOS Monterey Visual Studi
VSCode に Code Spell Checker を導入して typo と戦う - Qiita
✖ この記事は ACCESS Advent Calendar 2018、7日目の記事です。 こんばんは！ @diescake です。 突然ですが、皆さん！ typo してますか！？ 今年も一度はコードレビューで typo を指摘されたのではないでしょうか？ また、苦虫を噛み潰したような苦悶の表情で typo を指摘したのではないでしょうか？ 自分自身もそれなりの typo をこの世に産み落とし、多くの人を不幸のどん底に陥れました。 レビューの網を掻い潜った typo 達一行は master の奥深くに潜み、 数多の親・家族・友人を浄化したエンジニアに対して復讐の炎を滾らせ、虎視眈々と production へデプロイされるチャンスを狙っているのであった… typo の定義 先に断っておくと、ここでいう typo とは、クラス・関数・変数名、文言などのスペルミスを指していて、 多くの場合、動
Web制作者必見！ VS Codeのおすすめ機能拡張のまとめ、HTMLやCSSやJavaScriptのコードを書く時に便利
Visual Studio Code（以下、VS Code）が素晴らしいエディタである理由の一つは、デベロッパーの生産性を向上させるVS Codeの機能拡張の巨大なライブラリがあることです。 その中から、HTMLやCSSやJavaScriptのコードを書く時に便利なVS Codeの機能拡張を紹介します。 My 12 Favorite VSCode Extensions by Katherine Peterson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 VS Codeとは VS Codeの機能拡張 VS Codeのおすすめ機能拡張 VS Codeとは VS Code(Visual Studio Code)は、Microsoftが提供する統合ツールを備えた強力で軽量なコードエディタです。MITライセンスで、商用でも完全に無料
【Mac版】 VisualStudioCode キーボードショートカット - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Visual Studio Codeは0.5.0のときにインストールして使ってみてしばらく様子見だなあって思ってあまりまじめに使っていなかったのですが、オープンソース化されたので一念発起してv0.10.1までアップグレードしてまじめに使うことにしました。 その際にショートカット一覧の日本語翻訳とかないかな？ってふと疑問に思ったらQiita上にありました。 VS Code キーボードショートカット一覧 （オススメ付き） ただ、Windows版(Linux版)とMac版の違いが割とかなりあるのでMac版まとめました。 ちなみにidには当然な
Java開発環境をVisual Studio Code で整える | 株式会社ソリューションウェア
2020/08/12 更新：vscode-java 0.65.0 から Java 11 が必須となった ため、一部修正しました。 Java の開発で使われるIDEには Eclipse IntelliJ IDEA NetBeans といったものが主流のようですが、ある言語だけ別物の環境で開発することに筆者は少し抵抗がありました。1 2 Java を扱うプロジェクトにジョインするとき、最近流行りの Visual Studio Code（以下 VS Code ）は対応してないのか？ と少し調べたところ、ここ最近で対応が進んだようで無事セットアップできました。さくさく開発できるので気に入ってます。 今回はそのセットアップ手順を紹介します。 この記事で書くこと Java 開発における VS Code の設定 必要な拡張機能のインストール 設定ファイルの書き方 この記事で書かないこと VS Code
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JS/TS Import/Export Sorter - Visual Studio Marketplace
VS Codeでインデントを設定するには
Visual Studio Code + mac で非常に良く使うショートカット - Qiita