Theme 第 164 回のテーマは 2024 年 10 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 130 Updates New in Chrome 130 https://developer.chrome.com/blog/new-in-chrome-130 Document Picture-in-Picture CSS nested declarations box-decoration-break What's new in DevTools, Chrome 130 https://developer.chrome.com/blog/new-in-devtools-130 Chrome 131 beta https://developer.chrome.com/blog/chrome-131-beta CSS CSS A

Theme 第 163 回のテーマは 2024 年 10 月の Monthly Ecosystem です。 Show Note VoidZero | Next Generation Tooling for the Web https://voidzero.dev/ https://voidzero.dev/posts/announcing-voidzero-inc Viteconf で発表 Evan You が立ち上げた新会社 JS のツールチェイン開発に注力する $4.6million のシードを調達 Vite, Vitest, OXC, Rspack などをやっていく 当面は Rolldown を安定させる Announcing Deno 2 https://deno.com/blog/v2.0 New Logo Backwards compatibility with Node.js

Theme 第 162 回のテーマは 2024 年 9 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 129 Updates New in Chrome 129 https://developer.chrome.com/blog/new-in-chrome-129 Break up long tasks with scheduler.yield() Animations with intrinsic sizes Changes to CSS anchor positioning What's new in DevTools, Chrome 129 https://developer.chrome.com/blog/new-in-devtools-129 Recorder supports export to Puppeteer fo

第 161 回のテーマは、 Node.js ユーザグループ会長である @yosuke_furukawa の愛車での Drive Talk です。 Show Note はこちら: https://mozaic.fm/episodes/161/drive-talk-tokyo.html

Theme 第 160 回のテーマは 2024 年 9 月の Monthly Ecosystem です。 Show Note What we got wrong about HTTP imports https://deno.com/blog/http-imports module の http imports は分散管理で良さそうと思ってはじめた しかし依存の管理は結局うまくスケールしなかった semver に乗りつつ、集中管理できる JSR を作った import map と一緒にそっちに移行した方がいい Deno 2 の展望も Node.js v22.7.0 https://nodejs.org/en/blog/release/v22.7.0 --experimental-transform-types が追加され、TypeScript の Enum や namespaces がコー

Theme 第 159 回のテーマは 2024 年 8 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 128 Updates New in Chrome 128 https://developer.chrome.com/blog/new-in-chrome-128 Line breakable <ruby> Promise.try PointerEvent.deviceProperties for multi-pen inking What's new in DevTools, Chrome 128 https://developer.chrome.com/blog/new-in-devtools-128 What's New in WebGPU (Chrome 128) https://developer.chrome.com/b

Theme 第 158 回のテーマは 2024 年 8 月の Monthly Ecosystem です。 Show Note Figma Config 2024 サマリ https://www.figma.com/blog/config-2024-recap/ Figma AI: Think bigger and build faster UI3: Figma, redesigned Figma Slides: Build, collaborate, and present Dev Mode updates: From design ready to dev complete Quality-of-life improvements: Auto Layout, UI Kits, and prototype viewer セッション一覧 https://www.youtube.com/pla

Theme 第 157 回のテーマは 2024 年 7 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 127 Updates New in Chrome 127 https://developer.chrome.com/blog/new-in-chrome-127 CSS font-size-adjust Document picture-in-picture: propagate user activation Keyboard focusable scroll containers. What's new in DevTools, Chrome 127 https://developer.chrome.com/blog/new-in-devtools-127 Inspect CSS anchor positioning in t

Theme 第 155 回のテーマは 2024 年 7 月の mozaic.fm renewal project です。 進捗 Jxck 既存記事のフォーマットを全部見直し mozaic-player をリファクタ中 background-fetch 周りは消す Sakito 検索 検索は検索ページ /search?q=xxx 検索ボックスは全ページ カテゴリも絞る場合は /search?q=xxx&c=platform 一覧 クエリをつけると ?c=platfrom で絞れる darkmode system を採用 - Hiroppy biome 修正 storybook 再構築中 検索機能実装完了 next/mdx を利用 frontmatter の中身どうだそうかなー .md + frontmatter は継続 remark plugin でビルド front matter の型はな

Theme 第 154 回のテーマは 2024 年 6 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 126 Updates Chrome 126 https://developer.chrome.com/release-notes/126 CSS Cross-document view transitions for same-origin navigations Web APIs Gamepad API trigger-rumble extension ChromeOS tabbed web apps toJSON() method for GeolocationCoordinates and GeolocationPosition WebGLObject Web IDL superinterface Re-enabling t

Theme 第 152 回のテーマは 2024 年 6 月の mozaic.fm renewal project です。 進捗 Jxck Hono -> Next.js に全部書き直し 既存のコードを捨てたので Figma, Storybook, Chromatic の連携もやり直し デプロイ済み https://mozaicfm.pages.dev/ Sakito 進捗なし、すいません。 Hiroppy フロントエンドのインフラ再作成 algolia 調査、別のライブラリ調査中 Pagefind タスク jxck markdown パース 自前 or Mdx (remark) markdown は最終的にはリポジトリに入れる こまかいところの実装開始 player component sakito デザイン案 カードレイアウトベース リスト切り替え? light/dark mobile

Theme 第 151 回のテーマは 2024 年 5 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 125 Updates Release notes | Chrome for Developers https://developer.chrome.com/release-notes/125 HTML and DOM Declarative shadow DOM serialization CSS CSS Anchor Positioning CSS stepped value functions-round(), mod(), and rem() New syntax for CSS custom :state() Remove discontinuity for Oklab and Oklch colors with ligh

Theme 第 150 回のテーマは 2024 年 5 月の Monthly Ecosystem です。 Show Note React 19 Beta - React https://react.dev/blog/2024/04/25/react-19 useActionSate の追加 useFormState には isPending がなく、その場合は useFormStatus を利用する必要があるがあったがそれらを統合した汎用的 hook として用意された useFormStatus 親の form のステータスを読む hook useOptimistic 楽観的更新を行う hook 先にユーザーに結果を返してしまい裏で実際の実行が終わると実際の結果を反映させることができる use Promise や Context を実行する関数 コンポーネントの top level 以外で

Theme 第 149 回のテーマは 2024 年 4 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 124 Updates New in Chrome 124 https://developer.chrome.com/blog/new-in-chrome-124 Use declarative shadow DOM in JavaScript WebSocket Stream API View transitions improvements And more! Further reading Subscribe Chrome 124 | Release notes https://developer.chrome.com/release-notes/124 What's new in DevTools, Chrome 124 h

Theme 第 148 回のテーマは 2024 年 4 月の mozaic.fm renewal project です。 進捗 jxck Honox で初期構成の PR Cloudflare のセットアップとデプロイ sakito 現状デザインの Figma への書き起こし カードレイアウト案作成 hiroppy pnpm への以降 インフラ周りの構築 タスク jxck honox での SPA markdown パース 自前 or Mdx (remark) こまかいところの実装開始 sakito デザイン案 カードレイアウトベース リスト切り替え? light/dark mobile 検索 タグ https://github.com/Jxck/jxck.io/blob/main/mozaic.fm/episodes/0/introduction-of-mozaicfm.md?plain=

Theme 第 147 回のテーマは 2024 年 4 月の Monthly Ecosystem です。 Show Note Next.js 14.2 https://nextjs.org/blog/next-14-2 この CSS の改善で、ずっとあった dev mode での定義順問題も直りそうっぽい https://github.com/vercel/next.js/issues/13092#issuecomment-2027344545 Angular and Wiz Are Better Together https://blog.angular.io/angular-and-wiz-are-better-together-91e633d8cd5a https://twitter.com/sarah_edo/status/1770478763253379488?s=20 NG C

Theme 第 146 回のテーマは 2024 年 3 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 123 Updates New in Chrome 123 https://developer.chrome.com/blog/new-in-chrome-123 light-dark() CSS function. Long Animation Frames API. Service worker Static Routing API. What's new in DevTools (Chrome 123) https://developer.chrome.com/blog/new-in-devtools-123 Emulate a focused page in Elements > Styles Google I/O 2024

Theme 第 145 回のテーマは 2024 年 3 月の mozaic.fm renewal project です。 Monthly Ecosystem では、様々なツールやフレームワーク、開発手法に触れていますが、実践する機会を確保するのが難しい場合もあります。 そこで、最新のフレームワークや手法を用いながら mozaic.fm のサイトを刷新するシリーズを始めます。 月一で進捗確認兼方針の相談などをそのまま配信していきます。 現状 現場の mozaic.fm は、 blog.jxck.io と同じスタックでできています。 markdown でエピソードの Show Note を書く 自作の markdwon パーサでパースし、筆者好みの HTML にレンダリングする EJS のレイアウトに流して静的な HTML を作成 音楽プレイヤーは自作の WebComponents それを h

Theme 第 143 回のテーマは 2024 年 3 月の Monthly Ecosystem です。 Show Note JSR (JavaScript Registry) https://jsr.io/ polyfill.io polyfill.io ドメインが売却された https://twitter.com/triblondon/status/1761852117579427975 cloudflare https://blog.cloudflare.com/polyfill-io-now-available-on-cdnjs-reduce-your-supply-chain-risk fastly https://polyfill-fastly.io/ funnull https://funnull.com/Partner/ RollDown https://github.co

第 143 回のテーマは mozaic.fm 10 周年記念イベントです。2024/03/08 に五反田ゲンロンカフェで実施したイベントの様子を配信します。Session 2 は、会場限定のコンテンツのため、本編には含まれていません。 Show Note はこちら: https://mozaic.fm/episodes/143/mozaicfm-10-years-anniv.html