2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード (#1157)

* Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update 677 draft * Update _i18n/ja/_posts/2024/2024-01-21-astro-4.2-bun-1.0.23bun-shell-remixspa.md * Delete _i18n/ja/_posts/2024/2024-01-21-677draft.md * Update _i18n/ja/_posts/2024/2024-01-21-astro-4.2-bun-1.0.24bun-shell-remixspa.md * Delete _i18n/ja/_posts/2024/2024-01-21-astro-4.2-bun-1.0.23bun-shell-remixspa.md * Update _i18n/ja/_posts/2024/2024-01-21-astro-4.2-bun-1.0.24bun-shell-remixspa.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
jser · Jan 21, 2024 · d7ce935 · d7ce935
1 parent 75da481
commit d7ce935
Showing 1 changed file with 242 additions and 0 deletions.
diff --git a/_i18n/ja/_posts/2024/2024-01-21-astro-4.2-bun-1.0.24bun-shell-remixspa.md b/_i18n/ja/_posts/2024/2024-01-21-astro-4.2-bun-1.0.24bun-shell-remixspa.md
@@ -0,0 +1,242 @@
+---
+title: "2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード"
+author: "azu"
+layout: post
+date: 2024-01-21T02:13:29.882Z
+category: JSer
+tags:
+- Tools
+- nodejs
+- React
+- canvas
+- editor
+
+---
+
+JSer.info #677 - Astro 4.2がリリースされました。
+
+- [Astro 4.2 | Astro](https://astro.build/blog/astro-420/)
+
+Astro 4.2では、Prerenderingの実験的なオプションとしてSpeculation Rules APIを使ったPrerenderingをサポートしています。
+また、`injectRoute`やファイルベースのルーティングが衝突した時の新しい優先度ルールをopt-inでサポートしています。
+その他には、`redirectToDefaultLocale`オプションを追加することでデフォルト言語へのリダイレクトを無効化できるように、アクセシビリティルールの追加などがあります。
+
+---
+
+Bun v1.0.24がリリースされました。
+
+- [Bun v1.0.24 | Bun Blog](https://bun.sh/blog/bun-v1.0.24)
+
+Bun v1.0.24では、Bun Shellという[zx](https://github.com/google/zx)のようにシェルスクリプトを扱うための`---
+title: "2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード"
+author: "azu"
+layout: post
+date: 2024-01-21T02:13:29.882Z
+category: JSer
+tags:
+- Tools
+- nodejs
+- React
+- canvas
+- editor
+
+関数の追加されています。
+`---
+title: "2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード"
+author: "azu"
+layout: post
+date: 2024-01-21T02:13:29.882Z
+category: JSer
+tags:
+- Tools
+- nodejs
+- React
+- canvas
+- editor
+
+ではクロスプラットフォームサポートのために、パイプやビルトインコマンドなどを実装しています。
+また、GlobやJavaScriptのObjectに対して実行結果を書き込むような機能も持っています。
+
+詳細は、次の記事やドキュメントを参照してください。
+
+- [The Bun Shell | Bun Blog](https://bun.sh/blog/the-bun-shell)
+- [$ Shell – API | Bun Docs](https://bun.sh/docs/runtime/shell)
+
+---
+
+[Remix の SPA モード](https://azukiazusa.dev/blog/remix-spa-mode/)という記事では、Remixに実験的に実装されているSPAモードについて紹介しています。
+
+- [SPA Mode (Unstable) | Remix](https://remix.run/docs/en/main/future/spa-mode)
+
+記事では、クライアントレンダリングのみで動作するSPAモードの使い方や制限などについて紹介しています。
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Prettier 3.2: Support JSONC and Angular’s ICU expression · Prettier
+[prettier.io/blog/2024/01/12/3.2.0.html](https://prettier.io/blog/2024/01/12/3.2.0.html "Prettier 3.2: Support JSONC and Angular’s ICU expression · Prettier")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Prettier 3.2リリース。
+`jsonc`パーサのサポート、AngularのICU expressionのサポート。
+
+
+----
+
+## iDraw.js | iDraw.js
+[idraw.js.org/docs/en-US/](https://idraw.js.org/docs/en-US/ "iDraw.js | iDraw.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">canvas</span> <span class="jser-tag">library</span> <span class="jser-tag">editor</span></p>
+
+Canvasベースの図形の描画ライブラリとGUIエディタ。
+
+
+----
+
+## Node.js — Node v21.6.0 (Current)
+[nodejs.org/en/blog/release/v21.6.0](https://nodejs.org/en/blog/release/v21.6.0 "Node.js — Node v21.6.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v21.6.0リリース。
+`net.createConnection`にconnectionに関するイベントの追加、Permission Modelに`--allow-addons`を追加など
+
+
+----
+
+## Astro 4.2 | Astro
+[astro.build/blog/astro-420/](https://astro.build/blog/astro-420/ "Astro 4.2 | Astro")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Astro 4.2リリース。
+実験的なオプションとしてSpeculation Rules APIを使ったPrerenderingをサポート。`injectRoute`やファイルベースのルーティングが衝突した時の新しい優先度ルールをopt-inでサポート。
+`redirectToDefaultLocale`オプションを追加し、デフォルト言語へのリダイレクトを無効化できるように、アクセシビリティルールの追加など。
+
+
+----
+
+## Bun v1.0.24 | Bun Blog
+[bun.sh/blog/bun-v1.0.24](https://bun.sh/blog/bun-v1.0.24 "Bun v1.0.24 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.0.24リリース。
+
+Bun Shellというzxのようにシェルスクリプトを扱うための`$`関数の追加、`perf_hooks`の互換性改善など
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## Migrating from Zod to Valibot: A Comparative Experience | Matthew Kwong
+[mwskwong.com/blog/migrating-from-zod-to-valibot-a-comparative-experience](https://mwskwong.com/blog/migrating-from-zod-to-valibot-a-comparative-experience "Migrating from Zod to Valibot: A Comparative Experience | Matthew Kwong")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+ZodからValibotへの移行してみての比較記事
+
+
+----
+
+## Remix の SPA モード
+[azukiazusa.dev/blog/remix-spa-mode/](https://azukiazusa.dev/blog/remix-spa-mode/ "Remix の SPA モード")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Remix</span> <span class="jser-tag">article</span></p>
+
+Remixに実験的に実装されているSPAモードについて
+
+
+----
+
+## React Libraries for 2024
+[www.robinwieruch.de/react-libraries/](https://www.robinwieruch.de/react-libraries/ "React Libraries for 2024")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span> <span class="jser-tag">library</span></p>
+
+Reactアプリケーション開発にカテゴリごとのライブラリやツール紹介
+
+
+----
+
+## Designing better target sizes
+[ishadeed.com/article/target-size](https://ishadeed.com/article/target-size "Designing better target sizes")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">Design</span> <span class="jser-tag">mobile</span></p>
+
+ユーザーがアクションをトリガーするためにクリックやタップする領域であるターゲットサイズについての記事。
+タッチサイズ、Spacing、フィードバック。
+実際のウェブサイトの例として、階層メニューのSafe Areaの三角形をclip-pathで定義する方法、ナビゲーションのUI、プレイヤーのUI、チェックボックスのUIなどについて。
+
+
+----
+
+## npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts - Socket
+[socket.dev/blog/2023-npm-retrospective](https://socket.dev/blog/2023-npm-retrospective "npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts - Socket")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">article</span></p>
+
+npmレジストリ上のパッケージの分析記事。
+毎月のダウンロード数、依存関係数が多いパッケージ、ダウンロード数が多いパッケージ、2023年に初めてリリースされてダウンロードが多いパッケージ。
+そのほかには、パッケージサイズが大きいパッケージやメンテナー数が多いパッケージについてなど
+
+
+----
+
+## Introducing fsx: A modern filesystem API for JavaScript - Human Who Codes
+[humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/](https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/ "Introducing fsx: A modern filesystem API for JavaScript - Human Who Codes")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">deno</span> <span class="jser-tag">article</span></p>
+
+Node.jsやDenoのFile System APIを抽象化したライブラリ。
+ファイル操作のログの取得やテスト用にメモリ上で動くAdapterの実装も含まれている。
+
+- [humanwhocodes/fsx: A modern filesystem API for JavaScript](https://github.com/humanwhocodes/fsx "humanwhocodes/fsx: A modern filesystem API for JavaScript")
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## Parsing Javascript - Speaker Deck
+[speakerdeck.com/brn/parsing-javascript](https://speakerdeck.com/brn/parsing-javascript "Parsing Javascript - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">ECMAScript</span> <span class="jser-tag">slide</span></p>
+
+JavaScript言語のパースについてスライド。
+パースの手法、JSはLL(1)の文法ではあるがBNFレベルでの厳密なパースが難しいため、手書きされることが多いことについて。
+正規表現リテラル/テンプレートリテラル/分割代入などのパースが難しい構文、PreParsingという最適化手法についてなど
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## cloudflare/next-on-pages: CLI to build and develop Next.js apps for Cloudflare Pages
+[github.com/cloudflare/next-on-pages](https://github.com/cloudflare/next-on-pages "cloudflare/next-on-pages: CLI to build and develop Next.js apps for Cloudflare Pages")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">cloudflare</span> <span class="jser-tag">Next.js</span></p>
+
+Cloudflare PagesでNext.jsのアプリケーションを動かすツール
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## wevm/vocs: Minimal Documentation Framework, powered by React + Vite.
+[github.com/wevm/vocs](https://github.com/wevm/vocs "wevm/vocs: Minimal Documentation Framework, powered by React + Vite.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">vite</span> <span class="jser-tag">document</span> <span class="jser-tag">Tools</span></p>
+
+ReactとViteを使ったドキュメントサイトフレームワーク
+
+
+----
+
+## penrose/penrose: Create beautiful diagrams just by typing notation in plain text.
+[github.com/penrose/penrose](https://github.com/penrose/penrose "penrose/penrose: Create beautiful diagrams just by typing notation in plain text.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">diagram</span> <span class="jser-tag">library</span></p>
+
+テキストで宣言的に色々なダイアグラムを描画できるライブラリ。
+
+
+----