🔴

JSConf JP 2022 公開資料・Twitterリンクまとめ

2022/11/27に公開
9

2022/11/26(土)で開催された JSConf JP 2022に関する、現時点での公開資料と Twitter アカウントリンクをまとめました。
よろしければご活用ください。

※2022/11/28追記
ねぎしさんからいただいたコメントを元に、各講演に時間指定をした YouTube リンクを追記しました。
(時間指定をすると流石に動画埋め込みはできないようだったので、リンクでご容赦ください🙏)

はじめに

https://jsconf.jp/2022/

登壇者名は敬称略させていただいています。
Twitter アカウントについては、ご本人が当イベントで登壇されることに言及されている、スライドに記載など、確認できたものを記載しております。

リンクの間違い等ありましたらコメントいただけると助かります🙏

アーカイブ動画

当イベントは、3つのトラックに分かれて講演が行われました。
その3つともアーカイブ動画が残っているので、後から見直すことができます。

https://youtu.be/luiNGMM9ZGU

https://youtu.be/8U-8V05eQ5A

https://youtu.be/ccysINf4qTE

講演一覧

A 10:30-11:00 ブログ系プラットフォームを開発するときの Tips

https://catnose-jsconf2022.pages.dev/1

A 11:00-11:30 Optimizing Interaction to Next Paint(INP)

関連
https://web.dev/optimize-long-tasks/
https://web.dev/inp/

B 11:00-11:30 フロントエンドエコシステムで効率化する組織開発

C 11:00-11:30 フロントエンド開発環境と Next.js への移行計画「ミイダス2.0」のご紹介 by ミイダス株式会社

  • 登壇者:
    • 永留 友[ミイダス]
    • 堀端[ミイダス]
  • 動画

関連
https://note.com/miidas_tech/n/n4633e9409ddb

A 11:30-12:00 オプショナルチェーンができるまで ~仕様と実装~

https://docs.google.com/presentation/d/1PEvXoQDTLAoZIQmFl_scq84ZnKhLHjeQuOZ45NSruXI/edit

B 11:30-12:00 宣言的 UI 時代のクライアントサイド DDD 大考察

C 11:30-12:00 Wasm 活用によるポータブルなライブラリの実現に向けた Helpfeel 社の取り組み by Helpfeel 株式会社

https://scrapbox.io/niboshi/Wasm活用によるポータブルなライブラリの実現に向けたHelpfeel社の取り組み

A 13:00-13:30 Hono - Ultrafast wen framework for Cloudflare Workers, Deno, Bun, and Node.js

B 13:00-13:30 Passkey and how works on Google ecosystem

C 13:00-13:30 自然発生した実装パターンに、マイクロフロントエンドと名がつきました by dwango

A 13:30-14:00 Reducing bugs in a React codebase

  • 登壇者:Shyam Swaroop

B 13:30-14:00 Names, and other lies

C 13:30-14:00 React Query 導入と実装ルールについて考える by 株式会社カオナビ

A 14:15-14:45 About npm: support of Deno

https://kt3k.github.io/talk_jsconfjp_2022/#1

B 14:15-14:45 Creating Accessible Environments To Help Diverse Participation In Tech

C 14:15-14:45 30分で挑戦! Twilio を使った WebRTC ベースのビデオアプリケーション開発者体験とは? by Twilio Inc

https://www.docswell.com/s/Neri78/KXR6NK-2022-11-26-jsconfjp2022

A 14:45-15:15 Secret Shortcuts of Loading Web Performance

  • 登壇者:Nikola Mitrovic
  • 動画

関連
https://github.com/nmitrovic-vega/loading-web-performance

B 14:45-15:15 Svelte Runtime 101

C 14:45-15:15 サイボウズフロントエンドマンスリー JSConf.jp 特別編 by サイボウズ株式会社

イベント情報
https://cybozu.github.io/frontend-monthly/posts/2022-11

A 15:30-16:00 JSConfJP Panel Talk

※元々予定していた登壇者の体調不良により雑談会。

B 15:30-16:00 Remixing Usability with Performance

https://slides.com/atilaio/jsconfjp-2022

C 15:30-16:00 ハンズオン Native ESM by Wantedly

ハンズオンリポジトリ
https://github.com/wantedly/hands-on-native-esm-2022

A 16:00-16:30 What is a Web-interoperable Runtime?

B 16:00-16:30 Flawless flows - the psychology of harmonious teamwork

  • 登壇者:Dora Makszy
  • 動画

C 16:00-16:30 Building Offline and Real-Time Applications - The Magic of CRDTs

https://www.figma.com/proto/KW6xQsibfjF0gqxZAi823L/The-Magic-of-CRDTs?page-id=0:1&node-id=2:3&viewport=190,206,0.05&scaling=contain&starting-point-node-id=2:3

A 16:45-16:50 コロナ収束後もフルリモート運営を継続するミイダスの働き方 by ミイダス株式会社

  • 登壇者:永留 友[ミイダス]
  • 動画

関連
https://note.com/miidas_tech/n/ncf73d2c048f9

A 16:50-16:55 実装の引き出しを増やすための DOM Event テクニック by Helpfeel

https://docs.google.com/presentation/d/1rXzTVLYx1Idh46IGY51RTLBp-6TH43wmzulj3njd_5I/edit

A 16:55-17:00 ドワンゴの方から来ました by dwango

A 17:00-17:05 Safari の input でつまづいた話 by カオナビ株式会社

  • 登壇者:Ikumi Otani[カオナビ]
  • 動画

A 17:05-17:10 Twilio JSConf JP 2022 Sponsor LT

  • 登壇者:Daizen Ikehara[Twilio]
  • 動画

関連
https://www.twilio.com/docs/video/adding-programmable-voice-participants-video-rooms

A 17:15-17:20 フロントエンド刷新活動の紹介 by サイボウズ

A 17:20-17:25 Wantedly のフロントエンド領域の取り組みと課題 by Wantedly

A 17:40-17:50 JavaScript Testing Framework: Under the Hood

関連
https://cpojer.net/posts/building-a-javascript-testing-framework

デモリポジトリ
https://github.com/togami2864/jsconfjp2022-demo

A 17:50-18:00 Small Tips to use Bun with WebSocket Server and WebAssembly Modules. / Bun と WebSocket Server とオマケの WebAssembly

  • 登壇者:Masashi GANEKO[インフォコム株式会社] @massie_g
  • 動画

A 18:00-18:10 デザインシステムにフロントエンドのプラクティスを詰め込んで再配布する

A 18:10-18:20 React Fiber Architecture とレスポンス性の向上

  • 登壇者:noyan[DMM]
  • 動画

A 18:20-18:30 ECMAScript 仕様書を誰でも読めるようにする技術を求めて

https://docs.google.com/presentation/d/1ZxLH48-HVYUNfU--Byeweyu3Tzho3F7caNghGsBFkyw/edit#slide=id.p

A 18:30-19:00 Web Runtime

その他

Wantedly さんがブースに来られた方へ物理本を郵送プレゼントしていたハンドブック
https://docs.wantedly.dev/


昨年の開催時は、視聴参加しようとして忘れるという事態でしたが、今年も見事にやらかしました😇
やっぱり忘れないようリマインダーなり仕掛けていたほうがよいですね...。
(最後の方だけ、YouTube Live で見ていました)

今年も YouTube Live 分はアーカイブとして残していただいているようなので、また少しずつ見ていきます。

株式会社ゆめみ

Discussion

PADAone🐕PADAone🐕

まとめていただきありがとうございます!
A 11:00-11:30 Optimizing Interaction to Next Paint(INP)の講演のベースとなる関連資料として以下の記事が挙げられていたのでよかったら追加してください。

https://web.dev/optimize-long-tasks/

よしよし

おお、ありがとうございます!
追記しておきました。

よしよし

A 17:40-17:50 JavaScript Testing Framework: Under the Hood に資料追加

ねぎしねぎし

まとめていただきありがとうございます!
もし可能でしたら各プレゼンの動画の開始時間付きのURLを追加していただけたらと思います。
よろしくお願いいたします。

Room A

オープニング

by Yosuke Furukawa

ブログ系プラットフォームを開発するときのTIPS

by catnose

Optimizing Interaction to Next Paint (INP)

by Jeremy Wagner

オプショナルチェーンができるまで 〜仕様と実装〜

by Ross Kirsling

Hono - Ultrafast web framework for Cloudflare Workers, Deno, Bun, and Node.js

by Yusuke Wada

About npm: support of Deno

by 日野澤 歓也

Secret Shortcuts of Loading Web Performance

by Nikola Mitrovic

JSConfJP Panel Talk

by JSConf.jp Experts

What is a Web-interoperable Runtime?

by James M Snell

コロナ収束後もフルリモート運営を継続するミイダスの働き方

by miidas

実装の引き出しを増やすためのDOM Eventテクニック

by Helpfeel

dwango JSConf JP 2022 Sponsor LT

by dwango

Safariのinputでつまづいた話

by カオナビ

Twilio JSConf JP 2022 Sponsor LT

フロントエンド刷新活動の紹介

by サイボウズ

ウォンテッドリー JSConf JP 2022 Sponsor LT

JavaScript Testing Framework: Under the Hood

by 戸上 義章 / Yoshiaki Togami

Small Tips to use Bun with WebSocket Server and WebAssembly Modules. / Bun と WebSocket Server とオマケのWebAssembly

by Masashi GANEKO / がねこまさし

デザインシステムにフロントエンドのプラクティスを詰め込んで再配布する

by sakito mukai

ECMAScript仕様書を誰でも読めるようにする技術を求めて

by yebis0942

React Fiber Architectureとレスポンスの向上

by noyan

Web Runtime

by dynamis(ASAI Tomoya)

Room B

フロントエンドエコシステムで効率化する組織開発

by okmttdhr

宣言的 UI 時代のクライアントサイド DDD 大考察

by Kazuyuki TAKASE (@Guvalif)

Passkey and how it works on Google ecosystem

by えーじ (Eiji Kitamura)

Creating accessibility environments to help diverse participation in tech

by Bhuvana Meenakshi Koteeswaran

Svelte Runtime 101

by baseballyama

Remixing Usability with Performance

by Atila Fassina

Flawless flows - the psychology of harmonious teamwork

by DORA (Dora Makszy)

Room C

フロントエンド開発環境とNext.jsへの移行計画「ミイダス2.0」のご紹介

by ミイダス株式会社

Wasm活用によるポータブルなライブラリの実現に向けたHelpfeel社の取り組み

by Helpfeel株式会社

自然発生した実装パターンに、マイクロフロントエンドと名がつきました / JSConf JP 2022

by dwango

React Query 導入と実装ルールについて考える

by 株式会社カオナビ

30分で挑戦! Twilioを使ったWebRTCベースのビデオアプリケーション開発者体験とは?

by Twilio Inc

サイボウズフロントエンドマンスリー JSConf.jp 特別編

by サイボウズ株式会社

ハンズオンNative ESM

by ウォンテッドリー株式会社

Building Offline and Real-Time Applications – The Magic of CRDTs

by Matan Kushner

よしよし

おお、ありがとうございます!
いただいた内容をもとに YouTube リンクを追記しました!
(時間指定すると流石に動画埋め込みはできないようでしたので、リンクになってます🙏)