🔴

JSConf JP 2024 公開資料・Xアカウントリンクまとめ

2024/11/24に公開
5

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

はじめに

https://jsconf.jp/2024

登壇社名および登壇者名は敬称略させていただいています。

x アカウントについては、以下のように確認できたものを記載しております。

  • JSConf JP 公式サイトに記載がある
  • JSConf JP 公式サイトに記載のプロフィールと一致している
  • 当イベントで登壇されることに言及されている
  • スライドに記載されている

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

アーカイブ

本イベントは YouTube でライブ配信されていました。

ただ、執筆途中時点からトラック A の動画が非公開になっていました。
アーカイブとして残るのかがわからなかったため、一旦 JSConf JP の YouTube アカウントへのリンクのみ記載にしておきます。

https://www.youtube.com/@jsconfjp

講演一覧

オープニングトーク

A 10:10-10:20 LT: Connecting the dots – Web Accessibility through Internationalization and Localization

B 10:10-10:20 LT: Promise.try: シンプルで強力な同期/非同期統合の未来 - 実装の深層と Promise の進化

https://sakupi01.github.io/slides/ja/2024_jsconf_jp

C 10:10-10:20 LT: UI 開発における ヘッドレス UI ライブラリの重要性とデザインシステムへの取り入れ方

A 10:20-10:30 LT: Web can be fun!

  • 登壇者:Phumrapee Limpianchop @rayriffy

https://storage.rayriffy.com/files/jsconf-web-can-be-fun.pdf

デモリポジトリ
https://github.com/rayriffy/web-can-be-fun

B 10:20-10:30 LT: JavaScript を支えるエコシステム(漫才)

https://docs.google.com/presentation/d/1cwNcGQ6-GNi8xf_E3XBRWgGIxksoeGiEtAZ6wDkeoXs/edit#slide=id.p

C 10:20-10:30 LT: A Tour of Anti-patterns for Functional Programming

A 10:40-10:50 LT: Stay Fit, Code Better: A Sportsman’s Practical Tips for JavaScript Developers

  • 登壇者:Csaba Tamas

https://tamascsaba.github.io/jsconfjp-2024-presentation

B 10:40-10:50 LT: romajip: 日本の住所 CSV データを活用した英語住所変換ライブラリを作った話

  • 登壇者:カンサンウン(Kang Sangun) @ksu_302

詳細された英語住所変換ライブラリ
https://github.com/Sangun-Kang/romajip

C 10:40-10:50 LT: Storybook との上手な向き合い方を考える

A 10:50-11:00 LT: Building a Creative Coding Library for Fun and Learning

B 10:50-11:00 LT: ステップバイステップで進める Yahoo!知恵袋のフロントエンドリアーキテクト

  • 登壇者:Koki Tsumura[LINEヤフー] @l1lhu1hu1

C 10:50-11:00 LT: あなたの知らない Function.prototype.toString() の世界

  • 登壇者:mizdra[はてな] @mizdra

A 11:10-11:40 WebAssembly Unleashed: Powering Server-Side Applications

B 11:10-11:40 React への依存を最小にするフロントエンドの設計

C 11:10-11:40 You Don’t Know Figma Yet - Figma を JS でハックする

  • 登壇者:
    • Hiroki Tani[Figma] @hiloki
    • Corey Lee

https://www.figma.com/community/file/1441988131613308209/you-dont-know-figma-yet

D 11:10-11:40 WYSIWYG ウェブページビルダーを支える技術 とSever Driven UI への拡張

  • 登壇社:メルカリ

A 11:40-12:10 Creating Fast-Feeling Web Apps

  • 登壇者:Trung Vo

B 11:40-12:10 React Compiler と Fine Grained Reactivity と宣言的 UI のこれから

  • 登壇者:ssssota (TOMIKAWA Sotaro)[ZOZO] @ssssotaro

C 11:40-12:10 30 Minutes to Understand All of RegExp Syntax

  • 登壇者:Yuji Sugiura[ピクセルグリッド] @leaysgur

https://leaysgur.github.io/slides/jsconf_jp-2024/

D 11:40-12:10 生成 AI でコーディング試験を解いてみよう

  • 登壇社:ハイヤールー

A 13:10-13:40 Building AI apps with JavaScript

  • 登壇者:Aileen Villanueva Lecuona @aileenvl

B 13:10-13:40 Vapor Revolution: Unleashing Vue evolution and Potential with Vapor Mode

C 13:10-13:40 The challenges of web apps: what we’ve solved and what’s next?

  • 登壇者:Alexey Taktarov

D 13:10-13:40 Yahoo! JAPAN トップページにおけるマイクロフロントエンド - 大規模組織における FE 開発を加速させるには

  • 登壇社:LINEヤフー
    • Kazuki Matsuda

A 13:40-14:10 Why Build a Secure Supply Chain Management?

  • 登壇者:VJ

B 13:40-14:10 幸せの形はどれも似ているが、不幸なプロジェクトはそれぞれの形がある

https://mizchi-20241123-jsconfjp.pages.dev/

C 13:40-14:10 Boost your Test Implementation in Javascript by 10x?

D 13:40-14:10 電話を切らさない技術:電話自動応答サービスを支えるフロントエンド

A 14:20-14:50 React Server Components とは何であって何でないか

https://akifumisato.github.io/slide-of-tng-2024-rsc/1

B 14:20-14:50 リアルアセットと Web のシームレスな活用のためのパスキー

  • 登壇者:maxmellon (Kento TSUJI)[東急]

C 14:20-14:50 LINE ヤフーにおける Prerender 技術の導入とその効果

  • 登壇者:
    • Masanari Hamada[LINEヤフー]
    • Tomoki Kiraku[LINEヤフー]

D 14:20-14:50 Cosense の Translation mode の設計と実装

  • 登壇社:Helpfeel
    • ohnishiakira

https://scrapbox.io/HelpfeelTech/CosenseのTranslation_modeの設計と実装_(JSConf_2024)

A 14:50-15:20 Encrypting data in the Browser - Exploring Web Crypto APIs

B 14:50-15:20 JavaScript のモジュール解決の相互運用性

  • 登壇者:berlysia[ドワンゴ] @berlysia

C 14:50-15:20 How to automate your murder mystery: immersive games in your home

  • 登壇者:
    • Tiger
    • Daphne Oakes

D 14:50-15:20 静的解析を活用した i18n 対応

A 15:30-16:00 Web 標準の進化を止めない! Baseline というブラウザサポートの考え方

  • 登壇者:Mariko Kosaka[Google] @kosamari

B 15:30-16:00 Modular Monolith Monorepo

  • 登壇者:坂本結衣[newmo] @yui_tang

本人記事
https://tech.newmo.me/entry/jsconf2024-modular-monolith-monorepo

C 15:30-16:00 ESLint のカスタムルールで治安維持活動をする

  • 登壇社:ミイダス
    • Mizobuchi

https://note.com/miidas_tech/n/n362dbdc1ad83

D 15:30-16:00 クルマのサブスクサービスを Next.js で内製化した経験とその1年後

A 16:00-16:30 Moving Three.js from WebGL to WebGPU

B 16:00-16:30 JavaScript のイテレータとイテラブルの概要と課題、未来

C 16:00-16:30 @effect/schemaによる型安全な軽量 DDD の実践

https://decks.yasaichi.com/20241123/type-safe-lightweight-ddd-with-effect-schema#1

D 16:00-16:30 徹底解剖!医療業務システムの React コンポーネント設計

A, B, C 16:40-17:40 Sponsor LT × 12

AI 時代のスキル面接

  • 登壇社:ハイヤールー

(本日登壇した内容の紹介)

  • 登壇社:LINEヤフー

Next.js と Nuxt が混在? iframe でなんとかする!

(ミイダスが提供するサービスの診断結果のお話)

  • 登壇社:ミイダス

Harmonizing Mercari's diverse tech stacks

  • 登壇社:メルカリ

あなたが KTC に入るべき3つの理由

  • 登壇社:KINTOテクノロジーズ

(IVRy が提供するサービス紹介)

  • 登壇社:IVRy

さくらインターネットでは こんなところで JavaScript を使っています

  • 登壇社:さくらインターネット

https://docs.google.com/presentation/d/1pIYjLrbDA7xvuKZ0FNf5HbSZyu5V7fL5gmvFt0gIVEY/edit#slide=id.g291374bc390_1_103

冒頭で紹介されたゲーム記事
https://knowledge.sakura.ad.jp/16997/

我々のデザインシステムは Chakra v3 にアップデートします

Remix SPA モードのファイルベースルーティングで進めるフロントエンド構築

  • 登壇社:メドレー
    • 徳永 諒介

A, B, C 17:50-18:30 啓蒙者の視点で振り返るウェブ

  • 登壇者:Eiji Kitamura / えーじ[Google] @agektmr

今年も盛りだくさんでしたね。

自分はなぜか、今年は YouTube 配信がないと思い込んでいて私用入れてしまっていました😇
多くの方が資料を公開してくださっているので、これからキャッチアップしていくぞ~。

株式会社ゆめみ

Discussion

よしよし

2024/11/26更新

  • 登壇者名を修正:C 15:30-16:00 ESLint のカスタムルールで治安維持活動をする
  • 本人記事を追加:B 15:30-16:00 Modular Monolith Monorepo
よしよし

2024/11/28

  • スライドリンクを修正:D 16:00-16:30 徹底解剖!医療業務システムの React コンポーネント設計
  • スライドを追加:D 15:30-16:00 クルマのサブスクサービスを Next.js で内製化した経験とその1年後
Yuta TakahashiYuta Takahashi

素晴らしいまとめ記事ありがとうございます!
「D 16:00-16:30 徹底解剖!医療業務システムの React コンポーネント設計」のスライドリンクがこちらの不手際で切れてしまったため、お手すきで更新頂けると幸いです。よろしくお願い致します🙏

https://speakerdeck.com/medley/deep-dive-into-react-component-design-for-medical-systems

よしよし

ご連絡ありがとうございます!
先ほど修正いたしました🙆‍♀️