Skip to content

Commit

Permalink
add monthly article (#280)
Browse files Browse the repository at this point in the history
  • Loading branch information
b4h0-c4t committed Apr 24, 2024
1 parent 22c8e55 commit 38929af
Showing 1 changed file with 76 additions and 0 deletions.
76 changes: 76 additions & 0 deletions src/content/posts/2024/04.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,44 @@ fetchLater APIはデータ解析などに必要なデータをサーバに送信

### 📖 Framework, Library

- [Bun 1.1](https://bun.sh/blog/bun-v1.1)
- Bun 1.1 リリース。Windows 対応や Node.js 互換性の向上、WebSocket サポートといったアップデートが盛り込まれています。
- [React Server Components now in RedwoodJS](https://redwoodjs.com/blog/rsc-now-in-redwoodjs)
- RedwoodJS が Bighorn エポックのプレビューにて RSC をサポート
- [Deno 1.42: Better dependency management with JSR](https://deno.com/blog/v1.42)
- Deno 1.42 リリース。JSR での依存管理や npm との互換性についてのアップデートが盛り込まれています。
- [tailwindcss-signals : Signals for Tailwind CSS](https://github.com/brandonmcconnell/tailwindcss-signals/)
- Tailwind で style queries を利用したカスタマイズを可能にするプラグイン
- [Pragmatic drag and drop](https://atlassian.design/components/pragmatic-drag-and-drop/about)
- `react-beautiful-dnd` の開発元である Atlassian が新たにリリースした D&D ライブラリ
- [ESLint v9.0.0 released](https://eslint.org/blog/2024/04/eslint-v9.0.0-released/)
- ESLint の v9 リリース。FlatConfig のデフォルト化など
- [tailwindcss-mixins](https://github.com/brandonmcconnell/tailwindcss-mixins)
- Tailwind CSS で、複数の要素に同時に適用するユーティリティのグループを定義できるプラグイン
- [pnpm v9.0.0-rc.0](https://github.com/pnpm/pnpm/releases/tag/v9.0.0-rc.0)
- pnpm の v9.0.0-rc.0 リリース。Node v16 のサポート終了や `pnpm licenses list --json` の出力変更など
- [node-unicode-data](https://github.com/node-unicode/node-unicode-data)
- JavaScript 互換の Unicode データジェネレータ
- [next-view-transitions](https://github.com/shuding/next-view-transitions)
- Next.js の App Router で View Transitions API を使うためのライブラリ
- [Biome v1.7](https://biomejs.dev/blog/biome-v1-7/)
- Biome v1.7 リリース。ESLint や Prettier から Biome
- [Next.js 14.2](https://nextjs.org/blog/next-14-2)
- Next.js 14.2 リリース。パフォーマンスの向上や、キャッシュ機能の強化など

---

### ⚡️ Services

- [Making state easy with D1 GA, Hyperdrive, Queues and Workers Analytics Engine updates](https://blog.cloudflare.com/making-full-stack-easier-d1-ga-hyperdrive-queues)
- Cloudflare の D1 と Hyperdrive が GA に。価格も発表されており、無料枠については今後有料化の予定はないと明言しています。
- [How we built JSR](https://deno.com/blog/how-we-built-jsr)
- The JavaScript Registry で採用されている技術構成を紹介している記事
- [In Slidev 0.49 (currently in beta), we will get draggable elements just like what you have in Keynote/PowerPoint!](https://twitter.com/Slidevjs/status/1777886096124248241)
- Slidev の v0.49 beta にて、ドラッグで回転・移動・サイズ変更ができる要素が利用可能に
- [Vitest - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=vitest.explorer)
- Vitest の VSCode 拡張。Vitest のテストを実行、デバッグ、監視などができます。

---

### 💬 Languages
Expand All @@ -54,6 +92,44 @@ fetchLater APIはデータ解析などに必要なデータをサーバに送信

### 🖥 Browsers

- [Release Notes for Safari Technology Preview 192](https://webkit.org/blog/15260/release-notes-for-safari-technology-preview-192/)
- Safari Technology Preview 192 リリース。View Transitions サポートなど
- [Intent to Ship: CSS Anchor Positioning](https://groups.google.com/a/chromium.org/g/blink-dev/c/jGTYNuidPRs/m/-jB4agJ7AAAJ?pli=1)
- Chrome 125 にて実装予定である CSS Anchor Positioning の仕様に関する記録

---

### 🦆 Others

- [【2024 年 4 月 1 日の TypeScript ニュース】次期バージョンでオブジェクト型に追加される新機能の紹介](https://qiita.com/uhyo/items/787a475bb618811d3771)
- TypeScript の新機能追加を元にしたエイプリルフール記事。バージョン 5.5.555 に実装予定の Arranged Field Definition という存在しない機能の紹介をしています。
- [【告知】「フロントエンドカンファレンス北海道 2024」を、2024 年 8 月 24 日(土)に開催します! ](https://note.com/fec_hokkaido/n/nbb62b53069a5)
- 2024 年 8 月 24 日土曜日に北海道札幌市にて「フロントエンドカンファレンス北海道 2024」が開催されます。
- [On disabled and aria-disabled attributes](https://kittygiraudel.com/2024/03/29/on-disabled-and-aria-disabled-attributes/)
- disabled と aria-disabled 属性の使い分け方について解説している記事
- [Introducing “pages router”](https://waku.gg/blog/introducing-pages-router)
- RSC のミニマムフレームワーク Waku がファイルベースルーティングをサポート
- [React フレームワークの 動向と選定基準](https://speakerdeck.com/azukiazusa1/react-huremuwakuno-dong-xiang-toxuan-ding-ji-zhun)
- React フレームワークの動向と選定基準について解説しているスライド
- [CSS color-scheme-dependent colors with light-dark()](https://web.dev/articles/light-dark)
- CSS Module Level 5 で追加された `light-dark()` でダークモード対応をするための記事
- [Power of Partial Prerendering with Bun](https://aralroca.com/blog/partial-prerendering)
- Bun の Prerendering macro プラグインを使って Next.js の Partial Prerendering のような挙動を実現できるという記事
- [SPA モードの Remix を GitHub Pages にデプロイする](https://zenn.dev/cybozu_frontend/articles/remix-spa-mode-gh-page)
- SPA モードの Remix を GitHub Pages にデプロイする GitHub Actions の紹介
- [!important で上書きできないブラウザのスタイルとは](https://zenn.dev/cybozu_frontend/articles/user-agent-stylesheet)
- 強力なスタイルの適用優先度をもつ `!important` でも上書きができない場合がある `Important user agent declarations` やその他の優先度に関するルールの紹介
- [New Flow Language Features for React](https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0)
- Flow が React 向けに追加した独自構文についての紹介
- [フロントエンドにおけるフィーチャーフラグ標準化のための「OpenFeature Web SDK v1」がリリース。CNCF から](https://www.publickey1.jp/blog/24/openfeature_web_sdk_v1cncf.html)
- Cloud Native Computing Foundation が Feature flag の標準化を目指す一環として OpenFeature Web SDK v1 をリリース
- [SolidStart now works with Deno](https://twitter.com/undefined_void/status/1774075965557133508)
- Deno が SolidStart サポートを開始
- [Learn JavaScript | web.dev](https://web.dev/learn/javascript)
- web.dev の公開している講義シリーズに JavaScript のコースが追加
- [History of JS interop in Dart](https://medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f)
- Dart 3.3 で WasmGC に対応したのを機に Dart がこれまで実施してきた JS との相互運用性の取り組みをまとめた記事
- [Japanese Svelte Companies](https://github.com/svelte-jp/japanese-svelte-companies)
- Svelte/SvelteKit を採用している日本企業がまとめられた記事
- [Trip report: Node.js collaboration summit (2024 London)](https://nodejs.org/en/blog/events/collab-summit-2024-london)
- Node.js のコントリビュータやコミュニティメンバーが集まる Node.js [コラボレーションサミット](https://nodejs.org/en/about/get-involved/collab-summit)で話された内容のまとめ

0 comments on commit 38929af

Please sign in to comment.