[B! vscode] kibitakiのブックマーク

【VSCode】オススメの拡張機能と設定 - Qiita

{ "editor.formatOnSave": false, "editor.formatOnPaste": false, "editor.formatOnType": false, } この記事で紹介している拡張機能のIDは、記事の最後にまとめています。また、設定の方法については設定のやり方に記述しています。以下は、この記事で紹介する拡張機能のカテゴリ一覧です。設定ファイル関連(Yaml, Json, Toml) Git関連 Markdown関連カラー系 API関連コンテナその他便利な拡張機能ネタ系設定ファイル関連(Yaml, Json, Toml) 特にYamlやJsonはどのプロジェクトでも使用する可能性が高いので、必須の拡張機能となってくるかと思います。 Prettier esbenp.prettier-vscode jsonだけの設定では、VSCodeの設定ファイ

kibitaki 2024/07/05

vscode
Qiita

リンク

Visual Studio Codeに入れるべき拡張機能【2023年最新版】 - Qiita

弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。はじめに VSCodeは世界で多くの人が使っているコードエディタです。開発の際に使用している人も多いのではないでしょうか。今回はそんなVSCodeの拡張機能を一挙に紹介していきます。拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が﹁拡張機能﹂です。機能を追加して、より自分が使いやすいコードエディタにすることができます。拡張機能のインストール拡張機能のインストールのやり方を説明します。アクティビティバーの拡張機能マークをクリックする︵四角が4つあるマークです︶インストールしたい拡張機能を検索する拡張機能を選ぶインストールをク

kibitaki 2023/12/04

vscode

リンク

【早い！安い！うまい！】VSCode+WSL+Dockerで簡単に開発環境構築 - Qiita

三種の神器今やWSL,Docker,VSCodeは使えて当たり前という雰囲気になってきたので、初心者のためにすごく適当簡単に導入手順をまとめたよ卍最強の環境卍を構築するため以下の4ステップで解説するよ WSL2の導入 Dockerの導入 VSCodeの設定使ってみる 1. WSL2の導入そもそもWSLって何？という方もいらっしゃると思いますが、Windows内でLinux環境を使うことができるぜということだけ覚えておけばOKです導入についてはPowerShellで以下コマンドを実行するだけ！インストールしたらPCのスタートメニューからUbuntuを開き、ユーザ名とパスワードを設定しよう (Ubuntuを開くだけでユーザ名とパスワードを作成するための入力が求められます) WSLを真面目に知りたい方はこちら↓ https://learn.microsoft.com/ja-jp/wi

kibitaki 2023/06/02

リンク

君はVS Codeのデバッグの知られざる機能について知っているか - Qiita

はじめにこんにちは、kenです。GWに﹁暇だな～～、こんな日はVS Codeの公式ドキュメントを読むか！w﹂と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全理解者なので誇ってください。︵！？︶以下に記載する内容はVS Codeの公式ドキュメントのDebuggingという章を参考にしています。注意これから紹介する機能は言語によって使えたり、使えなかったりします。今から紹介する機能のデモはすべてPythonで行おうかと思ったのですが、上記の理由からPythonではサポートされていない機能についてはJavaScriptやC++で代用しました。デバッグで使える便利な機能ログポイント機能行を指定しログポイントを追加すると、そ

kibitaki 2023/05/10

vscode

リンク

無料で始めるAmazon CodeWhisperer on VSCode（Github Copilotと同等の性能？） - Qiita

無料で始めるAmazon CodeWhisperer on VSCode（Github Copilotと同等の性能？）AmazoncopilotCodeWhisperer 現在の AIを一言で説明すると・・・フミコ・フミオさんはTwitterを使っています: 「ほぼ全員がご高齢者の会社上層部からの「対話型AI とは何かその功罪について簡潔に分かりやすく出来たら一言で説明しろ」という難題にヤケクソで「ドラえもんです」と答えたら「便利だけど取扱注意ということだな」とほぼ正解な認識をしてくれたので藤子・F・不二雄先生は偉大すぎる。」 / Twitter Github Copilot と Amazon CodeWhisperer の比較現時点では Github Copilot の方が使いやすい。単純な機能だと同じくらいだが、 Github Copilot は、コマンドパレットがあるので、その

kibitaki 2023/04/16

リンク

【分野別】VSCodeのおすすめ拡張機能まとめ - Qiita

はじめに今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他拡張機能を利用することで開発の生産性を上げることができるので、ぜひ参考にしていただければなと思います。この記事の対象者プログラミング初心者の人分野別におすすめの拡張機能を知りたい人開発の生産性をより上げたい人 VSCodeを使う人全員向けまずはじめにVSCodeで開発をしている人、全員におすすめをしたい拡張機能を紹介しておきます。自分自身が使った拡張機能の中で﹁とりあえず入れて損はない﹂というものを厳選しています。それでは紹介していきます。 JapaneseLa

kibitaki 2023/03/20

vscode

リンク

VSCodeで最強のMarkdownノートエディタを作ろう

昨日の自分﹁今作ってる曲まじで良すぎる。天才かもしれん﹂今日の自分﹁ナニコレ。曲作り下手すぎか～～﹂この記事は新歓ブログリレー23日目の記事です。こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。でも、﹃パソコンで音楽を作る～﹄とか﹃打ち込み﹄っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！

kibitaki 2023/03/16

"ノートに添付する画像がPNG形式であるため、大量に画像を添付すると容量が大きくなる"PNGが嫌われ者になる時代が来たなぁ。感慨。でもavifは実装解釈によるのか知らんが線が入ったりアプリ間で安定していなくて嫌い。

リンク

「Visual Studio Code」でのリモート開発が手軽に～リモートトンネル機能が提供開始／「SSH」は不要。「VS Code Server」で簡単セットアップ

kibitaki 2022/12/12

vscode

リンク

【2023年】Web制作で使えるVSCodeオススメ拡張機能17選！ - PENGIN BLOG

この記事を書いた人だいちPENGIN BLOGメディア編集長。Web業界とは異業種の仕事をしながら、独学でWeb制作の世界に。副業でHP制作やコーディング代行、個人ブログの運営などに取り組み、現在はPENGINにてWebライティングやディレクションをしつつ、メディア運営全般を担当しています。︵個人運営ブログ‥https://daib-log.com/ ︶今回はVSCodeで使っている拡張機能を紹介します。他記事では利用シーンや用途分けがされてないことも多く、とりあえず入れてみたもののどんな機能だったのか忘れた、、、なんてこともよくあると思うので、この記事ではザックリと用途別にカテゴリ分けしています。基本的には紹介する拡張機能全て入れてしまってもいいとは思うんですが、個人的な優先度を星マークでつけています。導入する順番の参考にしてみてください！

kibitaki 2022/08/22

vscode

リンク

発刊1カ月で重版！『Visual Studio Code 完全入門』が3日間限定で全文無料公開中／【Book Watch/ニュース】

kibitaki 2022/05/20

vscode

リンク

結局UMLとかシーケンス図とかAWSの図とかどれで描くと良いのよ？と思ったときの選択肢 - Qiita

自身のプライオリティによりますが、いくつか。 Markdownで幅広く再利用性を利かせたい、長期的に丁寧に版管理したい自分自身の操作性、描きやすさと、見た目俄然手軽に、短期的に、Onlineでいつでもどこでもいずれかという視点で考えると良いのかなと思い、並べてみました。 1. 長期的に: Markdownで幅広く再利用性を利かせたい、丁寧に版管理したいなら Markdownで描くことのメリットは再利用性。将来的に追記・編集、自分以外の誰かが手を入れる可能性が高い。現在のドキュメントだけでなく多種説明資料、媒体に転用する可能性がある。 ...という点で差分管理をしたいなら、以下。 VSCodeでPlantUML、Mermaid 上記参考で以下。 Alt+D でプレビュー起動。 Ctrl + Shift + P でコマンドパレットを起動し、出力。 png, svg, eps, pdf

kibitaki 2022/04/05

Draw.ioで満足してたらまたいっぱいあるのねー

リンク

VSCodeで1行JSONを整形+Unicodeをデコードして見やすくする - Qiita

はじめに APIから受け取ったJSONをコピペしてVSCodeで確認したいと思った時に、JSONが1行で返ってきたり、StringがUnicodeにエンコードされていてどんな値が入ってるか分からない、ということがあったため備忘録として投稿前提 Unicodeのデコードは Encode Decode というVSCodeの拡張機能を用います手順 1行のJSONを整形する方法新しいファイルを作成(Mac: cmd + n またはタブのところを2回クリック) コピーした1行JSONを貼り付け右下の言語モードをJSONにする(Mac: cmd + k 押した後 m) 右クリックで『ドキュメントのフォーマットを選択』(Mac: option + shift + L) Unicodeをデコードする方法 VSCode検索機能で、正規表現をONにして\\u.{4}と検索 alt + enter (M

kibitaki 2022/03/12

リンク

VScodeでUnicodeをデコードする方法

kibitaki 2022/03/12

リンク

よくあるAWSサーバーレス構成のシーケンス図をMarkdown（Mermaid）で描いてみた | DevelopersIO

こんにちは、CX事業本部 IoT事業部の若槻です。今までシステムのドキュメントなどでUML図を使用したい場合は、別途PlantUMLで書いて画像ファイルを生成し、MarkdownやAsciiDoc内に配置するということをしていました。しかしこちらの記事の通り、Mermaidを使用すればMarkdown内で直接UML図の定義をコードで記述し、さらにGitHub上ではそのまま描画までしてくれるとのことです。知らなかった…！ GitHubでmermaid記法が使えるようになったのでアーキテクチャーの図を書いてみた | DevelopersIO そこで今回は、下記のようなよくあるAWSサーバーレス構成︵API Gateway + Lambda + DynamoDB + α︶のシーケンス図をMermaidで描いてみました。描いてみた Mermaidにおけるシーケンス図の文法はこちらを参考にしま

kibitaki 2022/02/20

dataioより製図しやすいのがあるのか

リンク

VSCodeの拡張開発に入門してみました

こんにちは。GMOアドマーケティングのK.Mです。最近めっきりVSCode上で過ごすことが多くなりました。というわけで、今回はVSCodeの拡張の作り方について調べてみました。もともと便利な拡張がたくさんあるVSCodeですが、自分の作業に特化したかゆいところに手が届くものを自作できるようになることのメリットも大きそうです。手始めに、エディタの拡張と考えると良い題材かと思われる選択範囲の文字列を見やすく整形して置き換える機能を作成してみたいと思います。 Beautify系の拡張はたくさんありますが、プロジェクト特化なログ文字列とかをサクッと整形したいようなケースで役に立つことを想定します。プロジェクト準備ジェネレーターが用意されているため、それを使ってプロジェクトの雛形を生成します。

kibitaki 2021/07/17

リンク

ExcelやGoogleスプレッドシートをMarkdown出力するVS Codeの拡張機能「Excel to Markdown table」が便利すぎる件 | DevelopersIO

Markdownでテーブルを表現するにはつらみが深すぎるみなさんはMarkdownでテーブルを書くことは得意ですか?私は苦手です。簡単なテーブルは簡単に書けるのですが、以下のようなテーブルを書くことには抵抗感があります。行数、列数が多いセル内に書くテキスト量が多いセル内でリストを表現する一方、私は先日、﹁Markdownで手順を書いています!﹂とこちらの記事で伝えました。そんな私に対して、﹁オイオイオイ。 Markdownでもなんでもいいけどよォ... テーブルを使いたい場面は多いんだぜ。﹂というセリフが聞こえてくる気がします。私のようなMarkdownでテーブルを書くことにつらみを覚える方への解決策として、以下記事で紹介している﹁MarkdownTabl eMaker﹂があります。このアドオンを使うことで、選択したスプレッドシートをMarkdownに出力してくれます

kibitaki 2021/07/17

Excel
vscode

リンク

【VScode】ターミナルとエディタ間のフォーカス移動のショートカット - インフルエンサー

VScodeでターミナルを触れるのはめっちゃ便利です。ですが、ターミナルへのフォーカスが、一旦画面をクリックしないといけないことに面倒を感じてきました。なにかショートカットないのかなと思ってたら、デフォルトでは設定されていないようです。ということで自分で設定しました。まずはツールバーからCode > 基本設定 > キーボードショートカットをクリックします。するとこんな画面がでてくる。上部のkeybindings.jsonと表示されているのでクリックすると、jsonファイルと設定ファイルが表示されます。ここに上書きしてショートカットキーを登録するんですね、なるほど。今回はcontrol ;でフォーカスが移動できるショートカットを設定します。以下をjsonファイルにコピペして保存してください。 [ { "key": "ctrl+;", "command": "workben

kibitaki 2021/03/18

リンク

【連載】WSL2、Visual Studio Code、DockerでグッとよくなるWindows開発環境〜その1：まずは概要〜 | SIOS Tech. Lab

◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による﹁わかりみの深いシリーズ﹂など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください︻5/21開催︼Azure OpenAI ServiceによるRAG実装ガイドを公開しました生成AIを活用したユースケースで最も一番熱いと言われているRAGの実装ガイドを公開しました。そのガイドの紹介をおこなうイベントです!! https://tech-lab.connpass.com/event/315703/ こんにちは、サイオステクノロジー武井(Twitter:@noriyukitakei)です。今回は、第4回シリーズで、WSL2、Visual Studio Code、Docker、Windows Terminalなどの

kibitaki 2020/08/24

リンク

VSCodeの拡張機能、なに使ってますか？はてなエンジニア世論調査 #2 - Hatena Developer Blog

こんにちは、Webアプリケーションエンジニアのid:hogashiです。半年ほど前に公開した﹁開発環境のフォントなに使ってますか？﹂に続く、はてなエンジニア世論調査の第2回﹁VSCodeの拡張機能、なに使ってますか？﹂です。ソースコードエディタであるVisual Studio Code︵以下、VSCode︶は多くのエンジニアに利用されています。VSCodeにはソースコードのシンタックスハイライトやデバッグなど、さまざまな拡張機能をインストールして使うことができますが、公開されている拡張機能は膨大にあります。その中から、はてなのエンジニアはどんな拡張機能をインストールして、日頃の開発に使っているのでしょうか？前回と同様にアンケート調査してみました。アンケート方法アンケート結果から見える人気の機能拡張6割の拡張機能は1人だけが使用人によってかなり異なるインストール数興味深いコ

kibitaki 2020/08/14

vscode

リンク

「Visual Studio Codeの教科書」を読んでVS Codeの設定をゼロから見直してみた - karaage. [からあげ]

追記‥VS Codeの入門書をZennでリリースしましたブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 Visual Studio Codeの教科書 Visual Studio Codeの教科書を購入しました。基本的な使い方から拡張機能の作り方まで、広く押さえられていました。プログラマーのためのVisual Studio Codeの教科書 (Compass Booksシリーズ) 作者:川崎庸市,平岡一成,阿佐志保発売日: 2020/04/30メディア: Kindle版自分は拡張機能作りには興味なかったのですが、思わず手を伸ばしたくなりますね。拡張機能作りまで興味ある方にとってはかなり良い本ではないかと思います。本を読むと、色々改めて発見があったのと、拡張機能一回

kibitaki 2020/07/18

リンク

はてなブックマーク

タグ

関連タグで絞り込む (18)

vscodeに関するkibitakiのブックマーク (31)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス