Last updated: 2025/08/23 13:00
Modern React Patterns: Concurrent Rendering & Actions with Aurora Sharff
Aurora Scharff, Senior Consultant at Crayon, joins to break down how modern React development is evolving with features from React 18 and React 19. She explores real-world use cases for useTransition and useOptimistic, highlights improvements in async UI rendering and performance, and shares insights on building responsive interfaces with concurrent rendering patterns. The conversation also touches on server components, Next.js, and tools like Aria Kit and Redwood SDK, all shaping the next era of React development.
929: Cloudflare Blocks AI Crawlers × Debugging Local Data × Raising Kids with Healthy Digital Habits and More
この記事では、最新のJavaScriptフレームワークであるNext.jsの新機能について詳しく解説しています。特に、画像最適化機能や新しいデータフェッチングの手法が強調されており、これにより開発者はパフォーマンスを向上させることができます。また、Next.jsの新しいAPIルート機能により、サーバーサイドでのデータ処理が簡素化され、開発の効率が向上します。さらに、TypeScriptとの統合が強化され、型安全性が向上した点も重要です。これらの機能は、特に大規模なアプリケーションの開発において、開発者にとって大きなメリットをもたらします。 • Next.jsの新機能として画像最適化機能が追加された。 • 新しいデータフェッチング手法により、パフォーマンスが向上する。 • APIルート機能の追加でサーバーサイドデータ処理が簡素化された。 • TypeScriptとの統合が強化され、型安全性が向上した。 • これらの機能は大規模アプリケーションの開発において特に有用である。
ep183 Monthly Ecosystem 202508 | mozaic.fm
第 183 回のテーマは 2025 年 8 月の Monthly Ecosystem です。
The Next Wave of Dev Tools: AI Assistants and JavaScript Workflows - JSJ 686
In this episode of JavaScript Jabber, we sit down with Vinicius Dallacqua, a seasoned software engineer with a passion for performance and developer tooling. Vi
Poor Sleep, Big Pay Gaps, Culture Shifts: The State of Devs in 2025 with Sacha Greif
Sacha Greif, creator of the State of Devs 2025 survey, joins PodRocket to share insights on developer life beyond the code. We talk about sleep habits, mental health, job titles, workplace culture, and shifting values across regions. Learn why "engineer" titles often pay more, what developers worldwide think about Elon Musk, and how trends differ by country, gender, and company size.
928: State of Devs 2025 Results
この記事では、2025年のデベロッパーに関する調査結果について、Wes BosとScott Tolinskiが議論しています。調査では、給与、職種、リモートワーク、健康、趣味などのトレンドが取り上げられています。特に、経験年数と年収の関係、レイオフの状況、職務満足度、労働時間、職場の特典、開発者が使用するスマートフォンやデスクトップOS、プログラミング言語、プロダクティビティアプリ、ソーシャルメディアの利用状況などが詳しく分析されています。また、RSSフィードユーザーの中央値年齢やコミュニティへの貢献、健康問題、趣味、好きな音楽、ビデオゲーム、映画についても触れられています。 • 2025年のデベロッパー調査結果を分析 • 給与と経験年数の関係についての考察 • リモートワークの状況と職務満足度 • 開発者が使用するデバイスやOSの傾向 • プログラミング言語やプロダクティビティアプリの使用状況 • 健康問題や趣味に関するデータの提供
ep.177『今すぐ使えるモダンCSSと、注目の次世代プロパティ』
@potato4d が @a_t に、最近のCSS事情について話を聞きました。 ### ゲスト - 富田 (@a_t) - アクセシビリティチーム リーダー - HTML/CSSに関する社内啓蒙活動を担当 ### 主なトピック #### 1. Container Queries - メディアクエリ（Media Queries）と似ているが、特定の要素（コンテナ）単位でスタイルを変更可能 - モジュール単位でレスポンシブなスタイルを柔軟に設定できる - Safari 16.0以降、Chrome、Edge、Firefoxなど主要ブラウザで対応済み - 実践投入可能な段階に到達 #### 2. テキスト描画改善系のプロパティ - プログレッシブエンハンスメント（Progressive Enhancement）として段階的導入が推奨される ##### text-spacing-trim - 段落冒頭や末尾の全角記号の余白を自動調整 - 非対応ブラウザでも表示が崩れないため、積極的に導入可能 ##### text-autospace／word-break(auto-phrase) - 全角・半角文字の境界に自動でスペース挿入 - 日本語テキストの単語単位の改行を改善 - パフォーマンスへの影響に注意し、部分的な導入を推奨 #### 3. 将来的に注目されるCSSの新機能 ##### 余白調整系プロパティ - text-box：テキスト上下の余白を調整可能にする新プロパティ - margin-trim：コンテナ内の要素のマージンを自動で除去、直感的な余白調整を可能に ##### Container Style Queries と CSS内での条件分岐（if文） - Container Style Queries はSafariとChromeのみ対応 - CSSのルール内にif文でスタイル条件分岐が可能（現状はChromeのみ） - 条件としてカスタムプロパティ（CSS Custom Properties）の値を使える - 実験段階だが、今から学習しておく価値あり ### 関連情報 - [Container Queries（MDN Web Docs）](https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Container_Queries) - [CSS Text Level 4（W3C）](https://www.w3.org/TR/css-text-4/) - [CSS Conditional Rules（MDN Web Docs）](https://developer.mozilla.org/ja/docs/Web/CSS/@supports) ### 感想・フィードバック - ハッシュタグ `#UIT_INSIDE` にてご意見・ご感想をお待ちしています。
927: AI Browsers, 100X Build Speed, Massive Svelte Update - Web Dev News
この記事では、ウェブ開発に関する最新ニュースが紹介されています。主なトピックには、AmazonのAIを活用したVS Codeフォークや、Node.jsのネイティブTypeScriptサポート、ViteがWebpackを追い越したこと、Svelteの新しい非同期機能とリモート機能が含まれています。また、開発者ツールの大きな動きや新しいブラウザの実験についても触れられており、これらの変化がコーディングの未来に与える影響について議論されています。 • AmazonがAIを活用したVS Codeのフォークを発表した。 • Node.js 22.18ではコンパイラなしでTypeScriptが使用可能になった。 • ViteがWebpackを追い越し、開発者ツールの競争が激化している。 • Svelteの新しい非同期機能とリモート機能がリリースされた。 • 新しいブラウザ実験が開発者に新たな可能性を提供している。
Inside VueConf: Nuxt 4, AI in Development, and the Future of Vue with Erik Hanchett - JSJ 685
In this episode of JavaScript Jabber, we welcome back Erik Hanchett, Senior Developer Advocate at AWS, to dive into his experience at VueConf. From the energy o
NuxtLabs joins Vercel with Daniel Roe
In this episode of PodRocket, Daniel Roe, lead dev over at NuxtLabs, joins Paul to discuss the big news: NuxtLabs is joining Vercel. They dive into what this partnership means for Nuxt, the independence of the open-source framework, and how products like Nuxt UI Pro, Nuxt Studio, and Nuxt Hub are evolving. Daniel also shares insights on zero-config deployments, maintaining choice for developers, and the philosophy behind keeping Nuxt open and flexible.
926: RSS Is NOT Dead
この記事では、RSS（Really Simple Syndication）が依然として重要であり、過去のものではない理由について探求しています。ScottとCJは、RSSリーダーを自己ホスティングする方法や、現代のウェブの雑音から逃れ、デバイス間でクリーンで広告のない読書体験を取り戻す方法について議論しています。具体的には、RSSの仕組みや、MinifluxやFreshRSSなどの自己ホスティングの選択肢、ウェブの整理に役立つ記事のスクレイピング、デスクトップおよびモバイル向けのおすすめRSSクライアント（Capy Reader、Google Reader、ReadKitなど）についても触れています。さらに、RSSフィードを見つけるためのリソースも紹介されています。 • RSSは依然として重要であり、過小評価されている • 自己ホスティングのRSSリーダーとしてMinifluxやFreshRSSが推奨されている • 現代のウェブの雑音を排除するために記事のスクレイピングが有効である • デスクトップおよびモバイル向けのおすすめRSSクライアントが紹介されている • RSSフィードを見つけるためのリソースが提供されている
925: Scott & CJ’s Fave Productivity Apps & Web Apps
この記事では、ScottとCJが彼らのお気に入りの生産性向上アプリやウェブアプリについて語っています。彼らは、執筆、コーディング、計画などのためのツールを交換し、ターミナルやTo-Doリスト、さらにはダムフォンに至るまで、彼らのワークフローを支えるツールについて深く掘り下げています。具体的には、テキスト読み上げや音声認識、エディタの選択、ターミナル、ノートテイキングアプリ（ObsidianやLogseq）、To-Doリストアプリ（Tweek.soやTrello）、カレンダー管理（Notion Calendar）、メール管理（FairEmail）、さらにはダムフォンやオーランチャーについても触れています。 • ScottとCJが生産性向上のためのアプリを紹介 • テキスト読み上げや音声認識のツールについて言及 • エディタの選択やターミナルの使用についての議論 • ノートテイキングアプリとしてObsidianやLogseqを推奨 • To-DoリストアプリとしてTweek.soやTrelloを紹介 • Notion CalendarやFairEmailなどのメール管理ツールについても言及 • ダムフォンやオーランチャーの使用について触れる
Running Doom in TypeScript’s Type System with Dimitri Mitropoulos - JSJ 684
What if I told you someone managed to run Doom inside TypeScript’s type system? Sounds insane, right? That’s exactly what our guest Dimitri Mitropoulos did�
Typescript Is SO SLOW...Or Is It? with Mike Hartington
TypeScript might feel slow, but is it really? In this episode, Mike Hartington DevRel at Nx joins us fresh off his React Miami talk to unpack what actually causes TypeScript slowdowns in large monorepos, and how techniques like project references, workspaces, and precompiled DTS files can supercharge your dev experience. We also dig into the upcoming Go-based TypeScript compiler and how it could deliver 10x+ performance gains.
ep.176『社外招待ゲストと振り返る！Tech-Verse 2025 レポート』
@odan3240 が chibivue land からのゲスト(@ubugeeei, @karan_corons, @yamanoku) とともに 「Tech-Verse 2025」について振り返りました。 https://tech-verse.lycorp.co.jp/2025/ja/ ■ Techverse 2025 概要 - 社内中心のハイブリッドカンファレンス（社外招待は約 50 名） - 1 日目オンライン配信で、2 日目は新宿本社 4F ホールでオフライン開催 - 公式 LINE アカウントからリマインド・会場マップなどをプッシュ - 外部公開できる資料・動画は可能な限り後日公開予定 ■ フロントエンド枠で刺さったセッション - 文字コントラストの歴史と WCAG 3（登壇：中野） - 没入感を生むトランジション設計と View Transitions API - Yahoo Finance における生成 AI 活用とコスト最適化 - “挿すだけ”で数値化 → 支援まで行う Web Perf チームの横断モデル - potato4d の「アウトカムファーストな専門技術組織運営」 ■ 参加・視聴のポイント - オンライン視聴には事前登録必須（公式サイト） - セッションごとに「Public 配信／社内限定」が混在 - アーカイブは一部のみ公開、気になる枠はリアタイ推奨 ■ 現地の小ネタ - 駅直結で雨知らず、翻訳端末を一人一台貸与 - 朝クロワッサン → 昼すき焼き弁当 → 夜ウニ寿司のフルコース - プラ製両面印刷ネームカードと統一感バッチリのノベルティ - LINE OA でポイントを貯めるとコーヒーがもらえるゲーミフィケーション ■ フィードバック - 感想はハッシュタグ #UIT_INSIDE まで
#22 新規プロダクト開発に期間限定でレンタル移籍した2人で対談してみた
・新規プロダクトにレンタル移籍ってどういうこと？・エンジニアリングマネージャーからエンジニアにミッションチェンジ・基盤整備、Panda CSS、モニタリング、いちから土台を作る・AI Agentic Codingの実践とメリット・デメリット・メディアとゲームのWebフロント開発の違い・レンタル移籍で自分のキャリアを見つめ直した・バックエンド開発へのチャレンジ
Building Jarvis: MCP and the future of AI with Kent C Dodds
Kent C. Dodds is back with bold ideas and a game-changing vision for the future of AI and web development. In this episode, we dive into the Model Context Protocol (MCP), the power behind Epic AI Pro, and how developers can start building Jarvis-like assistants today. From replacing websites with MCP servers to reimagining voice interfaces and AI security, Kent lays out the roadmap for what's next, and why it matters right now. Don’t miss this fast-paced conversation about the tools and tech reshaping everything.
923: Getting the Most Out of AI Coding
この記事では、AIコーディングツール（Cursor、Claude、ChatGPT、Windsurf）を活用して高品質な結果を得るための戦略が紹介されています。具体的には、効果的なプロンプトの作成や再利用可能なルールセットの構築など、AIを生産的なコーディングパートナーにするための実践的なヒントが提供されています。特に、XMLタグを使用して特定のアイテムを明確にし、既存のコードベースに基づいてルールを作成することが推奨されています。また、ルールファイルの保存場所や、llm.txtファイルの活用、エラーログのフィードバックなども重要なポイントとして挙げられています。 • AIコーディングツールを使って高品質な結果を得るための戦略を紹介 • 効果的なプロンプトの作成方法を解説 • XMLタグを使用して特定のアイテムを明確にすることが推奨される • CursorルールやCopilotルールの利用が提案されている • 既存のコードベースに基づいてルールを作成する方法が説明されている • ルールファイルの保存場所やllm.txtファイルの活用について言及 • エラーログをAIにフィードバックすることの重要性が強調されている
ep182 Monthly Platform 202507 | mozaic.fm
第 182 回のテーマは 2025 年 7 月の Monthly Platform です。
How Lingo.dev is reimagining i18n in React
Max Prilutskiy, co-founder and CEO of lingo.dev, about the lingo.dev compiler, a powerful open-source tool that automates multilingual support in React applications. Max dives deep into how the compiler uses ASTs and AI to eliminate the traditional friction of i18n workflows, offers build-time translations, and supports hot module replacement, static builds, and frameworks like Vite, Next.js, and React Router.
Preact, Performance, and the Future of Lightweight Frontends with Ryan Christian -JSJ 683
In this episode of JavaScript Jabber, we sit down with Ryan Christian, a core maintainer of Preact, to talk all things lightweight, performant, and practical in
Goodbye, useState with David Khourshid
David Khourshid, founder of Stately.ai, joins us to discuss better ways to manage complex state in React applications. We explore the pitfalls of overusing useState, how discriminated unions and state machines improve app logic, the role of server components, and the growing importance of query strings and persistent state management. He also shares insights on modern third-party libraries, React’s missing "store" primitive, and when developers should rethink their entire approach to state modeling.
921: AI Coding Roadmap for Newbies (And Skeptics)
この記事では、AIを使ったコーディングの方法について、初心者や懐疑的な開発者向けに解説しています。具体的には、Ghost TextやCLIエージェントを利用したインターフェースの構築、AIを活用したアプリの開発方法、埋め込みや関数呼び出し、マルチモデルワークフローの実装について触れています。また、既存のチャットアプリやプロンプトの活用、ストリーミングと非ストリーミングの違い、MCPサーバーの利用方法についても説明されています。最後に、AIと連携するためのnpmライブラリやSDKの紹介も行われています。 • AIを使ったコーディングの方法を初心者向けに解説 • Ghost TextやCLIエージェントを利用したインターフェースの構築 • AIを活用したアプリの開発方法について説明 • 埋め込みや関数呼び出し、マルチモデルワークフローの実装 • 既存のチャットアプリやプロンプトの活用方法を紹介 • ストリーミングと非ストリーミングの違いについて触れる • MCPサーバーの利用方法を解説 • AIと連携するためのnpmライブラリやSDKの紹介
ep181 Monthly Ecosystem 202507 | mozaic.fm
第 181 回のテーマは 2025 年 7 月の Monthly Ecosystem です。
React Router and why file-routing sucks with Brooks Lybrand
Brooks Lybrand, Developer relations manager for Remix and React Router, joins the pod to discuss the latest developments in React Router v7, its evolving community, and the migration path from Remix. We also explore the router's new open governance model, framework mode, and how server-side rendering and data handling are being reimagined for modern web apps.
919: Better Auth with Better Auth
この記事では、ウェブ認証の現状と、Better Authがどのようにそのプロセスを簡素化するかについて説明しています。Better Authは、開発者が独自のソリューションを手作りする必要がなく、組み込みプラグインや最新の機能を提供し、安全なログインを容易にします。具体的には、Better Auth CLI、メール統合、フックとトークン、CAPTCHA統合、データベース統合、プラグインエコシステム、管理機能などが含まれています。これにより、開発者は効率的に認証機能を実装できるようになります。 • Better Authは、ウェブ認証を簡素化するためのツールである。 • 開発者は独自の認証ソリューションを作成する必要がない。 • Better Authには、CLI、メール統合、フックとトークン、CAPTCHA統合、データベース統合が含まれている。 • プラグインエコシステムにより、機能を拡張できる。 • 管理機能が提供されており、使いやすさが向上している。
Speaking Up: The Developer’s Guide to Conference Talks & Career Growth - JSJ 682
In this episode of JavaScript Jabber, I am joined by three incredible guests — Ariel Shulman, Liad Yosef, and Eviatar Alush — to dive into the world of publ
Storybook 9 is leveling up UI testing with Michael Shilman
In this episode of PodRocket, Michael Shilman, product lead at Storybook, joins us to explore the major updates in Storybook 9. We dive into component testing, browser mode in Vitest, AI workflows, React Server Components, accessibility audits, and Storybook’s growing support for frameworks like Next.js, Svelte, and React Native. Michael also shares behind-the-scenes insights on Storybook’s evolution from a documentation tool to a full-fledged UI development and testing suite.
#21 新卒研修をふりかえってみる
・2025年の新卒研修を受けてみて・チーム開発研修で開発したプロダクト・フロントエンド以外の開発環境やクラウド環境について・コストやセキュリティについて気をつけたこと・フレームワークやビューの活用について・新卒研修を受けてみての学び[新卒研修のnote]https://note.com/ca_tech/n/n93703e9e1e0a
918: Extreme Native Perf on the Web with Superhuman
この記事では、Loïc HoussierがSuperhumanの開発について語り、同社がどのようにして迅速で魅力的なデザインのメールソフトウェアを構築しているかを探ります。Superhumanのエンジニアリング哲学、オフラインファーストのアーキテクチャ、ローカルデータベース、AIを活用した生産性向上について詳しく説明されており、ユーザーが愛するツールを作るために必要な要素についても触れています。Superhumanの技術スタックや製品デザインへのアプローチ、パフォーマンスの最適化、プライバシーへの配慮など、多岐にわたるトピックが取り上げられています。 • Superhumanは迅速で魅力的なメールソフトウェアを開発している。 • オフラインファーストのアーキテクチャを採用し、ローカルデータベースを活用している。 • AIを活用した生産性向上の手法が取り入れられている。 • 製品デザインとスピードに対するアプローチが重要視されている。 • Superhumanの同期エンジンやローカルとサーバーでのコード実行の仕組みについて説明されている。
Prisma Postgres with Nikolas Burk (Repeat)
In this repeat episode, Nikolas Burk, DevRel at Prisma, talks about Prisma Postgres, its unikernel architecture, and its seamless integration with cloud infrastructure. Discover how Prisma Postgres is revolutionizing database management with features like cold start elimination, real-time event handling and advanced caching strategies!
915: $200mo Background Agents, CLI Tooling and “Max Mode”
この記事では、AIコーディングエージェントの最新ツールについて、特にバックグラウンドで動作し、複数のステップでコードを書く能力を持つツールに焦点を当てています。ホストのスコットとウェスは、CLIベースのプリミティブから完全なコパイロットまで、開発者ツールの次の波とそれらを効果的に使用するために必要なことを解説しています。具体的には、バックグラウンドエージェントに適したタスク、CLIツールの利用法、Claude Codeの価格設定、これらのツールを最大限に活用するためのアプローチについても触れています。 • AIコーディングエージェントが進化していること • バックグラウンドエージェントに適した具体的なタスクの例 • CLIツールの利用方法とその利点 • Claude Codeの月額料金は200ドルであること • これらのツールを効果的に活用するためのアプローチや戦略
ep180 Monthly Platform 202506 | mozaic.fm
第 180 回のテーマは 2025 年 6 月の Monthly Platform です。
Node 24 with Rafael Gonzaga
Rafael Gonzaga, a Node.js TSC member, joins us to unpack the key features and updates in Node.js 24. We explore major changes like the new permission model, async local storage improvements, V8 engine updates, and the future of built-in HTTP capabilities. Rafael also shares insights on security trends, the evolution of the Node ecosystem, and how developers can get involved.
How Holepunch Is Redefining Peer-to-Peer Apps with Bear.js — A New Era for JavaScript Developers -JSJ 681
In this episode, we sit down with Mathias Madsen, CEO of HolePunch, and take a wild ride through the cutting edge of peer-to-peer JavaScript development. Mathia
How Holepunch Is Redefining Peer-to-Peer Apps with Bare.js — A New Era for JavaScript Developers -JSJ 681
In this episode, we sit down with Mathias Madsen, CEO of Holepunch, and take a wild ride through the cutting edge of peer-to-peer JavaScript development. Mathia
ep.175『いよいよ開催間近！珠玉の120セッションが集う Tech-Verse 2025 Front-End トラック紹介』
@potato4d が @inouye に、LINEヤフー主催テックカンファレンス「Tech-Verse 2025」の見どころやフロントエンドトラック、グローバル展開について話を聞きました。  https://tech-verse.lycorp.co.jp/2025/ja/ ## 今回のトピック ### Tech-Verse 2025 概要 - LINEヤフー主催の大規模テックカンファレンス - 2025年の注目テーマは「AI」と「セキュリティ」 - 2日間・120トラック超、オンライン・オフラインのハイブリッド開催 ### フロントエンドトラックの見どころ - 7月1日（火）開催、全10セッションを厳選 - パフォーマンス、デザインシステム、アクセシビリティなど多様なテーマ - パフォーマンス関連セッションは2本立て＋実践事例で構成 - アクセシビリティは唯一のパネルディスカッシ��ン形式で過去・現在・未来を網羅 - EM（エンジニアリングマネージャー）やデザイナー向けセッションも充実 ### 参加方法・配信情報 - オンライン視聴には事前登録が必要（公式サイトより） - フロントエンドトラックの半分はパブリック配信、残りはインターナル（招待者によるオフライン会場限定） - タイムテーブルを確認し、配信ありのセッションを見逃さずに！ ### グローバル展開・多言語対応 - LINE Plus、台湾、タイ、ベトナムなど海外拠点のメンバーも登壇 - セッションは日本語・英語・母国語で実施、同時通訳対応 - アジア各国の開発事例や国際的な取り組みもシェア --- ## 編集部メモ・現地体験 - セッション選定は25件のプロポーザルから厳選 - パネルディスカッションやグローバル多言語対応など運営側の挑戦も多数 - フロントエンドの最新トレンドから国際化・多様性まで幅広くカバー --- ## 参加・フィードバック - 公式サイトで事前登録受付中 - ご意見・ご感想はハッシュタグ #UIT_Inside でお待ちしています！ ---
913: NEWS: Remix drops React, Safari 26 CSS + mega fast Vite and TypeSCript
この記事では、最新のウェブ開発ニュースについて、WesとCJが議論しています。主なトピックには、Safari 26の大きな変更、TypeScriptのネイティブプレビュー、RemixがReactを廃止することが含まれています。また、TC39からの新しい提案、Vite 7のベータ版、Astroチームのサプライズプロジェクトについても触れています。具体的には、SVGファビコン、iOSおよびiPadOS上でのウェブアプリ化、SafariにおけるWebGPU、CSSの新機能、Cursor 1.0、Angular v20のリリースなどが紹介されています。 • Safari 26でのSVGファビコンのサポートが追加された。 • iOSおよびiPadOS上で、すべてのサイトがウェブアプリとして機能するようになる。 • SafariにWebGPUが導入され、グラフィックス処理が向上する。 • Remix 3がReactを廃止し、新たな方向性を示す。 • TypeScriptのネイティブプレビューが発表され、開発者に新しい機能を提供。 • TC39がいくつかの提案をステージ4に進めた。 • Vite 7がベータ版としてリリースされ、パフォーマンスが向上。 • Angular v20がリリースされ、新機能が追加された。
912: Why did Figma buy a CMS?
この記事では、FigmaがPayload CMSを買収した理由について、創業者のJames Mikrutとの対談を通じて探ります。Payload CMSはオープンソースのコンテンツ管理システムであり、FigmaがCMSを必要とする背景には、UIデザインの未来やAIインターフェースの進化があると考えられています。対談では、FigmaがどのようにPayloadを活用し、ユーザーに対してどのような新しいインターフェースを提供するのか、またPayloadのユーザーにとっての影響についても言及されています。さらに、Payloadの改善点やCMSとしての差別化についても議論されています。 • FigmaがPayload CMSを買収した背景には、UIデザインの未来やAIインターフェースの進化がある。 • Payload CMSはオープンソースのコンテンツ管理システムである。 • FigmaはPayloadを活用して、ユーザーに新しいインターフェースを提供する計画がある。 • Payloadのユーザーに対する影響や、サービスの改善点についても議論されている。 • CMSとしての差別化を図るための戦略が話し合われている。
10 years of SolidJS with Ryan Carniato
Ryan Carniato, creator of SolidJS, joins the podcast to reflect on a decade of developing the framework. We dive into the evolution of frontend tooling, the rise of fine-grained reactivity, and why SolidJS continues to challenge virtual DOM conventions. Ryan also shares insights on open source maintenance, web standards, and the future of UI architecture.
910: If Statements in CSS?
この記事では、CSSに新たに導入されたIf文について、どのように機能するのか、なぜ重要なのか、そしていつ使用すべきかを解説しています。著者は、CSSのif()関数や読み取りフロー（Chrome 137での実装）を実際に示し、具体的な使用例や構文の特異性を探ります。この機能は、JavaScriptを必要とせずにCSSを真の条件付きロジックに近づけるものであり、メディアクエリとの組み合わせや、属性関数を用いた高度な例も紹介されています。また、クラスを使った方法との比較や、CSSの将来についても言及されています。 • CSSに新たに導入されたIf文の機能と重要性について解説 • CSSのif()関数や読み取りフローの実装例を示す • メディアクエリとの組み合わせや属性関数を用いた高度な使用例を紹介 • JavaScriptを必要とせずにCSSで条件付きロジックを実現する • クラスを使った方法との比較を行い、CSSの将来についても言及
ep.174『Google I/O ライブ特集：AI、グラス、新たなWebの進展』
@TheoSteiner が @mahamada, @l1lhu1hu1, @basara669 に、Google I/O 2025 現地レポートやWeb最新動向について話を聞きました。 ## 今回のトピック ### Google I/O 2025 現地レポート - テオがマウンテンビュー現地から収録 - 浜田・津村・森本が現地参加して得たリアルな感想や雰囲気 ### 注目の発表・プロダクト - **検索AIモード** - 検索結果のタブに「AI」モードが追加。AIが直接答えを返す新体験。 - **Gemini Live/AIエージェント** - Geminiアプリ上で自然な会話・予約などが可能なAIエージェント体験。 - **Android XR新デバイス** - MUHAN（ヘッドセット型）とグラス型の2タイプを発表。年内US発売予定。現地デモも大盛況。 ### Web開発者向けの新機能・発表 - **Built-in AI/マルチモーダルAPI** - Chromeに組み込まれたAIモデルをWeb APIから呼び出し。画像・音声も入力でき、クライアントサイドで完結。 - Safari等にはFirebase経由でフォールバック可能なハイブリッドAPIも発表。 - **CSSカルーセル** - JavaScript不要、HTML＋CSSのみでカルーセルUIが実装可能に。アクセシビリティ課題も今後対応予定。 - **開発者ツールのAIアシスタンス** - Chrome DevToolsにAIアシスタント搭載。コード修正やパフォーマンス改善をAIが提案・自動適用。 - Gemini Flash（Googleサーバー）を利用するため、情報送信に留意。 - **パフォーマンスタブの強化** - コアメトリクスや改善提案をAIが表示。ASK AI機能も追加。 - **ベースライン/MDN連携Lint** - Web APIの「ベースライン」対応状況をESLint/VScodeで即時チェック可能に。ターゲット年次も指定可。 - **クレデンシャルマネージャー** - Chromeに新たな認証管理API。パスキー・パスワード・FedCM等を一元管理。自動パスワード更新・入力も可能。 --- ## 現地体験・所感 - XRデバイスの体験ブースは大盛況。MUHANは行列で体験困難、グラス型は90秒の短時間体験でも高い完成度。 - 視力矯正やデザインバリエーションなど今後の展開にも期待。
909: Handling and Throwing Errors
この記事では、JavaScriptとTypeScriptにおけるエラーの適切な処理方法について解説しています。ScottとWesは、クライアントサイドとサーバーサイドの戦略を取り上げ、Sentryなどのツールを使用して、アプリ全体を停止させることなくエラーを処理する方法を説明しています。エラーの用語、スローとキャッチのメカニズム、エラーメッセージの構成、Nodeシステムエラー、Promiseエラーの処理、エラーの再スロー、クライアントエラーとサーバーエラーの変換、エラーログの記録方法など、幅広いトピックがカバーされています。特に、エラー境界やHTTPレスポンスコードについても言及されています。 • JavaScriptとTypeScriptにおけるエラー処理の重要性を解説 • クライアントサイドとサーバーサイドのエラー処理戦略を紹介 • Sentryなどのツールを使用したエラーログの記録方法 • Promiseエラーの処理方法やtry-catchブロックの使用法 • エラーの再スローやエラー境界の概念について説明 • HTTPレスポンスコードの重要性とエラーの変換方法を解説
#20 TSKaigi 2025に参加してみてのふりかえり
■ トーク内容・TSKaigi 2025に参加してみた・TSKaigi 2025で印象的だったセッションや技術的なポイント・TSKaigi 2025にブースを出展してみたhttps://2025.tskaigi.org/■ トーク平井 柊太 (サイバーエージェント グループIT推進本部 CIU)松本 拓人 (株式会社AbemaTV)水野 響 (株式会社AI Shift)
Migrating a Legacy JavaScript Codebase to TypeScript - JSJ 680
In this episode, Dan and I (Steve) dove deep into what turned out to be a surprisingly complex, yet incredibly insightful topic: gradually migrating a massive l
Server functions don't exist with Jack Herrington
Jack Herrington, podcaster, software engineer, writer and YouTuber, joins the pod to uncover the truth behind server functions and why they don’t actually exist in the web platform. We dive into the magic behind frameworks like Next.js, TanStack Start, and Remix, breaking down how server functions work, what they simplify, what they hide, and what developers need to know to build smarter, faster, and more secure web apps.
908: Storybook Has Evolved w/ Jeppe Reinhold
この記事では、Jeppe Reinholdがゲストとして登場し、Storybook 9の新機能について語っています。主な特徴として、バンドルサイズの大幅な削減、シームレスなVite統合、次世代のコンポーネントテストが挙げられています。視覚的回帰テスト、アクセシビリティ、パフォーマンス、堅牢で孤立したUIコンポーネントのテストと文書化に関するベストプラクティスについても詳しく説明されています。また、Storybookのアップグレード方法や、コンポーネントの「ストーリー」をどのように書くか、視覚テストの仕組み、アクセシビリティテスト、モッキングとテスト戦略についても触れています。 • Storybook 9の新機能には、バンドルサイズの大幅な削減が含まれる。 • Viteとのシームレスな統合が実現され、他のツールとの互換性も向上。 • 視覚的回帰テストやアクセシビリティテストの重要性が強調されている。 • 堅牢で孤立したUIコンポーネントのテストと文書化のベストプラクティスが紹介されている。 • Storybookのアップグレード方法やコンポーネントの「ストーリー」の書き方についての具体的な情報が提供されている。
ep.173『Recap: Svelte Summit 2025 注目プレゼンを振り返る』
[@TheoSteiner](https://bsky.app/profile/theosteiner.de) が [@tomoam](https://bsky.app/profile/tomoam.bsky.social), [@ssssotaro](https://x.com/ssssotaro) に、Svelte Summit 2025やSvelteコミュニティについて話を聞きました。 ## ゲスト - **@tomoam** - Svelte Japanのコアメンバー - 製造業向けシステムベンダーに勤務 - Svelte公式ドキュメント日本語翻訳の中心メンバー - **@ssssotaro** - 株式会社ZOZO フロントエンドテックリード - Svelte関連ライブラリ開発者 - 国内オフラインイベントで登壇経験多数 ## 今回のトピック ### Svelte Summit 2025 現地レポート - テオが現地参加したバルセロナ開催のSvelte Summitの雰囲気をレポート - 海外コミュニティの熱気や、日本からのオンライン参加の体験 ### 注目セッションの紹介＆議論 - [ViteとSvelteの協調と進化](https://www.youtube.com/watch?v=bpj3e34EmV4)（パタック氏） - [Svelteのテスト最新事情](https://www.youtube.com/watch?v=ljmUuhfTR80)（ドミニク氏） - **Ashley Furnitureの大規模Svelteマイグレーション事例**（バート氏） - **3Dライブラリ「threlte」とSvelteの宣言的3D]**（グリーシャー氏） - [「What Svelte Promises」非同期APIの最新動向](https://www.youtube.com/watch?v=1dATE70wlHc&t=261s)（リッチ・ハリス氏 ### Svelte 5の新機能・進化 - await blockやAsync API、Signalによるリアクティブ管理の進化 - .remote.js/.remote.tsによるサーバーRPC、コア設計思想の変化 - コミュニティ貢献や日本語ドキュメント翻訳活動の紹介 ## コミュニティ・貢献案内 - Svelte日本語ドキュメント翻訳は誰でも参加OK。Discord案内は公式サイトから - 日本コミュニティは1,000人規模。年1〜2回オフラインミートアップも開催 - Svelte Summit動画の日本語字幕付き配信企画も進行中 ## 関連リンク - [Svelte公式サイト](https://svelte.dev) - [Svelte日本コミュニティ Discord案内](https://svelte.jp) ## ハッシュタグ #UIT_INSIDE #Svelte #SvelteSummit
907: Wes’ New Site: Gatsby → React Server Components
Wes Bosは、彼の個人サイトをGatsbyから最新のスタックであるWaku、React Server Components、Cloudflare Workersに移行しました。この移行は、同じデザインを維持しながら行われました。ScottとWesは、Next.js、MDX、画像処理、キャッシング、カスタムセットアップに関する課題を詳しく解説しています。新しいスタックの目標や、Next.jsの問題点、プラグインの問題、動的インポートの問題、Cloudflareデプロイメントの問題についても触れています。また、Wakuにたどり着くまでの経緯や、ページ速度の向上、カスタムMDXプラグインの作成、ホスティング、ビルドの速さの理由、価格設定、キャッシング、移行エラー、CSSについても議論されています。 • Wes BosはGatsbyからWaku、React Server Components、Cloudflare Workersに移行した。 • 移行の目的は、同じデザインを維持しつつ、パフォーマンスを向上させること。 • Next.jsにおけるプラグインや動的インポートの問題があった。 • Cloudflareへのデプロイメントに関する課題も存在した。 • 新しいスタックにより、ページ速度が向上し、カスタムMDXプラグインの作成が可能になった。 • ビルドが速い理由や価格設定、キャッシングの方法についても説明されている。
ep178 Monthly Platform 202505 | mozaic.fm
第 178 回のテーマは 2025 年 5 月の Monthly Platform です。
TypeScript, Security, and Type Juggling with Ariel Shulman & Liran Tal - JSJ 679
In this episode, we dove headfirst into the swirling waters of TypeScript, its real-world use cases, and where it starts to fall short—especially when it come
Relatively new things you should know about HTML with Chris Coyier (Repeat)
In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components.
906: Tech Startups and Raising Money with Dan Levine (Vercel, Sentry, Mux…)
このエピソードでは、VCのダン・レビンが登場し、開発者がベンチャーキャピタルを調達する方法や、投資家が初期段階のスタートアップに求める要素について語ります。レビンは、ブートストラップと資金調達の現実、優れたアイデアがしばしばシンプルなサイドプロジェクトから始まる理由についても触れています。具体的には、開発者が資金を調達するための戦略、投資家が重視するポイント、資金の使い道、投資家のビジネスへの影響力、スタートアップが困難に直面した際の対処法などが議論されます。 • 開発者がベンチャーキャピタルを調達する方法についての具体的な戦略 • 投資家が初期段階のスタートアップに求める要素 • ブートストラップと資金調達の現実 • 資金の使い道や投資家のビジネスへの影響力 • スタートアップが困難に直面した際の対処法
905: You Should Learn Nuxt!
Overview of the Nuxt meta-framework, its capabilities, and why CJ enjoys using it to build full-stack Vue applications.
ep.172『AI Code Agents Meetupと広がコーディングエージェント活用の輪』
@spring_rainingと@ytamemotが、社内で開催したイベント「AI Code Agents Meetup」や、今後の社内でのコーディングエージェント普及の展望について話しました。 ### アウトライン - 社内勉強会「AI Code Agents Meetup」 - @ytamemotがAIを活用して制作したデモアプリ「Toy Chat」 - 懇親会でのリアルタイム改善セッション - 今後の展望 - 継続的な開催の意向 - 社外向けイベントも検討中 ### イベントで作成したデモアプリ  ### ハッシュタグ [#UIT_INSIDE](https://x.com/search?q=%23UIT_INSIDE&src=typed_query)
Building Agentic AI Workflows with Matthew Henage - JSJ 678
In this episode, we sat down with full-stack developer and AI innovator Matthew Henage, creator of WAOS.ai (Web App Operating System) and the incredible storyte
The design of web design with Miriam Suzanne
Miriam Suzanne, web developer, artist, and co-founder of OddBird, talks about the philosophy and evolution of web design. We explore CSS origins, the cascade, accessibility, and how the balance between user control and brand expression defines the spirit of the web.
904: React vs Svelte × Windsurf Worth $3B × Typescript as Const × Layout Shift Tricks × More
In this episode, Wes and CJ discuss the Windsurf acquisition by OpenAI, the future of UI design, securing forms, using JSON for data, comparing React and Svelte, workflows for testing responsive design, and avoiding layout shifts with progressive enhancement.
903: Fork Yeah! Microsoft open sourcing Copilot
Erich Gamma and Kai Maetzel from the VS Code team announce open sourcing AI features from GitHub Copilot into core VS Code.
ep177 Monthly Ecosystem 202505 | mozaic.fm
第 177 回のテーマは 2025 年 5 月の Monthly Ecosystem です。
Reinventing Web Development with Brisa: A Conversation with Aral Roca - JSJ 677
In this week’s episode, it’s just me — Charles Max Wood — and I’m joined by the incredibly sharp and open-source-loving Aral Roca, direct from Barcelo
RedwoodSDK with Peter Pistorius
Peter Pistorius, co-creator of RedwoodJS, talks about the evolution from RedwoodJS GraphQL to the new Redwood SDK, a React framework built for Cloudflare. They dive deep into serverless architecture, React Server Components, durable objects, AI-assisted development, and the challenges of modern deployment and hosting. Learn how Redwood SDK is empowering developers to focus on building and shipping, instead of managing infrastructure.
902: Fullstack Cloudflare with React and Vite (Redwood SDK)
Peter Pistorius discusses Redwood SDK, a new React framework he created that runs on Cloudflare and focuses on performance, realtime capabilities, and simplicity.
901: JS News: New React & Svelte APIs, RSC Updates, Redwood and Storybook
Discussion of new JavaScript APIs and framework updates including React animations, Svelte asynchronous components, React Server Components in Parcel, RedwoodJS pivot, and Storybook 9 updates.
JSX over the wire with Dan Abramov
React Core team member Dan Abramov joins us to explore "JSX over the wire" and the evolving architecture of React Server Components. We dive into the shift from traditional REST APIs to screen-specific data shaping, the concept of Backend for Frontend (BFF), and why centering UI around the user experience—not server/client boundaries—matters more than ever.
Building Enterprise Infrastructure with Bit & AI with Gilad Shoham - JSJ 676
In this episode, I (Steve Edwards) flew solo on the mic but had the pleasure of hosting a truly insightful conversation with Gilad Shoham, VP of Engineering at
900: 13 New CSS Features You Can Start Using Today
Scott and Wes discuss 13 new CSS features you can start using today in your projects
899: GSAP: Killer Web Animations With Cassie Evans
Cassie Evans from GreenSock explains what GSAP is, why developers use it for animation, how it works, techniques for smooth performant animations, and new developments like GSAP becoming free and open source.
Replacing Create React App: Why Create TS Router App Is the Future of React Development - JSJ 675
We’ve been diving into the evolving landscape of React app development and why tools like Create TS Router App (CTA) are stepping up to fill the gap left by t
HTMX in 2025 with Carson Gross
Carson Gross, creator of HTMX, talks about its evolution from intercooler.js, its viral rise on social media, and its philosophy of simplicity and stability. They dive into how HTMX fits into the modern web dev ecosystem, the idea of building 100-year web services, and why older technologies like jQuery and server-side rendering still have staying power. Carson also shares insights on open-source marketing, progressive enhancement, and the future of web development.
898: Every Developer Needs a 3D Printer
Wes got a 3D printer and talks about how it works, use cases, places to get models, filament types, storage, modeling software and more.
897: Making Your App Feel Faster Than It Really Is
Tips and tricks to make web apps feel faster through perceived speed improvements
A guide to functional programming By Jemima Abu
Jemima Abu, Senior Product Engineer at CAIS, joins the podcast to unpack her no-fluff approach to functional programming in JavaScript. From why predictable code matters to how higher-order functions like map and reduce can save your sanity, Jemima breaks down real-world lessons on purity, immutability, and when it's okay to not be a functional purist.
ep176 Monthly Platform 202504 | mozaic.fm
第 176 回のテーマは 2025 年 4 月の Monthly Platform です。
896: Do I Still Need To Know JS/CSS/HTML with AI? × How To Sell An App × Is React Context Bad? × More
Wes and Scott answer developer questions sent in by listeners covering topics like AI, React, legacy code, app ideas, web development trends, and more.
Empowering Devs and Innovators: Inside Vercel’s Impact, Feature Flags, and the Rise of v0 - JsJ 674
In this episode, Lee Robinson, who works at Vercel, discusses the company’s impact on web development despite its relatively small size. He explains their app
895: React Server Components: Where are we at?
Discussion on status of React server components 5 years after introduction - only fully supported in Next.js and Waku currently, with partial support in other frameworks.
ep.171『AIでアクセシビリティ向上を身近に！社内ツールから始めるLINEギフトのalt充足化への取り組み』
@potato4d が @Pittan に、LINEギフトのアクセシビリティ向上のために活用している社内AIツールの中身を伺いました。 ### Dekashibe の実際の様子  ### 概要 - LINEギフト内で使用される画像に対する代替テキストをAIが生成するツール「Dekashibe」を開発。 - 画像の種別や文字数を指定して、AIが最適な代替テキストを提案。 ### 背景と課題 - システム的な制約で代替テキストの入力が難しかった。 - 経験が必要な代替テキストの作成をAIで補助。 ### ツールの詳細 - GPT-4oを使用して、画像の内容に応じた代替テキストを生成。 - バナーや商品棚画像など、用途に応じた��ロンプトを設定。 ### 反応と今後の展望 - 社内での反応はポジティブ。 - 今後は外部のショップにも導入を検討。 - 社内外のアクセシビリティ向上に向けた取り組みを継続。 ### 関連リンク - [LINEギフト公式サイト](https://linegift.line.me) - [アクセシビリティに関するイベント](https://cssnite.doorkeeper.jp/events/182232) ### ハッシュタグ [#UIT_INSIDE](https://x.com/search?q=%23UIT_INSIDE&src=typed_query)
Vite, frontend tooling & the future with Evan You
Vue creator Evan You joins us to talk about the evolution of JavaScript tooling, the success of Vite, and what's coming next with VitePlus — a unified toolchain aiming to simplify dev workflows. We also touch on Nitro, multi-runtime support, and where AI might (or might not) fit into the mix.
ep175 Monthly Ecosystem 202504 | mozaic.fm
第 175 回のテーマは 2025 年 4 月の Monthly Ecosystem です。
894: Open Source Matters w/ Chad Whitacre
Chad Whitacre from Sentry discusses the history of open source, differences between licenses and community-led vs single-vendor projects, Sentry
Building 50 Apps in 50 Days: The Power of Boring Stacks with Kelvin - JsJ_673
In this episode, we dive into an engaging conversation with Kelvin, where we explore his approach to full-stack JavaScript development and the power of using si
893: Everyone Is Talking About MCP
This episode discusses the Machine Context Protocol (MCP), which is a standardized protocol that allows large language models (LLMs) like ChatGPT to communicate with and control other applications and services. They talk about what MCP is, why it
Ghostty with Mitchell Hashimoto
Mitchell Hashimoto, founder of HashiCorp, joins us to talk about his latest project, Ghostty—a terminal that’s fast, feature-rich, and truly cross-platform. Mitchell shares the vision behind Ghostty, its architecture built around the libghosty core, how it's tackling long-standing limitations in terminal emulation, and why features like quake-style dropdowns matter more than you'd think. We also explore how the community can get involved and the future potential of Ghosty as a platform for modern text-based applications. Tune in to explore the innovative features that make Ghosty a standout cross-platform terminal!
892: The History of Syntax
The history behind the Syntax podcast, from its beginnings in 2016 to being acquired by Sentry in 2021.
Breaking Into Tech: Lessons from My Career Path - JsJ 672
This episode is a little different—thanks to a U.S. holiday, I’m flying solo. But that just means we get to have a one-on-one chat! I dive into my career j
891: Light and Dark Mode
Discussion on adding light and dark modes to sites, considerations when doing so, and new CSS features to help
Put your database in the browser with Ben Holmes
Ben Holmes, product engineer at Warp, joins PodRocket to talk about local-first web apps and what it takes to run a database directly in the browser. He breaks down how moving data closer to the user can reduce latency, improve performance, and simplify frontend development. Learn about SQLite in the browser, syncing challenges, handling conflicts, and tools like WebAssembly, IndexedDB, and CRDTs. Plus, Ben shares insights from building his own SimpleSyncEngine and where local-first development is headed!
ep174 Monthly Platform 202503 | mozaic.fm
第 174 回のテーマは 2025 年 3 月の Monthly Platform です。
890: Accepting Money on the Internet in 2025
Discussion on options and best practices for accepting payments online in 2025, including overview of payment processors, managing checkout flows, and avoiding fraud.
Pioneers of Computing: A Journey Through Tech History with Bob Martin - JsJ 671
In this episode, we dive into a fascinating mix of tech history, personal stories, and entertainment recommendations. We chat with Bob Martin, who shares insigh
889: Planning A Build
Wes and Scott discuss planning decisions for the Syntax v3 site rebuild including project management, code structure, tooling strategies, UI patterns, and more.
ep.170『JavaScriptエコシステムをより良くするe18e (Ecosystem Performance) の取り組み』
@spring_rainingが@alangdmに、JavaScriptエコシステム改善のイニシアチブe18e (Ecosystem Performance) の取り組みについて聞いてみました。 ## e18e (Ecosystem Performance) * https://e18e.dev/ * Cleanup、Speedup、Levelupの3つのエリアにフォーカスして、JavaScriptエコシステムの改善を目指す * Cleanup: 無駄なdependencyを整理し、エコシステム内でよく使われるツールやライブラリを最新化する * e18e/ecosystem-issues: https://github.com/e18e/ecosystem-issues * Speedup: 依存ライブラリが多い箇所を中心に、エコシステムの一部を高速化する * Levelup: 日常的に使用している確立されたツールやライブラリに対して、現代的で軽量な代替案を文書化し提供する * Tinylibs: https://github.com/tinylibs/ * unjs: https://github.com/unjs/ * es-tooling: https://github.com/es-tooling/
Debugging apps with Deno and OpenTelemetry with Luca Casonato
Luca Casanato, member of the Deno core team, delves into the intricacies of debugging applications using Deno and OpenTelemetry. Discover how Deno's native integration with OpenTelemetry enhances application performance monitoring, simplifies instrumentation compared to Node.js, and unlocks new insights for developers!
888: You Need a Monorepo × Client Only React × TanStack + More
In this potluck episode, Wes and Scott discuss monorepos, outdated Node packages, local storage, Next.js queries, Cloudflare Workers, ZeroSync with SvelteKit, full stack development, server update polling, domain names, and advice for new developers.
887: Vibe Coding Is a Problem
Discussion about AI assisted coding called vibe coding, where inexperienced developers quickly build apps by repeatedly prompting and tweaking code without closely reviewing it.
Moving to ESM from CJS with Anthony Fu
Anthony Fu, Framework Developer at Nuxt Labs, discusses the shift to ESM-only formats in JavaScript development. He covers the controversy surrounding ESM, the advantages of moving from CJS to ESM, and what this transition means for the future of web development. Tune in to learn why now is the ideal time for this change, and how it benefits developers!
886: AWS and IAC for Dummies with SST
Scott explains SST for configuring infrastructure on AWS and other providers, setting up a dev environment, debugging issues, and managing staging/production.
885: CSS Fonts Fallbacks, Variable and Trimming
Covers custom web fonts, strategies for handling font downloads, variable fonts for creative effects, and the text box trim/edge properties to control spacing.