ウェブ

プロジェクトで使用できる便利なReactフック

ReactチームはReact16.8にいくつかのフックを導入しました。これらのフックは、アプリケーションでサードパーティプロバイダーから使用したり、独自のカスタムフックを作成したりすることもできます。このチュートリアルでは、Reactで最も役立つフックのいくつかとその使用方法を見ていきます。

コピーライティングスキルを強化するための50のリソースとツール

失敗するコピーを書くのに時間と労力を無駄にしないでください。あなたのコピーライティングゲームを上げて、これらの豊富で有益なオンラインリソースであなたの説得力を高めてください。

Node.jsを使用してAmazon製品スクレーパーを構築する方法

Amazonが保持する豊富なデータは、商品をデザインしたり、掘り出し物を探したりするときに大きな違いを生む可能性があります。しかし、開発者はどのようにしてそのデータを取得できますか？ウェブスクレイパーを使用することで簡単にできます。 Node.jsを使用してデータ抽出ボットを構築する方法は次のとおりです。

モバイルUXリサーチにおける視線追跡

テクノロジーのおかげで、視線追跡は、研究者がユーザーの視覚的注意についての洞察を得ることができるため、UX研究によりアクセスしやすくなりました。この記事では、視線追跡市場の最新の傾向と、その方法論をUX研究者のツールボックスに含める方法について説明します。

Nxを使用したNext.jsアプリケーションの最適化

Nxは、最適化、アプリケーションの効率的なスケーリング、および共有ライブラリやコンポーネントなどの他の機能を容易にするビルドフレームワークです。この記事では、Nxを使用してNext.jsアプリケーションを効果的にスケーリングする方法を見ていきます。

CSSのオブジェクトフィットと背景サイズの詳細

この記事では、 `object-fit`と`background-size`がどのように機能するのか、いつ使用できるのか、そしてその理由と、いくつかの実用的な使用例と推奨事項について説明します。飛び込みましょう。

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

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

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

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

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

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