VSCodeConJP
VSCode conference hero image

VS Code Conference JP 2024

VS Code Meetup 主催の年次カンファレンス、VS Code Conference Japan 2024を今年も開催します！！！ Visual Studio Codeに興味がある方、Visual Studio Codeを愛している方、我こそはとVisual Studio Codeについて語りたい方など、みんなで集まりましょう！！！

参加を申し込む

ライブ配信

オフライン会場

タイムテーブル

-
ハンズオン入場受付
-
GitHub CopilotでWebアプリ開発ハンズオン AIペアプログラマーGitHub Copilotで開発がどのように変わるのか体験しよう
-
セッション入場受付
-
開幕の挨拶
Yuki Hattori
-

【基調講演】Marp for VS Code 拡張機能開発の舞台裏

Yuki Hattori

スピーカー紹介

フロントエンドエンジニア。2021年より、株式会社YAGOにて、オンライン習い事プラットフォームの開発に従事。2015年末より、 Markdown を中心としたオープンソーススライド作成ツール "Marp" の開発を開始。現在は、各種ライブラリ、CLI、VS Code 拡張などの関連ツールのメンテナンス、コミュニティのモデレートなどを継続的に行なっている。

セッション詳細

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

この発表では、 Marp の簡単な概要と、いかにして Marp が VS Code の採用に至ったか、そして実際の拡張機能の設計や、拡張機能開発にあたって注意しているポイントなどを、順を追ってご紹介いたします。
Yuki Hattori 【基調講演】Marp for VS Code 拡張機能開発の舞台裏 - slide 【基調講演】Marp for VS Code 拡張機能開発の舞台裏 - movie
-
スポンサーセッション
株式会社CARTA HOLDINGS 株式会社CARTA HOLDINGS - slide 株式会社CARTA HOLDINGS - movie
ペイクラウドホールディングス株式会社 ペイクラウドホールディングス株式会社 - movie
株式会社ヒューマンテクノロジーズ／KING OF TIME 株式会社ヒューマンテクノロジーズ／KING OF TIME - slide 株式会社ヒューマンテクノロジーズ／KING OF TIME - movie
Postman Postman - slide Postman - movie
Yuhei FUJITA
-

GitHub Codeapacesによるポータビリティ性の高い環境構築とスムーズなチーム開発

Yuhei FUJITA

セッション詳細

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

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

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

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

・日常的にVS Codeを利用している人
・いつでもどこからでもコーディングをしたい人
・チーム開発をスムーズに行いたい人
Yuhei FUJITA GitHub Codeapacesによるポータビリティ性の高い環境構築とスムーズなチーム開発 - slide GitHub Codeapacesによるポータビリティ性の高い環境構築とスムーズなチーム開発 - movie
nikkie
-

VS Codeで文字列のちょっとした変換ができるんです！〜実装まで覗くクイックツアー〜

nikkie

スピーカー紹介

ソフトウェアエンジニアリングで突破するデータサイエンティスト。
仕事もプライベートもVS CodeでPythonと戯れています。
実は本業は仕掛け人🍵、趣味は拡張を作ることです（VS Code拡張やSphinx拡張）

セッション詳細

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

聴衆が持ち帰れるもの

・コマンドパレットから起動できる文字列のちょっとした変換
・文字列のちょっとした変換の実装の裏話（コマンドとは。どのようにクラスを組み合わせて実現しているか）
nikkie VS Codeで文字列のちょっとした変換ができるんです！〜実装まで覗くクイックツアー〜 - slide VS Codeで文字列のちょっとした変換ができるんです！〜実装まで覗くクイックツアー〜 - movie
小野直人
-

VS Codeをプロダクトにどう取り込むか　〜VS Code拡張の実装から実際のプロダクトに取り込むまで〜

小野直人

スピーカー紹介

大学在学時から Ruby の標準ライブラリであるデバッガーの開発に関わり、VS Code extension の機能開発なども行う。2023 年に Launchable, Inc でソフトウェアエンジニアとして入社し、バックエンドを中心にソフトウェア開発に従事している。

セッション詳細

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

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

見た目からはじめる生産性向上

ikuma-t

スピーカー紹介

株式会社エンペイで働くプログラマーです。業務ではTypeScriptをよく書いています。時間を浪費していることをわかりつつも、ツールを調べたりいじったりするのが好きです。

セッション詳細

VSCodeの見た目の改善について、テーマやフォントを変えるといった以上の改善は趣味の範囲という認識が強いのではないでしょうか。
たしかに便利な拡張機能を導入したり、ショートカットを覚えたりする方が生産性向上にはつながりやすいです。しかしエディタの見た目が生産性に寄与する部分も馬鹿にはできません。エディタ部分が広ければ広いほど、不要なものが視界に入っていない状況ほど、余計に集中力を損なうことなく開発に集中できるものです。
見た目は毎日視界に入るからこそ、改善結果も見えやすい場所です。日々の生産性向上のための研鑽をここから始めるのはいかがでしょうか。
この発表ではまずVSCodeの見た目の概念を整理します。その上でそれぞれどのような設定・拡張機能によって変更ができるのかを示すことで、日々のコーディングの中で改善できるポイントを見つけ出すための視点と、改善のための方法や目次を提供します。
ikuma-t 見た目からはじめる生産性向上 - slide 見た目からはじめる生産性向上 - movie
Masaki Suzuki
-

VS CodeでAWSを操作しよう

Masaki Suzuki

スピーカー紹介

株式会社DeNAで、Mobageバックエンドチームのクラウドアーキテクトを行っています。
主にAWSに関する業務に携わっており、中でもサーバーレスやAWS CDKなどのIaC(Infrastructure as Code)に興味を持っています。

普段の業務では、AWS Lambdaのコーディング、AWS CDKでのインフラ定義、及びGitHub Actions作成などでVS Codeを使用しています。

また、AWS関連コミュニティでの活動（発表・参加）を積極的に行っており、主にJAWS-UG CDK支部、及びJAWS-UG 名古屋支部で活動しております。
その他、2023年8月にAWS Community Builder(Serverless)に認定されました。

セッション詳細

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

Behind VS Code Extensions for JavaScript/TypeScript Linting and Formatting

unvalley

スピーカー紹介

A talentless software engineer who writes Rust 🦀 and TypeScript. Biome core member.

セッション詳細

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

VS Code 拡張機能を活用した AI 駆動開発 - 実践編

鈴木 章太郎

スピーカー紹介

ヴイエムウェア株式会社 ソリューションアーキテクト本部 プリンシパルエンタープライズアーキテクト。マイクロソフトで13年間、テクニカルエバンジェリストとして .NET、Visual Studio、Windows、iOS、Android、Microsoft Azure 等の最新技術啓発活動を実施。その後、デル、アクセンチュア、エラスティックで同様の活動を経て現職。モダンアプリ開発、AI 駆動開発を訴求中。

セッション詳細

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

GitHub Copilot活用、現場の声（経験者）パネルディスカッション！

セッション詳細

注目されているAIペアプログラマーサービスGitHub Copilotですが、使ってみるまではその良さがわからなかったり、使ってみてもちょっと便利程度に留まってしまったりしていませんか？ そこで、実際にGitHub Copilotの利用を活用したり、推進したりしている、コアなGitHub Copilotユーザの話を聴いてみましょう。
本セッションでは、4人のGitHub Copilotのユーザに登壇いただき、パネルセッション形式でそれぞれの使い方や、その勘所を語っていただきます。漠然と利用しているだけではわからなかったような、GitHub Copilotとの向き合い方を探求していきます！
本セッションのモデレータ兼登壇者：Atsushi Morimoto (@74th)

登壇者紹介

堀江 亮介

堀江 亮介

新卒でヤフー株式会社に入社。Yahoo!ニュースの開発に関わった後、株式会社VASILYへ転職。その後M&Aに伴い2018年4月に旧ZOZOテクノロジーズに入社。ZOZOへの吸収合併に伴い転籍し現職。ZOZOではZOZOTOWN、WEARおよび新規事業で開発に従事。現在はCTOブロックを軸に社内各プロダクトの開発サポート、組織横断での課題解決、技術広報業務を行なっている。

黒崎 優太

黒崎 優太

新卒で株式会社サイバーエージェントに入社し、AI事業本部にて広告配信プラットフォームのバックエンドエンジニアを経て、現在は小売企業向けのアプリやデータ基盤の開発やセキュリティ関連の業務を担当。兼務にてサイバーエージェント CTO統括室でGitHub Copilot等の全社導入の推進を行う。 2023年に「サイバーエージェントのGitHub CopilotのAnalyticsデータを公開！利用開始から約3ヶ月でエンジニアの生産性は向上したのか？」を執筆。

Atsushi Morimoto（@74th)

Atsushi Morimoto（@74th)

GO株式会社所属、インフラよりのデータエンジニア。2024年1月に『改訂新版Visual Studio Code実践ガイド』を出版。VS Code Meetupオーガナイザメンバー。技術同人誌即売会『技術書典』に毎回VS Codeや電子工作関連の新刊を執筆して継続参加中。

YuheiFUJITA

YuheiFUJITA

GitHub Copilotなしではもはやコーディング出来なくなったプログラマー。最近は人と話す時間よりもChatGPTやGitHub Copilotと会話している時間のほうが長い。
-
クロージング
-
懇親会（オフライン会場）
Ikko Eltociear Ashimine - 禅の心を手に入れよ Ikko Eltociear Ashimine - slide Ikko Eltociear Ashimine - movie
Tatsuki - プロジェクト管理ツールとVSCodeを連携して、快適な開発体験をGETする（Linear version） Tatsuki - slide Tatsuki - movie
Rei Suzuki - 新人のオンボーディングについて考えてみた Rei Suzuki - slide Rei Suzuki - movie
Tomoya Chiba - LiveShare で森羅万象を共同編集する(?) Tomoya Chiba - slide Tomoya Chiba - movie

企業スポンサー

株式会社CARTA HOLDINGS

A logo of 株式会社CARTA HOLDINGS

https://x.com/carta_engineers
株式会社CARTA HOLDINGS（カルタホールディングス）は、ミッションに「The Evolution Factory」を掲げ、日本の産業や社会の進化にむけて尽力しています。デジタルマーケティング支援、広告配信プラットフォーム運営、メディア運営、販売促進DX（デジタルトランスフォーメーション）支援など、デジタルを起点としたあらゆる事業を展開しています。

ペイクラウドホールディングス株式会社

A logo of ペイクラウドホールディングス株式会社

https://www.paycloud.inc/
本年3月1日にキャシュレスサービス事業を展開するバリューデザイン、サイネージ関連事業を手掛けるクラウドポイント、ソリューション事業を展開するアララが経営統合をし、ホールディングス体制となりました。 ペイクラウドグループは、マーケティング分野・企業 DX の分野において、テクノロジーを駆使し、世界をリードする企業グループを目指していきます。また、『アイデアとテクノロジーで世界をもっとハッピーに』という企業理念のもと、世の中のさまざまな課題を解決し、夢と希望が持てる未来を作るべく、グループ一丸となって推進してまいります。

株式会社ヒューマンテクノロジーズ／KING OF TIME

A logo of 株式会社ヒューマンテクノロジーズ／KING OF TIME

https://recruit.h-t.co.jp/
当社はHRTech分野で成長し、東証グロース市場に上場しました。フルリモート勤務やフレックス制度など業務に集中しやすい働き方ができるため、従業員の高いスキルと向上心が強みです。スキル向上支援策として、全員にUdemyBusiness のアカウントを提供したり、非エンジニア部門もITスキル向上の研修を実施したり、プログラミング講師在籍でジュニアエンジニアを育成したりと、革新的なアプローチと協力体制で業界リーダーを目指しています。

Postman株式会社

A logo of Postman株式会社

https://www.postman.co.jp
PostmanのAPIプラットフォームは、3,000万人を超える開発者と50万の組織で利用されています。APIライフサイクルの各ステップを簡素化することにより、世界中の開発者や専門家がAPIファーストの世界を構築できるよう支援しています。

サポーター

A logo of https://twitter.com/Yuhei_FUJITA
YuheiFUJITA
人よりもGitHub Copilot Chatと会話している時間のほうが長くなってしまったプログラマー。
A logo of https://twitter.com/touchpotch
touchpotch
長年、金融システムのSIerで主にはインフラを広くやっています。 VSCodeとも仲良くなりたいと思いながら障害と構築に追われる日々。スコープはシステム全般。サービス運用寄り。 「運用設計のセオリー(リックテレコム)」発売中。
A logo of https://twitter.com/ymgc220207
kota
ナレッジシェアSaaSの開発をしているエンジニアです。VSCodeは長年使っていて、開発に欠かせないツールの１つになっています。

スタッフ

A logo of Atsushi Morimoto(@74th)
Atsushi Morimoto(@74th)
A logo of Nori Suzuki
Nori Suzuki
A logo of Sho Sato
Sho Sato
A logo of YuheiFUJITA
YuheiFUJITA
A logo of masanori
masanori
A logo of ちゅうこ
ちゅうこ
A logo of 福田 拳士朗
福田 拳士朗
A logo of もっちゃん／Takashi Kawamoto
もっちゃん／Takashi Kawamoto

注意事項

  • 登壇の内容やタイムスケジュールは変更となる場合がございます。
  • 当日は写真・動画を撮影し、後にイベントレポート等、メディアで公開させて頂く事がございます。
  • 採用・営業等の目的での参加は禁止致します。
  • 体調不良の方は参加をご遠慮ください。
  • 本イベントは、技術コミュニティのイベントです。技術交流を目的としない参加はお断りいたします。
  • 運営の指示には従っていただきます。
  • プレスとしての参加は、事前に連絡いただかない限りお断りしております。
  • 入場は15時以降はできません。15時〜16時半以降に入場を希望される場合には、Discordの運営連絡チャンネル #conf-2024-staff にて、運営に前日までに連絡し、かつ、当日到着時に #conf-2024-staff にて@ConfOrganizerに連絡が必要です。16時30分以降の入場はできません（お断りいたします）。
  • 名札は常に見える位置に掲示をお願いします。
  • 行動規範が守られていないと運営の判断が判断する場合、退場をお願いすることがあります。これに従わない場合、警察に連絡させていただきます。
  • 本イベントは、年1回行っている記念カンファレンスです。オフライン会場は入場可能な参加者が限られております。そのため、運営としてはVS Codeのイベントに高い期待値を持っている方を優先したいと考えております。そのため、複数のイベントに多く申し込まれたていたり、他のイベントへ多くのキャンセルされている方は、本イベントへの期待値があまり高くないとも考えられるため、運営の都合で申し訳ないですが、オフライン参加をキャンセルさせていただいた上で、オンラインへの参加への切り替えをお願いすることがあります。

同意事項

  • アンケート結果はスポンサー様に集計結果として提供いたします。
  • 本イベントで発生したトラブルなどには運営は一歳関与いたしません。
  • 行動規範を読んで同意ください。
© 2021-2024 VS Code Meetup