ウェブ

リアルタイムのマルチユーザーゲームをゼロから構築する方法

この記事では、リアルタイムゲームAutowuzzlerの構築の背後にあるプロセス、技術的な決定、および教訓に焦点を当てます。 Colyseusを使用してリアルタイムで複数のクライアント間でゲームの状態を共有する方法、Matter.jsを使用して物理計算を行う方法、Supabase.ioにデータを保存する方法、SvelteKitを使用してフロントエンドを構築する方法を学びます。

ユーザーのモーション設定の尊重

`prefers-reduced-motion`メディアクエリは、数年前にさかのぼるすべての最新のブラウザで優れたサポートを提供します。この記事では、Michelle Barkerが、サイトをよりアクセスしやすくするために今日それを使用しない理由がない理由を説明します。

私がいつも望んでいたSSGの構築：11ty、Vite、JAMサンドイッチ

2020年1月に、Ben Holmesは、ほぼすべてのWeb開発者が毎年行うこと、つまり自分の個人サイトを再構築することに着手しました。この記事では、彼がどのようにして絶対的なグラウンドゼロから独自のビルドパイプラインを構築し、「Slinkity」を作成したかについてのストーリーを共有しています。

Gatsby関数を使用したAPIの構築

このチュートリアルでは、Paul ScanlonがGatsby関数を使用してAPIを構築する方法と、GatsbyCloudにデプロイする際に留意する必要があることについて説明します。

ジェフ・スミスとのスマッシングポッドキャストエピソード42：DevOpsとは何ですか？

このエピソードでは、DevOpsについて話します。それは何ですか、そしてそれはあなたのウェブ開発の弓に追加するための文字列ですか？ドリュー・マクレランが専門家のジェフ・スミスと話をして調べます。

Next.jsを利用したEコマースWebサイトでのCLS問題の解決（ケーススタディ）

累積レイアウトシフトは、デバッグに不可欠な最も難しいコアWebの1つです。この記事では、CLSを調査するためのさまざまなツール、それらを使用する場合（および使用しない場合）、およびNext.jsベースのeコマースWebサイトで直面したCLSの問題のいくつかの解決策について説明します。

プログラマーのためのシンプルだが効果的なメンタルヘルスルーチン

この記事では、ワークライフバランスの管理が重要である理由、シンプルで効果的なメンタルヘルスルーチンを開発する方法、およびカスタムルーチンを作成するために使用できる最も一般的で効率的な手法について説明します。

UX/UIデザイナーを評価するためのヒントとコツ

あなたがユニークな製品を提供しているために顧客はあなたのアプリを使い始めるかもしれませんが、ユーザーエクスペリエンスが彼らをとどまらせるものです。そのためには、優れたUXデザイナーと、採用時に彼らを見つけるためのノウハウが必要です。

CSSを書くことは、おそらく今日ほど楽しくエキサイティングなことではありません。この投稿では、私たち全員が仕事で直面しなければならない一般的な問題とユースケース、およびそれらを最新のCSSで解決する方法を見ていきます。興味のある方は、最近[CSS監査ツール]（https://www.smashingmagazine.com/2021/03/css-auditing-tools/）、[CSSジェネレーター]（https：// www.smashingmagazine.com/2021/03/css-generators/）、[フロントエンドボイラープレート]（https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/）および[ VSコード拡張]（https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/）—それらも役立つかもしれません。

TypeScriptで柔軟なコンポーネントを構築するための便利なReactAPI

React with JSXは、使いやすいコンポーネントを作成するための素晴らしいツールです。 Typescriptコンポーネントは、開発者がコンポーネントをアプリに統合し、APIを探索することを絶対に喜ばせます。この記事では、コンポーネントを次のレベルに引き上げ、さらに優れたReactコンポーネントを構築するのに役立つ3つのあまり知られていないReactAPIについて学びます。