プロポーザル

Marp for VS Code は、プレゼンテーションを Markdown で作成できるオープンソースのエコシステム "Marp" を、VS Code 上で使用できる拡張機能です。
VS Code の強力なエディタ機能に Marp を統合することで、プレゼンテーション執筆ワークフローの効率化を実現します。

この発表では、 Marp の簡単な概要と、いかにして Marp が VS Code の採用に至ったか、そして実際の拡張機能の設計や、拡張機能開発にあたって注意しているポイントなどを、順を追ってご紹介いたします。

VS Codeには便利な拡張機能が多数あります。
GitHub Copilot/Copilot Chat、Figma、Postman、その他の拡張機能を適材適所で使用できます。
これにより、VS Code からほとんど離れることなく、フロントエンドの開発を効率的に行うことができます。
今回は、最新のアップデートなども踏まえつつ、実際にこれらの拡張機能・ツール等を使って、実際にフロントエンドをどう開発するか、デモを交えながらご紹介します。

本トークでは、JavaScript/TypeScript の Linter/Formatter として動作する VS Code 拡張の裏側について解説します。発表者は、Rust 製の Web Toolchain である Biome に関わっているため、Biome を主な例とします。Biome に馴染みのない方でも、一般的な Linter や Formatter がどのように VS Code 拡張上で動いてるか理解できることを目指します。

VS Codeには非常に便利な拡張機能があり、その中にAWS Toolkitという、 AWSを操作するための拡張機能があります。
これを使用すると、AWSのマネジメントコンソールにログインしなくてもAWSの機能を色々使うことができます。
また初回リリースから数多くのアップデートを経て、現在は非常に多くのAWSサービスを扱うことができます。

そこで今回はこのAWS Toolkitを使用し、VS CodeからAWSを操作する方法や主な機能、便利な機能を紹介したいと思います。

また昨年のre:Ivnent　２０２３で紹介された、Application ComposerのVS Code拡張についても紹介したいと思います。

小さなtipsなのですが、VS Codeで文字列のちょっとした変換（すべて小文字にするなど）ができます。
このちょっとした変換の紹介と、裏でどのように実装されているのかという小話をします。
VS Codeの実装がちょっとだけ分かったという機会になれば幸いです

聴衆が持ち帰れるもの

• コマンドパレットから起動できる文字列のちょっとした変換
• 文字列のちょっとした変換の実装の裏話（コマンドとは。どのようにクラスを組み合わせて実現しているか）

概要

VS Codeをオンライン上で利用可能なサービスにGitHub Codespacesというものがああります。
これはGitHubが提供するサービスで、オンライン上でVS Codeのフル機能が利用できます。
これにより、ローカル環境やマシンスペックの差を意識せず常に同じ環境で開発が可能になります。

内容

主に以下の内容を実際にGitHub Codespacesを使ってみた経験から話します。

• GitHub Codespacesの概要
• GitHub Codespacesを用いた環境構築
• チーム開発にGitHub Codespacesを導入するメリット

対象者

このセッションの対象となるのは以下のような人になります。

• 日常的にVS Codeを利用している人
• いつでもどこからでもコーディングをしたい人
• チーム開発をスムーズに行いたい人

VSCodeの見た目の改善について、テーマやフォントを変えるといった以上の改善は趣味の範囲という認識が強いのではないでしょうか。

たしかに便利な拡張機能を導入したり、ショートカットを覚えたりする方が生産性向上にはつながりやすいです。しかしエディタの見た目が生産性に寄与する部分も馬鹿にはできません。エディタ部分が広ければ広いほど、不要なものが視界に入っていない状況ほど、余計に集中力を損なうことなく開発に集中できるものです。

見た目は毎日視界に入るからこそ、改善結果も見えやすい場所です。日々の生産性向上のための研鑽をここから始めるのはいかがでしょうか。

この発表ではまずVSCodeの見た目の概念を整理します。その上でそれぞれどのような設定・拡張機能によって変更ができるのかを示すことで、日々のコーディングの中で改善できるポイントを見つけ出すための視点と、改善のための方法や目次を提供します。

VS Codeはますますソフトウェア開発のデファクトスタンダードになりつつあります。そんな中で今日のプロダクト開発では、「VS Codeをどのように取り込み開発者の生産性を向上するのか」という課題があると感じています。

本発表では、僕が所属しているLaunchable, inc.にてVS Code拡張の開発を行った経験をもとに、VS Codeをプロダクトに取り込むまでの過程についてお話しさせていただきます。具体的には、アイデアの構想から実際のVS Code拡張の開発、そして実際に取り込んでみての感想に焦点を当てます。VS Codeを活用することでこんなことができるんだ！と発見して頂いたり、自分のプロダクトにもVS Codeを取り込めないか考えるきっかけになるような発表にしたいと思っています。