Microsoft、「VS Code」ベースの無料コンピュータサイエンス教育環境を公開（窓の杜） - Yahoo!ニュース
米Microsoftは5月30日（現地時間）、「Visual Studio Code for Education」を発表した。昨年7月からプレビューテストが実施されていたが、ようやく正式版として提供されるようになった。 【画像】中学から大学レベルまで、JavaScriptやPythonなどの多彩なカリキュラムを用意 「Visual Studio Code for Education」は、Web版「Visual Studio Code」を学生や教育者向けにカスタマイズしたバージョン。中学から大学レベルまで、JavaScriptやPythonなどの多彩なカリキュラムと、サンドボックス化されたコーディング環境をセットにした、無料のオンラインコンピュータサイエンス教育プラットフォームだ。 本サービスはWeb版「Visual Studio Code」がベースとなっており、「vscodeedu.com
ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか？ 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレビュー表示など、めんどくさい・見づらい・使いづらいと思うことがあります。どうにか快適に書けないかと思いさまざまな拡張機能や設定を試しながら業務を行ってきました。 この記事では、筆者が試した拡張機能やVS Codeの設定の中で便利だったものを紹介します。①から⑥まではすべて無料で利用できるので気軽に試してみてください！ ①マークダウンの表をエクセルからコピペできる拡張機能 VS Codeでの表の作成に重宝しているのが「Excel to Markdown table」という拡張機能です。エクセル
It is important to note that the component model does not support low-level (C-style) pointers. As such, you cannot pass object graphs or recursive data structures. In this respect, it shares the same limitations as JSON. To minimize data copying, the component model introduces the concept of resources, which we will explore in more detail in a forthcoming section of this blog post. The jco projec
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを開いているか分かりづらいなと思う場面がありました。 VS Codeのv1.88で開いているファイルタブのラベルをカスタマイズできるようになったので、その設定方法を紹介したいと思います。 Visual Studio Code March 2024 結論 最初に結論として、settings.jsonに下記設定をすることでディレクトリ名も表示されるようになりタブを見やすくすることができます。 .vscode/settings.js
![[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/611914e4c074abe947efa5c820fc1646e6c60a0a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F06%2Fvscode-2020-eyecatch-1200x630-1.png)
[小ネタ]VS Codeの拡張なしでキャメルケース、パスカルケース、スネークケース、ケバブケース、大文字、小文字に変換する | DevelopersIO
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
# Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting This slides are used at VS Code Conference Japan 2024 https://vscodejp.github.io/conference-2024/ (15 ~ 20 minutes) ## References: - Extension API | Visual Studio Code Extension API https://code.visualstudio.com/api - The Biome Tool Chain https://fosdem.org/2024/schedule/event/fosdem-2024-2563-the-biome-toolchain/ - Mo
VS CodeでAWSを操作しよう
2024/04/20(土) 開催の「VS Code Conference JP 2024」における私の発表「VS CodeでAWSを操作しよう」の発表資料になります。 #vscodejp URL： https://vscodejp.github.io/conference-2024/
【Rye + uv + Ruff】Docker で VS Code の Dev Container 上に快適な Python 環境を構築する
0. はじめに 株式会社ディー・エヌ・エーに入社し，MLOps エンジニアをやっている @a5chin です． 本記事では，図 1 の様に VS Code の Dev Container 上に爆速で快適な Python 環境を構築することを目指します． 図 1: Dev Container 上で開発をすると Ruff による自動フォーマット[1]と pre-commit が走る 本記事の内容は全て上記リポジトリで簡単に試すことができるので，ぜひ clone して試して頂けたらと思います↑ Dockerfile 内で，Rye, uv, そして Ruff をインストールする手順を記述することで開発環境を標準化し，異なる環境間での一貫性を担保することができます． 0.1. 事前準備 本記事で作成したリポジトリを動かすためには，Docker Desktop と VS Code のダウンロード，VS
VS CodeのPythonおよびJupyter拡張機能の2024年4月版リリース FlaskとDjangoのデバッグ設定など機能強化
VS CodeのPythonおよびJupyter拡張機能の2024年4月版リリース FlaskとDjangoのデバッグ設定など機能強化：Jupyterのセル間依存関係分析など各種機能が向上 Microsoftは「Visual Studio Code」のPythonおよびJupyter拡張機能の最新版を公開した。FlaskとDjangoのデバッグ設定フローの改善、PylanceによるJupyterのRun Dependent Cells機能の向上、Hatch環境の検出などの機能を強化した。
Mac＆Windows完全対応！VS Codeでの作業効率を爆上げするショートカットまとめ - Qiita
はじめに 今回はMacとWindowsのOS別にVSCodeのショートカットを紹介していきます。普段VSCodeを頻繁に使用する方も、これから使用する方も、ぜひ最後までご覧ください。 全てのショートカットを覚える必要はないので、自分に必要だと思うものだけ覚えましょう。一度ショートカットを覚えてしまえば、今後の作業効率が爆上がりすること間違いなし！ それでは順番に紹介をしていきます。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。
Python仮想環境 Python3の標準ライブラリであるvenvを用いて仮想環境を構築します。 仮想環境はプロジェクトによってバージョン、ライブラリを使い分けるために使用します。 venvで仮想環境を作成する 以下のコマンドを実行して仮想環境を作ります
GitHub - flydelabs/flyde: ⚡️⚡️⚡️ Open-source, visual programming for developers. Includes a VS Code extension, integrates with existing TypeScript code, browser and Node.js.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
extensions.json で指定された VS Code 拡張をコマンドで一括インストールする | DevelopersIO
こんにちは、CX 事業本部製造ビジネステクノロジー部の若槻です。 VS Code（Visual Studio Code） では、ワークスペースやプロジェクトで導入を推奨したい拡張機能を指定することができます。 指定方法は、次のような extensions.json ファイルを .vscode ディレクトリに作成するだけです。 .vscode/extensions.json { "recommendations": [ "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "redhat.vscode-yaml", "Arjun.swagger-viewer" ] } しかし、この extensions.json に指定したからと言って自動で VS Code にインストールされるわけではなく、次のように RECOMMENDED の一覧に表示さ
Setting up VS Code for Ruby on Rails development can be tricky, so I wrote this article to help. Plus, I've turned the extensions in this article into a VS Code Extension Pack. Use it to install all the extensions from this article in 1-click, to get started quickly with VS Code + Ruby on Rails. Table of Contents Using VS Code as a Ruby on Rails editor shouldn't be so hard! It's tricky deciding wh
先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール（紹介記事）ができるようになった時もその便利さに喜びましたが、ツリービューでもできるようになり、深い階層でもすべての親を常に表示しておくことができます。 ツリービューのスティッキースクロールを使用するには、デフォルトではオフになっているので、機能をオンにする必要があります。 ※オンになっている人もいるようですね。
VS Codeを便利に使いこなしたい人にお勧め、実務にかなり役立つ解説書 -改訂新版 Visual Studio Code実践ガイド
※本ページは、アフィリエイト広告を利用しています。 当ブログのビジターも多くの人が、Visual Studio Code（以下、VS Code）を使用していると思います。VS CodeはWeb制作やアプリ開発で必需品とも言えるエディタで、コードエディタとしてだけでなく、テキストエディタとしても人気が高いエディタです。 VS Codeは解説書がなくても利用できますが、さまざまな便利な機能が備わっています。VS Codeをより深く使いこなしたい人に、Web制作やアプリ開発の実務で役立つ機能やカスタマイズを徹底的に解説した解説書を紹介します。 本書は2020年に発売された『Visual Studio Code実践ガイド』の改訂新版で、2023年11月時点のVS Code最新版に対応しています。基本機能をはじめ、アップデートされて便利になった機能、リモート開発機能やGitHubとの連携など、VS
【Windows】PythonのインストールからVS CodeでJupyter Notebookを使うまで | DevelopersIO
はじめに Jupyter NotebookはWebブラウザ上でPythonなどのコードを書き、対話形式で実行できるWebアプリケーションですが、ローカルでも動かせるようにしておきたいと思い環境構築をしました。この記事ではWindowsでPythonのインストールからVisual Studio CodeでJupyter Notebookを動かせるようになるまでの手順を紹介します。 環境・前提条件 OS：Windows 10 Pro 64bit VS Code拡張機能のPythonとJupyterがインストール済みとします。 Pythonインストール 公式サイトにアクセスし、「Downloads」⇒「Windows」をクリックします。 記事執筆時点（2024/02/06）ではPython 3.12.1が最新なので、こちらをクリックします。 表示されたページの下の方にインストーラのリンクが一覧で
お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。 2024年5月23日(木)以降より開始予定の「connpass 有料API」の料金プランにつきましてはこちらをご覧ください。 お知らせ connpassをご利用いただく全ユーザーにおいて健全で円滑なイベントの開催や参加いただけるよう、イベント参加者向け・イベント管理者向けのガイドラインページを公開しました。内容をご理解の上、イベント内での違反行為に対応する参考としていただきますようお願いいたします。
VS Code Meetup #27 https://www.youtube.com/live/2YH3mhkkJcw?si=kVrBpIV5HZ7K9HZe&t=1385 『改訂新版Visual Studio Code 実践ガイド』販売中 https://gihyo.jp/book/2024/978-4-297-13909-4
VS Code でコミットするときに GitHub Copilot を使っていると コミットメッセージを生成してくれたりします。 図 1 コミットメッセージを Copilot で生成 英語苦手な自分からすると「マジうれしいんですけど」という感じなのですが、コミットメッセージはできればエディターで記述したいと考えてしまいます。 そこで今回は「コミットメッセージをエディターで編集する利便性」を維持しつつ、「GitHub Copilot による生成機能もできるだけ利用しよう」という内容のメモになります。 VS Code のエディターでコミットメッセージを記述するとは VS Code でコミットメッセージを記述する方法としてはソース管理タブの利用が一般的かと思われます。 図 1-1 ソース管理タブのフィールドから普通に入力 一方で上記とは別に、コミット用のコマンドを実行しエディターの中で記述する方
VS-CODEでDocker環境を簡単に構築する方法
VS-CODEの拡張機能Dev Containersを使って、Docker環境を簡単に構築する方法についてご紹介します。 こちらのudemyの講座を参考しています。 自分が忘れないように記事にしました。 自作シェルで学ぶLinuxシステムプログラミング ―Pythonで150行の「シェル」を実装してLinuxのしくみを学ぼう Dev Containersとは Dockerコンテナを使った環境構築を非常に簡単に構築できるVS-CODEの拡張機能です Dev Containersのインストール VS-CODEの拡張機能の検索欄からdev containersを検索します インストールします 構成ファイルの作成 開発コンテナーのための構成ファイル（JSON）を作成していきます コマンドパレットから、Dev Contaniners: Add Dev Contaniner Configuration
GitHub Actions for VS Code で、ワークフロー編集時の構成変数のサジェストとバリデーションが便利 | DevelopersIO
こんにちは、CX 事業本部 Delivery 部の若槻です。 前回のエントリで、GitHub Actions for VS Code を使って構成変数（Variables、Secrets および Environments）の管理が行えることをご紹介しました。 今回は GitHub Actions for VS Code の別機能として、ワークフロー編集時に構成変数のサジェストとバリデーションをしてくれる機能が便利だったのでご紹介します。 環境 # VS Code $ code --version 1.85.1 0ee08df0cf4527e40edc9aa28f4b5bd38bbff2b2 arm64 # GitHub Actions for VS Code $ code --list-extensions --show-versions | grep github.vscode-gith
はじめに 皆さんは外出先などで突然VS Codeを使いたくなったことはないでしょうか？僕はあります。 それは職場かもしれませんし、カフェかもしれませんし、オフトゥンの中かもしれません。そんな時に、ブラウザとネットワーク環境さえあればいつものVS Codeが使えるのがGitHub Codespacesです。 GitHub Codespacesとは GitHub Codespacesは、GitHubが提供しているクラウドベースの開発環境です。 機能的にもUI的にも普段利用しているVS Codeとほぼ同じため、日常的にVS Codeを利用している人であれば、いつも通りの開発体験を得ることができます。 GitHub上の任意のRepositoryをcloneすることができるので、GitHubで管理しているソースコードであればすぐに開発を開始することができます。 ブラウザ上で利用できる GitHub
GitHub Copilot in VS Code で、作業内容からコミットメッセージを生成可能になりました | DevelopersIO
GitHub Copilot in VS Code で、作業内容からコミットメッセージを生成可能になりました こんにちは、CX 事業本部 Delivery 部の若槻です。 先月の GitHub Copilot in VS Code のアップデートで、コミットメッセージの生成がサポートされました。 Commit message generation using Copilot in VS Code - GitHub Copilot – November 30th Update - The GitHub Blog Copilot can now generate commit messages based on the pending changes using the new “sparkle” action in the Source Control input box. 試してみる 環境
✨VS Code + gitmoji でコミットメッセージにササッと絵文字をつけよう✨ - Qiita
👀 gitmojiって？ gitのコミットメッセージに絵文字をつけて、コミットの変更内容を把握しやすくする取り組みです。 CLIツールやVS Codeの拡張機能が提供されています。 コミットメッセージをかわいく装飾できちゃいます💐 🎨 VS Codeでgitmojiを使う 拡張機能を入れると、VS Code上でも簡単にgitmojiの絵文字を挿入することができます。 デフォルトで日本語化されていて、どの顔文字を使えばいいかわかりやすいですね！ 🎲 絵文字の内容をカスタマイズする デフォルトの状態でも十分使い勝手がいいですが、個人開発や小規模なチームで使うには、いささか絵文字の数が多いかもしれません。 そんな時は、拡張機能の設定からカスタマイズが可能です。 私の開発チームでは、以下のような設定を行なっています。 { // gitmoji "gitmoji.outputType": "
vs codeにおけるMarpの使い方
Amazon CodeWhisperer と VS Code で IaCコード書いてみた [Terraform編] #AWSreInvent | DevelopersIO
どうも、ちゃだいん（@chazuke4649）です。 Amazon CodeWhisperer が IaC (Infrastructure as Code) サポートしましたね！ 早速、Terraformでも試してみましょう！ やってみた 前提 ちなみに自分のVS Codeには、GitHub Copilotも入っていますが、ややこしいので一旦無効化しています。 VS Codeにて、CodeWhispererを有効化する VS Codeを立ち上げ、まだ AWS Toolkit 拡張が入っていない場合は、拡張機能をインストールします。 続いて、AWSのアイコンをクリックし、CodeWhispererの"Sign in to get started"を選択します。 各機能ごとでサインインできるようですが、Amazon Q + CodeWhispererの"Use for free with AW
![Amazon CodeWhisperer と VS Code で IaCコード書いてみた [Terraform編] #AWSreInvent | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/07773baa475b98523f61fe23e29c0326ad0828f4/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F11%2Feyecatch_english-reinvent-2023-just-try.png)
みなさんこんにちは、電通国際情報サービス（ISID）Xイノベーション本部ソフトウェアデザインセンターの佐藤太一です。 皆さんは最近発売された『実践プロパティベーステスト ― PropErとErlang/Elixirではじめよう』はもう読みましたか？ この本はErlangやElixirを使ってプロパティベーステストというテスト手法について具体的なコードを使って実践的に学習できる本です。非常に素晴らしい本ですが、難しい部分も多いため私は少しずつ読んでいる所です。 この記事では、この本を読むにあたってサンプルコードを動かすための環境を使っているOSに依存せずに作成する方法を説明します。 事前の準備 最小限のDev Container devcontainer.jsonを編集する環境の構築 Erlang用VS Code拡張 テスト用プロファイルで使うライブラリをエディタに認識させる まとめ この記
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Speech extension for Visual Studio Code The Speech extension for Visual Studio Code adds speech-to-text capabilities to the chat interfaces in Visual Studio Code. No internet connection is required, the voice audio data is processed locally on your computer. Getting Started Install the GitHub Copilot Chat extension a
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VS Code で Gemini Code Assist を使う - Qiita
Microsoft、「VS Code」ベースの無料コンピュータサイエンス教育環境を公開／多彩なコースとアクセシビリティ機能もビルトイン
Microsoft、「AI Toolkit for VS Code」を発表（窓の杜） - Yahoo!ニュース
VS Codeでマークダウンを快適に書きたい！ オススメの拡張機能と設定6選 - ICS MEDIA
Microsoft、「AI Toolkit for VS Code」を発表／既存の「Windows AI Studio」をクロスプラットフォーム拡充、発展させる
VS Code Extensions and WebAssembly
VS CodeでPythonの仮想環境を構築する(windows) - Qiita
VS Code Conference Japan 2024、4/20にハイブリッド開催 | gihyo.jp
A decent VS Code + Ruby on Rails setup
VS Codeの新機能がすごく便利！ ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります
VS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグイン・「Twinny」
VS Code Conference Japan 2024 (2024/04/20 13:00〜)
『新改訂版VS Code実践ガイド』の 改訂要素からみるVS Codeの進化
VS Code + GitHub Copilot 環境でも git commit しちゃうんだな、これが
VS Code 開発コンテナー用カスタム Docker イメージの開発方法
いつでもどこでもVS Codeが利用できるGitHub Codespaces
VS Code のワークスペースをちゃんと使いたい - Qiita
サクッと始めるAIコードエディタ【Cursor / VS Code / ChatGPT】
コード生成を実現するVS Codeの拡張機能 - Qiita
VS Codeで作るErlangアプリケーション開発環境 - ISID テックブログ
【VS Code】tasks.jsonで決まった作業を自動化する | DevelopersIO
VS Code Speech - Visual Studio Marketplace