並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 467件

新着順 人気順

"VS Code"の検索結果81 - 120 件 / 467件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

  • VS Codeで任意コード実行が可能だった脆弱性から学ぶ、Electron開発の注意点(CVE-2021-43908) - Flatt Security Blog

    初めに こんにちは。株式会社Flatt Security セキュリティエンジニアの石川です。 近年、クロスプラットフォームなデスクトップアプリケーションを作成する上で、Electronを採用することが選択肢の1つになってきています。 Electronの開発では、ライブラリとしてのElectronの実装と、その上にユーザーが構築するデスクトップアプリケーションの2つのコードが存在します。デスクトップアプリケーションの実装においても、メインプロセスとレンダラープロセス、サブフレームなど、考慮すべき概念が多数存在します。 そこで本稿では、Electronのアーキテクチャを意識しながら、実際に発見された脆弱性の傾向について考察することで、 Electron開発者が開発時に気を付けるべき点とその緩和策について、セキュリティの観点から記述していきます。 その上で、一例として、2022年のBlack H

      VS Codeで任意コード実行が可能だった脆弱性から学ぶ、Electron開発の注意点(CVE-2021-43908) - Flatt Security Blog
    • Port forwarding local services with VS Code

      Version 1.88 is now available! Read about the new features and fixes from March. Local Port Forwarding Support for port forwarding is built into Visual Studio Code via Microsoft dev tunnels, no extension required. When running a local web service, you can use the Ports view to make the service accessible to others over the internet. How to use local port forwarding First, you need to have a servic

        Port forwarding local services with VS Code
      • VS Code に新しいサイドパネルが追加され、右側にアウトラインなどのビューを表示できるようになりました | DevelopersIO

        2カ月ぶりに VS Code の新しいバージョン 1.64 がリリースされました? (2月に入ってますが January 2022 なので2022年1月のアップデート扱いなようです) リリースノートは以下にまとまっています。今回は新しいサイドパネルに焦点を当てて紹介します。 新しいサイドパネルとは 今までの VS Code の UI は以下のように左側にサイドバー、下側にパネルがあり、workbench.panel.defaultLocation でデフォルトの下側以外にも左側や右側に設定できました。 またサイドバー内のアウトラインのようなビューをパネルの中に入れることができました。 https://code.visualstudio.com/docs/getstarted/userinterface ただしパネル自体は一つだったので、ターミナルは下側で横幅が広い状態で見たいけど、アウトラ

          VS Code に新しいサイドパネルが追加され、右側にアウトラインなどのビューを表示できるようになりました | DevelopersIO
        • VS Codeが好きになった10の理由 / ILoveVSCode

          本日のLT資料 ■エディタ好きは語りたい LT会 https://rakus.connpass.com/event/204540/

            VS Codeが好きになった10の理由 / ILoveVSCode
          • Microsoft、「C# Dev Kit」をプレビュー公開 ~「VS Code」でC#開発環境を構築/「Visual Studio」のコンセプトを「Visual Studio Code」にも

              Microsoft、「C# Dev Kit」をプレビュー公開 ~「VS Code」でC#開発環境を構築/「Visual Studio」のコンセプトを「Visual Studio Code」にも
            • 業務で役に立つVS Code機能拡張を作ってみた話

              LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog この記事は UIT 新春 Tech blog 3日目の記事です。 こんにちは。LINE証券のフロントエンドを開発している岩本海童です。 今日は、業務で利用できる便利なVS Codeの機能拡張を作ってみた話をします。 背景 LINEでは、XLTと呼ばれるアプリケーションの多言語化のための社内ツールがあります。 あるキーとなる文字列に対して、対応する日本語や英語の文字列を関連づけることができ、それをソースコードから参照します。 例えば次のように、ボタンにXLTから設定した文字列を表示します。 export const ShowAllAssetsButton: FC = () => <button>{xlt('portofolio.

                業務で役に立つVS Code機能拡張を作ってみた話
              • コーディングを加速するFigma for VS Codeの紹介

                以前こちらの記事でエンジニアのためのFigmaの使い方を紹介しました。 こちらの記事の後にFigmaのプラグインがリリースされ、VSCodeとの連携が可能になりとてもエンジニアにとって使いやすくなったので今回はその使い方を紹介します。 Figma for VS Codeで何ができるのか Figma for VS CodeはFigmaのプラグインで、VSCode上でFigmaのデザインをみたり、CSSのコードを取得したりすることができます。 FigmaのデザインをVSCode上で確認 以下はFigmaのデザインをVSCode上で見た例です。 ご覧いただいてわかる通り、要素間のの距離やサイズなどコーディングに必要な情報を一通り把握することができます。 コードの補完 Figmaのデザインをコーディングする際に、Figmaのデザインを元にCSSのサジェストをしてくれます。タブを打つだけでサジェスト

                  コーディングを加速するFigma for VS Codeの紹介
                • VS Code効率爆上げショートカット集 - Qiita

                  はじめに Visual Studio Code(以下、VSCode)でコードを書く際に、個人的に作業効率が上がると感じるショートカットをまとめてみました。 筆者はWindowsユーザーでHTML、CSS、JavaScript、C#、SQLあたりを見たり書いたりしています。 「習うより慣れろ」でVSCodeを開いて実際に打ってみて欲しいです。無意識でもできるように頭と指に刷り込ませて、作業効率を上げていきましょう!! VSCodeのダウンロードはこちらから。 Ctrl + s / Ctrl + z / Ctrl + y 基本のき!! 保存、戻る、進む!!! Ctrl + sは何かするたびに絶対押しましょう。エディタに限らずドキュメントなどもとにかくCtrl + sは無意識下でも使えるようにしておかないと、急に落ちた時などに地獄を見ます。 Tab / Shift + Tab 選択した範囲に一括

                    VS Code効率爆上げショートカット集 - Qiita
                  • 直感的なWeb開発を促進する「Microsoft Edge Tools for VS Code」がリリース

                    Microsoftは米国時間2020年10月1日、「Microsoft Edge Tools for VS Code 1.1.0」をVisual Studio Marketplaceで公開した。Visual Studio Codeに同拡張機能をインストールすると、Microsoft Edge Toolアイコンが加わり、Microsoft Edgeで開いたWebページの開発が可能になる。本バージョンではデバッグモードを削除し、「Headless(ヘッドレス)」ブラウザーモードを新たに導入した。 Microsoft Edge Tools for VS Codeを起動した状態 公式ブログによれば、ヘッドレスブラウザーモードは対話可能なWebブラウザーウィンドウを新たに起動せず、Visual Studio Code内にWebブラウザーを内包し、より直感的なWeb開発環境を実現する。また、Webペー

                      直感的なWeb開発を促進する「Microsoft Edge Tools for VS Code」がリリース
                    • 入社1年目がVS Codeの拡張機能を作って、ちょっと嬉しくなった話 - ecbeing labs(イーシービーイング・ラボ)

                      はじめに はじめまして、ecbeing新卒1年目でプロダクトグループに所属している、湯上(ゆがみ)と申します! 日頃は、当社製品の「ecbeing」の技術開発を行っています。 今回、ブログをはじめて投稿させていただきますので、暖かい目で見ていただけると幸いです_(._.)_ さて、早速本題に移りたいと思います。 今回は、そんな新人の私がはじめて社内向けのVisual Studio Code(以下、VSCodeと記述)の拡張機能を作ってみたら、色々感じたことがありました。 そのときに感じた、ちょっとした気持ちを皆様に共有させていただきたいと思います。 目次 はじめに 目次 今回の成果物 ことの経緯 参加することになったぞー いざ開発 そもそもVSCode 拡張機能って何? 特徴 準備 やったこと 1. 構文ハイライト拡張機能 気をつけたこと 2. マークアップ拡張機能 気をつけたこと 完成!

                        入社1年目がVS Codeの拡張機能を作って、ちょっと嬉しくなった話 - ecbeing labs(イーシービーイング・ラボ)
                      • 「Edge」の開発ツールを統合し「Visual Studio Code」でWebアプリの開発を完結/Microsoftが「Microsoft Edge Tools for VS Code」拡張機能を一般リリース

                          「Edge」の開発ツールを統合し「Visual Studio Code」でWebアプリの開発を完結/Microsoftが「Microsoft Edge Tools for VS Code」拡張機能を一般リリース
                        • VS Codeでソースコード管理、初めの一歩

                          VS Codeでソースコード管理、初めの一歩:Visual Studio Codeで快適Pythonライフ VS Codeには組み込みでGitサポート機能が含まれています。これを使ってVS Codeでソースコード管理を行う基礎の基礎を何回かに分けて見ていきましょう。 連載目次 前回はVisual Studio Code(以下、VS Code)のタスクについて簡単に紹介した後、その機能を使って、colab-sshモジュールを使ってVS CodeからGoogle ColabへのSSH接続の構成を自動化する例を見ました。今回はガラリと話題を変えて、VS Codeのソースコード管理機能の基礎の基礎について見てみることにします。 なお、Gitについての基礎知識はある程度あり、そのためのソフトウェアもインストール済みであるものとします。ダウンロードとインストールについては公式サイトのダウンロードページ

                            VS Codeでソースコード管理、初めの一歩
                          • VS CodeでAWSを操作しよう

                            2024/04/20(土) 開催の「VS Code Conference JP 2024」における私の発表「VS CodeでAWSを操作しよう」の発表資料になります。 #vscodejp URL: https://vscodejp.github.io/conference-2024/

                              VS CodeでAWSを操作しよう
                            • まだJupyter Notebook使ってるの? VS CodeでJupyter生活 (.py)で快適Pythonライフを?! - Qiita

                              まだJupyter Notebook使ってるの? VS CodeでJupyter生活 (.py)で快適Pythonライフを?!PythonVSCodeJupyterNotebookipynb みなさん、よいPython生活送れていますでしょうか? いきなりですが、普段Pythonのコードを扱う際、どのように扱っていますか? 普通に.pyのファイルを作成して動かしたり、もしくはJupyter NotebookやJupyter Labなどを使ってコードブロックにコードを書いてブロックごとに実行していく、という人も多いと思います。自分は大学の授業で配布されているPythonコードの資料がJupyterで扱える.ipynb形式のファイルなので、今まではJupyter Notebookを使ってコードを閲覧・実行等行っていました。 しかし、みなさん、Jupyter Notebookを立ち上げてブラウザ

                                まだJupyter Notebook使ってるの? VS CodeでJupyter生活 (.py)で快適Pythonライフを?! - Qiita
                              • キーボードから手を離さずにVS Codeで開発したいという気持ちを大切にしています

                                みんな~。今日も元気にVS Code使っとるかな?ワシは使っとるよ。 VS Codeはショートカットキー(ホットキー)を駆使するとイイ感じにカッコいいアレが感じるの気がしてるです。 だから教えてやるよ。無料でな! 俺が良く使うものだけ紹介するから、俺の知らない便利機能は出てこない。「これ便利あるよ」ってのがあったら教えていただきたい。 あと、伴ってWindowsやChromeの操作のはなしもする。キーボードから手を離さずに作業しよう。 ◆エディタ自体の操作 ▼Alt 分かってると思うけど、ツールバーにアクセスできる。単純かつ強力だけど意外と忘れがち。 ツールバーにフォーカス当たってる状態で例えば「T」って押すと「ターミナル」カーソル当たるんで、そっから↓キーでメニュー開いたりすりゃいい。 ▼Ctrl + P ほんとこれ。キーボードから手を放す時間を極力減らしたい人はこれ。 Ctrl + P

                                  キーボードから手を離さずにVS Codeで開発したいという気持ちを大切にしています
                                • 「Python in Excel」に強力な援軍、「Python Editor」のテストが開始/長いPythonコードも「Excel」サイドパネルで楽々、「VS Code」由来の支援機能も充実

                                    「Python in Excel」に強力な援軍、「Python Editor」のテストが開始/長いPythonコードも「Excel」サイドパネルで楽々、「VS Code」由来の支援機能も充実
                                  • Announcing Support for Native Editing of Jupyter Notebooks in VS Code - Python

                                    Announcing Support for Native Editing of Jupyter Notebooks in VS Code With today’s October release of the Python extension, we’re excited to announce the support of native editing of Jupyter notebooks inside Visual Studio Code! You can now directly edit .ipynb files and get the interactivity of Jupyter notebooks with all of the power of VS Code. You can manage source control, open multiple files,

                                      Announcing Support for Native Editing of Jupyter Notebooks in VS Code - Python
                                    • Webでも動く小説用VS Code拡張機能を作る

                                      小説のバージョン管理をGitで行うにあたり手頃なエディターが欲しくなったので、ブラウザでも編集できるようVS Codeの拡張機能として作ってみた。 機能としては小説投稿サイトにあるような、 ルビや傍点を振る 行頭の字下げを揃える 字数のカウント プレビュー といったものを一通り備えている。 ルビや傍点の記法はカクヨムと同じものを採用し、傍点に対応していないサイト用にはルビによる代替表記に変換してコピーするコマンドを用意した。 ソースコードはGitHubで公開している: なおNode.jsで動作する小説用拡張機能としては、より多機能なものとしてSF作家の藤井大洋氏による が既にあり、今回の拡張機能を作る上でも参考にさせていただいた。 Web拡張機能 VS CodeはTypeScript製ということもあってブラウザでも動くようになってきている(Visual Studio Code for th

                                        Webでも動く小説用VS Code拡張機能を作る
                                      • Become a VS Code Ninja with these Extensions and Tools [2020]

                                        Become a VS Code Ninja with these Extensions and Tools [2020] VS Code is undoubtedly the best editor out there especially when it comes to writing javascript. It is fast, feature rich and has huge pool of extensions available which greatly enhances developer experience. I've been using VS Code for the past 4 years and over these years I came across many these extensions that I would like to share

                                          Become a VS Code Ninja with these Extensions and Tools [2020]
                                        • [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
                                          • VS Codeの拡張機能でPythonの仮想環境構築からコード整形、Lintまでを体験してみよう

                                            VS Codeの拡張機能でPythonの仮想環境構築からコード整形、Lintまでを体験してみよう:Visual Studio Codeで快適Pythonライフ(1/2 ページ) 簡単な関数を作りながら、VS CodeとPython拡張機能と各種モジュールを使って、仮想環境の構築、コード記述と整形、Lintによる問題点の発見までを見てみましょう。

                                              VS Codeの拡張機能でPythonの仮想環境構築からコード整形、Lintまでを体験してみよう
                                            • GitHub - ktock/buildg: Interactive debugger for Dockerfile, with support for IDEs (VS Code, Emacs, Neovim, etc.)

                                              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

                                                GitHub - ktock/buildg: Interactive debugger for Dockerfile, with support for IDEs (VS Code, Emacs, Neovim, etc.)
                                              • 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. 試してみる 環境

                                                  GitHub Copilot in VS Code で、作業内容からコミットメッセージを生成可能になりました | DevelopersIO
                                                • VS CodeからCloudShellに接続!「AWS CloudShell plugin for VS Code」を試してみた | DevelopersIO

                                                  こんにちは!DA(データアナリティクス)事業本部 インテグレーション部の大高です。 re:Invent 2020 で発表されたマネジメントコンソールから利用できるシェル「AWS CloudShell」ですが、これをVS Codeから利用できる「AWS CloudShell plugin for VS Code」という拡張機能があります。 以前から気になっていたのですが、やっと試すことができたので設定方法などをまとめたいと思います。 前提条件 以下については既に対応済みであることを前提として記載しています。 AWS CLIをインストール済み Session Manager plugin をインストール済み IAMユーザを作成しており、IAMユーザのアクセスキーが発行済み AWS CLIのインストールと、Session Manager pluginのインストールについては以下の記事でも記載して

                                                    VS CodeからCloudShellに接続!「AWS CloudShell plugin for VS Code」を試してみた | DevelopersIO
                                                  • Figma for VS Code - Visual Studio Marketplace

                                                    Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Streamline your design to code workflow with Figma for VS Code Figma for VS Code lets you navigate and inspect design files, collaborate with designers, track changes, and speed up implementation - all without leaving your text editor. Improve developer productivity by eliminating the context switching and busy work

                                                      Figma for VS Code - Visual Studio Marketplace
                                                    • 番外編:VS CodeでKaggleしよう!

                                                      kaggleパッケージをインストールして、VS Codeの統合ターミナルからKaggle APIにkaggleコマンド を使ってアクセスし、ローカル環境でKaggleノートブックを実行してみましょう。

                                                        番外編:VS CodeでKaggleしよう!
                                                      • [VS Code Insiders] MicrosoftからJupyter 拡張機能が提供されたのでさっそく触ってみた #VSCodejp #VSCode #拡張機能 #Jupyter #Python | DevelopersIO

                                                        こんにちは、Mr.Moです。 MicrosoftからJupyter 拡張機能が登場しましたね!今のところ Visual Studio Code Insiders のみでの提供のようですが今後に大変期待が持てる拡張機能なのでさっそく記念に使ってみたいと思います。 Jupyter 拡張機能とは 今日の Jupyter Notebooks でサポートされている言語カーネルの基本的なノートブックのサポートを提供する Visual Studio Code 拡張機能です。多くの言語カーネルは変更なしで動作します。高度な機能を有効にするには、VS Code 言語拡張で修正が必要な場合があります。 https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter ちなみにこれまではPython拡張機能で Jupyter Noteb

                                                          [VS Code Insiders] MicrosoftからJupyter 拡張機能が提供されたのでさっそく触ってみた #VSCodejp #VSCode #拡張機能 #Jupyter #Python | DevelopersIO
                                                        • EmacsやVimなど好きなエディタを利用してブラウザのテキストエリアに入力することができる「GhostText」のVS Code用機能拡張がリリース。

                                                          EmacsやVimなど好みのエディタを利用してブラウザ入力することができる「GhostText」のVS Code用機能拡張がリリースされています。詳細は以下から。 GhostTextはイタリアのFederico Briganteさんが開発しているブラウザ機能拡張で、EmacsやVimなどユーザーが使い慣れたエディタを利用して、ブラウザのテキストエリアの編集を行うことができますが、このGhostTextのVS Code用機能拡張「GhostText for VS Code」が新たにリリースされています。 Use VS Code to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa). GhostText Offic

                                                            EmacsやVimなど好きなエディタを利用してブラウザのテキストエリアに入力することができる「GhostText」のVS Code用機能拡張がリリース。
                                                          • Jupyter対話環境を使ってVS Codeでノートブックのデバッグ

                                                            連載目次 前回はVisual Studio Code(以下、VS Code)でJupyterするための基本について見ました。今回はJupyter拡張機能が提供する対話環境と、それを使ったノートブックのデバッグについて見ていきます。 Jupyter対話環境 Python拡張機能には[Python: REPLを開始]コマンドがあります。これはパネル領域にPythonの対話環境を開くものです。

                                                              Jupyter対話環境を使ってVS Codeでノートブックのデバッグ
                                                            • VS Code拡張機能を追加してCloudFormation開発環境をレベルアップする | DevelopersIO

                                                              データアナリティクス事業本部コンサルティンググループのnkhrです。 このブログでは、CloudFormation開発で利用できるVS Code拡張機能の設定について紹介します。今回実施した環境のバージョンは、下記の通りです。 Windows 10 VS CodeのVersion 1.60.2 PythonのVersion 3.9.7 ※バージョンが違うとGUIの設定画面や、設定パラメータ名など異なる場合があるため、設定時は注意してください。 このブログでは、下記の拡張機能の設定について説明しています。 vscode-cfn-lint:テンプレートを解析しバリデーションを実施 indent-rainbow:インデントをカラー表示(yaml形式で作成する場合は重宝しそう) CloudFormation support for Visual Studio Code:補完機能や公式ドキュメントの

                                                                VS Code拡張機能を追加してCloudFormation開発環境をレベルアップする | DevelopersIO
                                                              • VS Codeの言語ごとの実践的な使い方、UIのカスタマイズ方法を詳しく解説した一冊 -毎日使える! Visual Studio Code

                                                                Visual Studio Code(以下、VS Code)を今よりもっと使いこなしたい! そんな人にお勧めの解説書を紹介します。 VS Codeの最大の特徴は、高いカスタマイズ性と豊富な機能拡張。本書では使用する言語に適した開発環境の構築方法、UIや設定のカスタマイズ方法、特にお勧めの機能拡張を軸に、VS Codeを使いこなす方法を解説したものです。 著者の上田 裕己氏(@ikuyadeu0513)はVisual Studio Codeのコントリビュータで、VS Codeの機能拡張なども開発されています。 本書はそんな著者によるVS Codeの実践的な操作方法、言語ごとの開発環境の構築、拡張機能など、幅広い内容が網羅された一冊です。

                                                                  VS Codeの言語ごとの実践的な使い方、UIのカスタマイズ方法を詳しく解説した一冊 -毎日使える! Visual Studio Code
                                                                • VS Code 1.78の新機能が便利! 画像の相対パスが簡単に入力できるようになったぞ

                                                                  VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルをshiftキーを押しながらドロップするだけで、相対パス・完全パスが入力できるようになりました。 これはドロップセレクタと呼ばれるもので、VS Codeではshiftキーを押しながらドロップすることでファイルやコンテンツをエディタに挿入することができます。今までは画像のドロップで画像ファイルを開く、shiftドロップでファイル名でした。 VS Code 1.78のアップデートでこの挿入する方法を変更できるUIが追加されました。shiftキーを押しながらドロップすると、相対パス・完全パスを切り替えて挿入することができます。

                                                                    VS Code 1.78の新機能が便利! 画像の相対パスが簡単に入力できるようになったぞ
                                                                  • Introducing MySQL Shell for VS Code

                                                                    • これがなくては生きていけないVS Codeエクステンション10選 - Qiita

                                                                      VisualStudioCodeは大人気なだけあって、有能なエクステンションが次から次へと出てきますね。 色々とっかえひっかえ試して遊んでいる人も多いのではないでしょうか。 なんかMinecraftのMOD環境構築と同じ空気を感じますね。 (環境ができたところで飽きて遊ばなくなる) まあ一番手っ取り早いのは、既に評価の固まっている手堅いエクステンションを導入することです。 ということで以下はSahil Bondre( Twitter / GitHub / LinkedIn / Instagram / 個人HP )による記事、💡 10 VS Code extensions I can't code withoutの日本語訳です。 💡 10 VS Code extensions I can't code without VSCodeは私のお気に入りのエディタです。 存在するコードエディタの

                                                                        これがなくては生きていけないVS Codeエクステンション10選 - Qiita
                                                                      • 74thの技術同人誌執筆環境(Markdown+Vivliostyle+VS Code)

                                                                        これは Visual Studio Code Advent Calendar 2021 の19日目の記事です。 技術記事や、技術書を書くことが多数あります。技術書典11では、以下を執筆していました。 今も技術書典12に向けて、執筆を続けています。ここで使っているツールセットを紹介したいと思います。 CSS組版 Vivliostyle で Markdown をPDFにする HTML&CSSで組版ができる Vivliostyle を使っています。 Vivliostyle は CLI ツールが提供されており、これを使うことで、執筆環境を簡単に整えたり、1コマンドでPDFをビルドできたりします。 執筆環境を整えるには、Create Bookを使います。 以下のコマンドでビルドするための環境が整います。 このコマンドでできた環境では、npmに付属するタスクランナーでビルドコマンドが組まれています。そ

                                                                          74thの技術同人誌執筆環境(Markdown+Vivliostyle+VS Code)
                                                                        • ブラウザでVS CodeがうごくVisual Studio Onlineを使ってみた - Qiita

                                                                          VSCodeのオンライン版であるVisual Studio Online(VS Online)がついにPublic Previewになりました。早速使ってみたので雰囲気をつかんでもらえるようにレビューしてみます。個人的にはAWSに買収される前のCloud 9をよく使っていたので、とても楽しみにしていました。これでローカルマシンに色々なバージョン・設定の開発環境を用意したりする必要はなくなりますね! 必要なものはMSアカウントとAzureの課金設定 パブリックプレビューに参加するには、Azureのアカウントを作成し、サブスクリプションプラン(お支払い設定)を設定する必要があります。仕組みとしてはVSCodeがはいったインスタンスをAzureがホストしてくれるわけです。 実際に申し込んでみましょう。お支払アカウントを選び、リージョンを選択(現在東京はないのでSoutheast Asiaをえらび

                                                                            ブラウザでVS CodeがうごくVisual Studio Onlineを使ってみた - Qiita
                                                                          • VS CodeとDockerのイマドキのつきあい方 - Dev Containers / CodespacesとDockerを組み合わせる

                                                                            本記事は、TechFeed Experts Night#12 〜 【VSCode, Vim, Emacs】エンジニア向けエディタ最新動向!のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 大中 浩行(Twitter: @setoazusa)です。よろしくおねがいします。 今、VS Codeで一番ホットな話題といえば、先ほど白石さんからもお話がありましたChatGPTもありますが、ここでは2023年1月に行われたVS Code Conference JP 2022 - 2023のプログラムからトピックを探してみましょう。 カンファレンスでは、Dev Containers(開発コンテナ)について3つ、GitHub Codespacesについて1つ、

                                                                              VS CodeとDockerのイマドキのつきあい方 - Dev Containers / CodespacesとDockerを組み合わせる
                                                                            • 「テキスト校正くん」に「Figma」版が登場 ~「VS Code」で人気の文章校正支援ツール/表記ゆれやら抜き言葉などを検出して文章の質を向上

                                                                                「テキスト校正くん」に「Figma」版が登場 ~「VS Code」で人気の文章校正支援ツール/表記ゆれやら抜き言葉などを検出して文章の質を向上
                                                                              • デザイントークンを自動補完するVS Code拡張機能を開発しました

                                                                                Ubie Discoveryでプロダクト開発をしている@jimboです。 Ubieでは、デザイン生産基盤の整備の一環としてデザイントークンを開発し、npmに公開しています。開発の経緯などは次の記事をごらんください。 今回、このデザイントークン用のVS Code拡張機能を開発したのでご紹介します。 リポジトリはこちら。 主な機能 CSSファイルおよびSCSSファイルの編集時に次のような機能が使えるようになります。 自動補完 color や marginなど、CSSプロパティのあとに -- を入力すると、デザイントークンのCSSカスタムプロパティが候補として表示されます。 ホバー時のツールチップ表示 入力済みのデザイントークン(CSSカスタムプロパティ)にカーソルを当てると、その値を確認できます。 拡張機能を開発した背景 現在、デザイントークンは症状検索エンジン「ユビー」やユビー病気のQ&Aと

                                                                                  デザイントークンを自動補完するVS Code拡張機能を開発しました
                                                                                • GitHub - continuedev/continue: ⏩ The easiest way to code with any LLM—Continue is an open-source autopilot for VS Code and JetBrains

                                                                                  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

                                                                                    GitHub - continuedev/continue: ⏩ The easiest way to code with any LLM—Continue is an open-source autopilot for VS Code and JetBrains

                                                                                  新着記事