PWA Night CONFERENCE 2022

最近デザインシステム構築について様々なところで議論されるようになってきました。実際にデザインシステムを構築・運用している組織も増えているように感じます。 本セッションでは、私がデザインシステム構築を始めるときに考えていることや大事にしていることを紹介しつつ、より効果的なデザインシステム構築について考えます。

CoreWebVitalsにINP(Interaction to Next Paint)が追加され、Webパフォーマンスに関するする技術は年々進化を遂げています。 このセッションでは、INPへの対策の他、BFCache、Private Prefetch Proxy、Priority Hintsなど、現在WebAPIとしてで検討されているパフォーマンスに関する内容をご紹介します。 また、これらを活かすことができるFEアーキテクチャとはどのような設計になるでしょうか？現在ヤフーで取り組んでいる内容も含め、今後のWebパフォーマンス改善の展望をお話できればと思います。

Next.jsチュートリアルではSSGによるブログサイト作成を行います。今回は正式版となったNuxt3を用いて、同様のサイトをどのように作れるのか実践形式でお伝えします。その他Nuxt3でのパワーアップポイントも時間の許す限りご紹介します。

ブラウザでディープラーニングができるTensorFlow.js。それだけでも驚きなのですが、リリースされた2018年頃（本当は2017年）から比べると、より高速になっていることに驚きました。このセッションでは、そんなTensoFlow.jsの高速化を支える技術について、一緒に裏側を覗く内容になります！

特定のWebフロントエンドの技術にとらわれず 「これからのトレンド」をみんなで感じるカンファレンスにし 今後のWebを作っていく人たちが改めてその楽しさを感じられるような回に していきたいと思います。

怖くないバックエンド開発入門。複雑なインフラ知識がなくても始められる TypeScript ベースのバックエンド開発入門講座です。

近年のwebサイト制作の現場に新しく加わったJamstackという開発技術。その中でも近年シェアを拡大しつつあるNext.jsというフレームワークを用いて、コーポレートサイトをはじめとした小規模なサイト〜月間数千万PVの大規模メディアサイトまでページ特性に合わせたレンダリングや設計について紹介します。

Webはその誕生から大きく進化し、プロダクトを作るための技術もトレンドとともに移り変わってきました。同時にプロダクトを作るための役割も変化し、多くの人が関わるようになってきました。それらはこれからも変化していくと考えられます。 そうした環境で長くWeb開発をおこない、楽しむためにはどのようなことを大事にするとよいでしょうか。 本セッションでは、テックリードとして私自身の経験から学んだことを紹介しながら、今そしてこれからのWeb開発を考えます。

GSAP（ジーサップ）は、Flash時代から提供されている強力なモーション制作用ライブラリです。JavaScript/TypeScriptで利用でき、ウェブ制作の現場に適した演出作成用の機能があります。このセッションでは今すぐ使ってみたくなるようなGSAPの魅力と、使いこなしのテクニックを紹介します。

プロジェクトにPWAを導入したい方向けに、PWAとは何かという基本的なところから具体的な実装方法まで紹介します。PWAならではの機能であるホーム画面への追加、オフライン対応、プッシュ通知の実装についてコードを見せながら解説。PWAの活用方法を学びましょう。

CDNでSQLiteが動くD1の発表など、話題のCloudflareですが、その主軸となるCloudflare Workersを使ったことがない人は多いのではないでしょうか。Cloudflare Workers向けのフレームワークをつくっている経験からその魅力とユースケース、実装方法について話します。単なる製品紹介ではありません。これを機会にCloudflare Workersを始めてみましょう。