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

イベント

リンク集, JSConf JP

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

はじめに#

JSConf JP

jsconf.jp is a JavaScript festival in Japan powered by Japan Node.js Association. This is the first event of jsconf in Japan. We would love to become a bridge between Japanese Web Developers and International Web Developers.

https://jsconf.jp favicon https://jsconf.jp
https://jsconf.jp OGP image

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

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

アーカイブ動画#

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

JSConf.jp Track A

JSConf.jp 2021 Track A room

https://www.youtube.com favicon https://www.youtube.com
https://www.youtube.com OGP image
JSConf.jp Track B

JSConf JP Track B #jsconfjp #jsconfjp_b

https://www.youtube.com favicon https://www.youtube.com
https://www.youtube.com OGP image
JSConf.jp Track C
https://www.youtube.com favicon https://www.youtube.com
https://www.youtube.com OGP image

※2021/12/13追記
各講演ごとの切り抜き動画のプレイリストが作成されました。

JSConf JP 2021 Track A
https://youtube.com favicon https://youtube.com
https://youtube.com OGP image
JSConf JP 2021 Track B
https://youtube.com favicon https://youtube.com
https://youtube.com OGP image
JSConf JP 2021 Track C
https://youtube.com favicon https://youtube.com
https://youtube.com OGP image

講演一覧#

A 12:10-12:40 - JavaScript エコシステムを維持する OSS の努力と課題#

JavaScript エコシステムを維持する OSS の努力と課題

JSConf JP 2021 の基調講演として発表したスライドです。 https://jsconf.jp/2021/talk/javascript-maintaining-ecosystem-oss-struggles-and-challenges

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 12:50-13:20 - Asynchronicity, the right way: Understanding the basics of asynchronous JavaScript, when to and when not to use it.#

  • 登壇者：Julien Hora[Factorize]

B 12:50-13:20 - WEBフロントエンドのリプレースを支えるテストの考え方#

  • 登壇者：berlysia[ドワンゴ]　@berlysia
Webフロントエンドのリプレースを支えるテストの考え方 / JSConf JP 2021

<a href="https://jsconf.jp/2021/">JSConf JP 2021</a> でトークしたスライドです。 このスライドの内容を文字にしているブログ記事はこちら https://blog.nnn.dev/entry/2021/12/03/123000 トークのアーカイブはこちら https://www.youtube.com/watch?v=5H3Sswp5qYg&t=1155s https://jsconf.jp/2021/talk/testing-approach-to-support-web-front-end-replacement

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

C 12:50-13:20 - スポンサートーク#

A 13:20-13:50 - The 2021 edition of dealing with files on the Web#

  • 登壇者：Thomas Steiner[Google]　@tomayac

B 13:20-13:50 - Universal DevTools for all environments#

Universal DevTools for all environments

Universal DevTools enables use to debug WebViews with Chrome DevTools. DEMO: https://youtu.be/5H3Sswp5qYg?t=5100 https://github.com/cola119/universal-devtools-poc

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

C 13:20-13:50 - 6年間成長し続けてきたモノリシックサービスにおけるフロントエンド開発 by カオナビ#

A 14:00-14:30 - Web ベースのカジュアルゲーム「Block Pong」の実装とビジネス#

  • 登壇者：紀平 拓男[スマートニュース]　@tkihira
Web ベースのカジュアルゲーム「block pong」の実装とビジネス

Web ベースのカジュアルゲーム「block pong」の実装とビジネス - Download as a PDF or view online for free

https://www.slideshare.net favicon https://www.slideshare.net
https://www.slideshare.net OGP image

B 14:00-14:30 - JavaScript(TypeScript)だけでメディアサイトをインフラから構築する方法#

JavaScript(TypeScript)で メディアサイトを インフラから構築する方法 / jsconf-jp-2021
https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

C 14:00-14:30 - 5分でできる生産性改善 〜ESLint Custom Rule を作ろう〜 by Wantedly#

5分でできる生産性改善~ESLint Custom Rule を作ろう~

JSConf 2021 のスポンサートークで発表したものです。 途中でライブコーディングを挟んでいるのでアーカイブ配信で見てほしいです！ https://jsconf.jp/2021/ https://www.youtube.com/watch?v=Rmvt9Gt0VMk

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 14:30-15:00 - Deno の これまで と これから#

  • 登壇者：日野澤歓也　@kt3k
Deno のこれまでとこれから JSConf JP 2021

Deno のこれまでの歩みと、これからについて。

https://kt3k.github.io favicon https://kt3k.github.io
https://kt3k.github.io OGP image

B 14:30-15:00 - AMP キャッシュを超えるシステムを自社ドメインで実現する方法#

  • 登壇者：可児 潤也[リクルート]　@ka2jun8
AMP キャッシュを超えるシステムを自社ドメインで実現する方法 / How to implement a system that goes beyond amp-caching on your domain
https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

C 14:30-15:00 - Open API Specificationを使ったTwilio APIテスト用モッキングサーバーの構築 by Twillio#

  • 登壇者：Daizen Ilehara[Twilio]　@neri78
OpenAPI Specificationを使ったTwilio APIテスト用モッキングサーバーの構築 | ドクセル

ドクセルはスライドやPDFをかんたんに共有できるサイトです

https://www.docswell.com favicon https://www.docswell.com
https://www.docswell.com OGP image

A 15:10-15:40 - 状態管理ライブラリについて#

B 15:10-15:40 - Static Site Generator is a Compiler#

SSG is a compiler
https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

C 15:10-15:40 STORES 予約を支えるフロントエンドの技術 by Hey#

STORES予約を支えるフロントエンド技術

JSConf 2021登壇資料

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 15:40-16:10 - Cookie等によるトラッキング規制と代替APIの最新情報まとめ#

  • 登壇者：Antoine Bourlon[イルグルム]　@kyotonio

B 15:40-16:10 - GraphQL と Prisma から考える次のN年を見据えた技術選定#

  • 登壇者：森 久太郎[リクルート]　@qsona
GraphQL と Prisma から考える次のN年を見据えた技術選定 / Architecture decision for the next N years at StudySapuri

JSConf JP 2021 で登壇した資料です #jsconfjp #jsconfjp_b Links: [Active Recordから考える次の10年を見据えた技術選定](https://speakerdeck.com/yasaichi/architecture-decision-for-the-next-10-years-at-pixta) [GraphQL を活用したスキーマ駆動開発の実践](https://speakerdeck.com/qsona/schema-driven-development-with-graphql) [GraphQL を利用したアーキテクチャの勘所 / Architecture practices with GraphQL - Speaker Deck](https://speakerdeck.com/qsona/architecture-practices-with-graphql) [最高のマスターデータ管理手法考察 & VSCode Extension を活用した話](https://speakerdeck.com/qsona/developing-masterdata-management-tool-by-using-vscode-extension) [サービスクラスについては僕も悪かったと思っているけど、それでもCQSは実現したいんだ](https://qiita.com/a-suenami/items/8897e2e36fe2836c6949) [Smart UI パターンが再評価される世界 - id:onk のはてなブログ](https://onk.hatenablog.jp/entry/2020/11/11/024531) [Ruby on Railsの正体と向き合い方](https://speakerdeck.com/yasaichi/what-is-ruby-on-rails-and-how-to-deal-with-it) [Explore how to extend the Prisma Client · Issue #7161 · prisma/prisma](https://github.com/prisma/prisma/issues/7161) [プログラミング言語の未来はどうなるか | κeenのHappy Hacκing Blog](https://keens.github.io/blog/2021/01/04/future_of_proguramming_languages/) [Prisma で Factory を作るための便利関数を作りました！](https://zenn.dev/seya/articles/a0d2d2da20ddad)

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

C 15:40-16:10 - Helpfeel小咄2選 Web WorkerとMutationObserver by Nota#

  • 登壇者：Hiroki Akiyama[Nota]　@akiroom
Helpfeel小咄2選 Web WorkerとMutationObserver
https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 16:20-16:50 - アクセシブルなフロントエンド開発のこれまでとこれから#

  • 登壇者：Okuto Oyama[クラウドワークス]　@okuto_oyama
アクセシブルなフロントエンド開発のこれまでとこれから / the past and future of accessible front-end development

<a href="https://jsconf.jp/2021/" target="_blank">JSConfJP 2021</a> 発表資料 昨今アクセシビリティに関する興味関心が増えてきた中で、SPAといったWebアプリケーションにおけるアクセシビリティを考慮した実装についてはまだ認識が広まっていないように感じます。 フロントエンドフレームワークを使ってより良いアクセシビリティ実装をするにはどうすればいいかの方法、その結果どういう形で伝わっているかを紹介しようと思います。 またWebアプリケーションでHTMLを使ってUI実装することに限界を感じており、それを解消するためのReactGUIやHeadless UIといった新たなアプローチにおける期待についても紹介したいと思っております。

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

B 16:20-16:50 - モバイルブラウザにおけるClient-side MLアプリケーションのプロダクション開発事例#

  • 登壇者：加藤 倫弘[メルカリ]　@tkato
モバイルブラウザにおけるClient-side MLアプリケーションのプロダクション開発事例 / JSConf JP 2021

モバイルブラウザにおける Client-side MLアプリケーションの プロダクション開発事例 2021/11/27 JSConf JP Tomohiro Kato https://jsconf.jp/2021/talk/case-study-of-production-development-of-a-client-side-ml-application-in-a-mobile-browser

https://docs.google.com favicon https://docs.google.com
https://docs.google.com OGP image

C 16:20-16:50 - Next.js でリアーキテクトした話 by リクルート#

  • 登壇者：吉井健文[リクルート]　@takepepe
Next.js でリアーキテクトした話 / story-of-re-architect-with-nextjs

https://jsconf.jp/2021/

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 17:00-17:10 - Machine Learning with JS#

A 17:10-17:20 - 関数型プログラミングのデザインパターンひとめぐり with Ramda.js#

  • 登壇者：Kazuyuki TAKASE[Chatwork]　@guvalif
関数型プログラミングのデザインパターンひとめぐり

関数型プログラミングのデザインパターンひとめぐり - Download as a PDF or view online for free

https://www.slideshare.net favicon https://www.slideshare.net
https://www.slideshare.net OGP image

A 17:20-17:30 - 組織フェーズを見据えたWebフロントエンドのアーキテクチャと変遷#

  • 登壇者：Tetsuya Shibutani[Chatwork]　@shibe_23
組織フェーズを見据えたWebフロントエンドのアーキテクチャと変遷

10年間で約15万行のコードを抱え、jQuery -> React + DDD -> React + Redux とアーキテクチャの変遷を辿ってきたChatworkを事例として、 組織フェーズの変化によって発生する課題と、それらをアーキテクチャの観点からどのように乗り越えるか紐解きたいと思います。

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 17:30-17:40 - Bundle Size Optimization in Future JavaScript#

Bundle Side Optimization in Future JavaScript - JSConf JP 2021

JSConf JP 2021

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 17:40-17:50 - 加速するEdge Computing#

加速するEdge Computing

JSConf JP 2021でLTさせていただいた時の資料です.

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 17:50-18:00 - Building markdown editor using Rust’s parser#

  • 登壇者：Hiroyuki Yagihashi[からくり]　@yagipy_
Building markdown editor using Rust’s parser
https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

A 18:00-18:10 - State of CSS 2021 Survey Results#

A 18:10-18:40 - スポンサーLT#

GraphQL 導入の反省と再挑戦#

GraphQL 導入の反省と再挑戦 / jsconf jp 2021
https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

カオナビ#

同時多発的に価値創出していく Ubie Discoveryのフロントエンド開発#

同時多発的に価値創出していく Ubie Discoveryのフロントエンド開発 / 20211127 JSConf JP Ubie Discovery

2021年11月27日開催 JSConf JPで使用したスポンサーLTの資料です

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

スタディサプリにおける TypeScript 活用事例と今後の展望#

  • 登壇者：Takuya Uehara[リクルート]　@indigolain
スタディサプリにおける TypeScript 活用事例と今後の展望 / jsconf-jp-2021

JSConf JP 2021 でSponsor LT をさせていただいた時の資料です。 以下は資料内で紹介した発表スライドです。 Generate React Component with TypeScript AST https://speakerdeck.com/quramy/generate-react-component-with-typescript-ast 最高のマスターデータ管理手法考察 & VSCode Extension を活用した話 / developing masterdata management tool by using vscode extension https://speakerdeck.com/qsona/developing-masterdata-management-tool-by-using-vscode-extension 純粋培養GraphQL / Pure GraphQL Architecture https://speakerdeck.com/qsona/pure-graphql-architecture GraphQL と Prisma から考える次のN年を見据えた技術選定 / Architecture decision for the next N years at StudySapuri https://speakerdeck.com/qsona/architecture-decision-for-the-next-n-years-at-studysapuri

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

STORES 予約を支えるフロントエンドの技術（※ショート版）#

STORES予約を支えるフロントエンド技術

JSConf 2021登壇資料

https://speakerdeck.com favicon https://speakerdeck.com
https://speakerdeck.com OGP image

LegalForce のフロント開発これまでとこれから#

  • 登壇者：安部亨佑[LegalForce]

NOTA#

  • 登壇者：Hiroki Akiyama[Nota]　@akiroom

（Demo Phone Number）#

  • 登壇者：Daizen Ilehara[Twilio]　@neri78

A 18:50-19:20 - How projects are born and run in a web browser engine#

  • 登壇者：Kinuko Yasuda[Google]　@kinu

ちなみに自分は、視聴参加しようかなぁと思っているうちに時間がたって忘れてました…。
せめてスライドくらいは見ておきたいなと思い探してみると、割と公開していただいているものが多かったですね。
ありがたや🙏

アーカイブも残っているので、少しずつ見ていきますー。