Web 開発で先を行く: 最新ニュース、ツール、洞察 #67-jsチュートリアル-php.cn

Stay ahead in web development: latest news, tools, and insights #67

ここからニュースレターに登録すると、毎週のダイジェストが受信箱に届きます。

weeklyfoo #67 はこちらです: 知っておくべきすべての Web 開発ニュースの毎週のダイジェストです!今回は6カテゴリー39本の貴重なリンクをご紹介します！お楽しみください!

?読んでみてください！

AI 支援コーディングがソフトウェアエンジニアリングをどのように変えるか: 厳しい真実: 期待を再考する必要がある理由と、ソフトウェアエンジニアリングが実際に何であるかについても説明するフィールドガイド。ソフトウェアエンジニア兼エンジニアリングリーダーのアディオスマニによるゲスト投稿、Gergely Orosz 著、Addy Osmani / llms、ai、エンジニアリング / 26読んだ分
Node.js による 10 億行の挑戦: コードを高速化する方法を知りたい場合に最適です。ジャッキー・エフェンディ著 / パフォーマンス / 14 分で読める

?知っておいてよかった

React デザインパターン: インスタンスフックパターン: このパターンを使用して、動作が制御された再利用可能なコンポーネントを作成します。サハジ・ジェイン著 / 反応 / 6 分で読める
Next.js は必要ありません。ComfyDeploy ダッシュボードを Next.js から React by BennyKok / react、nextjs / 6 分読む
/ openai / 11 分で読める
/ デバッグ / 8 分で読める
/ llms / 38 分で読める
/ ターミナル / 6 分で読める
/ 予測 / 33 分で読む
/ nodejs、typescript / 5 分で読めます
/ epub / 10 分で読めます
ベクターデータベースの使用に関する穏やかな紹介: この中で、Pinecone と OpenAI の埋め込みを使用して単純なベクターデータベースを構築する方法を学び、それが予想よりもはるかに簡単であることを発見しました。 Steve Kinney 著 / データベース / 10 分で読めます
GitHub アクションの理解作業ディレクトリ: Github アクションで作業ディレクトリを管理します。 John Ajera 著 / github / 8 分で読める
htmx の将来: htmx の展望 Carson Gross、Alex Petros 著 / htmx / 6 分で読める
TanStack Start の紹介: TanStack Start について考える最良の方法は、これが私たちがすでに知っていて愛用している TanStack Router 上の薄いサーバー層であるということです。つまり、TanStack Router から何も失われることはありません。 by Adam Rackis / tanstack / 19 分で読める
何が強いエンジニアを強くするのか?: TLDR: 自信、現実主義、スピード、技術的能力 by Sean Goedecke / キャリア、エンジニアリング / 6 分で読めます
2024 JavaScript Rising Stars: JavaScript Rising Stars の第 9 版へようこそ。2024 年の JS エコシステムを形成するトップトレンドとプロジェクトへのガイドです。作成者: ridingstars.js.org / javascript / 32 分で読めます
pnpm 10: pnpm の次のメジャーバージョン by pnpm / pnpm / 9 分で読める
Docusaurus 3.7: Docusaurus の次のマイナーバージョン。 Sébastien Lorber 著 / ドキュメント / 5 分で読めます
ケーススタディ — Haskell アプリケーション内で JavaScript コンポーネントを使用する: バージョン 9.8 以降の GHC では、JS から Haskell コードへのコールバックを作成できるため、本格的なブラウザアプリを作成できます。この記事では、外部コンポーネントライブラリで JS バックエンドを使用する方法を説明します。 Mateusz Goślinowski 著 / haskell、javascript / 15 分で読めます

?ツール

LogLayer: ログメッセージ、メタデータ、エラーを指定するための流暢な API を提供しながら、ログをさまざまなログライブラリやクラウドプロバイダーにルーティングする統合ロガーです。 by loglayer.dev / ロギング
CSS Flexbox Playground: さまざまなフレックスプロパティを試して、レイアウトにどのような影響を与えるかを理解します。以下のコントロールを調整して変更をリアルタイムで確認し、生成された CSS コードをコピーします。 Yoav Sabag 著 / css、フレックスボックス
カラースペース: カラースペースは、一貫性のある予測可能な色見本を生成するためのツールです。ショーン・ハルピン著 / カラー
boardgame.io: ターンベースゲームの状態管理とマルチプレイヤーネットワーキング by boardgame.io / games、state
21st.dev: 設計エンジニア向けの npm: 21st.dev / ui による最高の shadcn ui スタイル反応追い風コンポーネント、ブロック、フックの厳選されたコレクション
awesome-speaking: 人前で話すことに関する素晴らしいリソースのコレクション。投稿を希望される場合は、投稿ガイドラインをお読みください。マテオ・フィガス / 話す
Toolfolio: 必要なすべてのツールが 1 か所にまとめられています (toolfolio.io / ギャラリー)
Release It!: release-it / ci によるバージョニングとパッケージ公開の自動化
見た目: Web サイトのリンクがソーシャルメディア、テキスト、その他の共有プラットフォームでどのように表示されるかをすぐに確認できます。オスマン・アリ / ソーシャル
タイプスケールジェネレーター: landin.gs / css、tailwind によってタイプスタイルを生成します。
React Leaflet: Leaflet マップ用の React コンポーネント by Paul Le Cam / maps、react
postal-mime: Postal Systems によるブラウザおよびサーバーレス環境用の電子メールパーサー / email
T3 チャット: ping.gg / ai による最速の AI チャットボット

?デザイン

2025 年のデザイナー向けの新しいフロントエンド機能: 最も柔軟なフロントエンドワークフローとツールキットを探していると、最近では Web の基礎の一部がどれほど強力になっているかを忘れがちです。この投稿では、新しいフロントエンド機能とその機能について説明します。 Cosima Mielke 著 / css / 19 分で読める
2025 年に最もホットな UI コンポーネントライブラリ 7 つ - コピーと貼り付け: もちろん、shadcn も含まれています。 by designup.co / ui / 11 分で読めます

?楽しい

ギャラリーエクスペリエンス: このエクスペリエンスでは、美しく改装され再考された id Software の DOOM (1993) の E1M1 内で、ワインを飲みながら無料のオードブルを楽しみながら、歩き回って美術品を鑑賞することができます。 by boba / ゲーム / 11 分で読めます

?チュートリアル

HTML と CSS を使用した最高の新年あけましておめでとうございますアニメーション: 少し遅れましたが、どのように作られているかを知ることができて良かったです。 by Jon Snow / アニメーション / 4 分で読める
スクロール駆動の CSS アニメーションを使用してヒーロー要素をアニメーション化します。非常に見栄えの良い効果です。 Stefan Judis著 / css / 15 分で読めます
CSS でテキストのバランスを取る: テキストのバランスを良くする方法 by Ahmad Shadeed / css / 15 分で読む