ウェブ

ソール・バスがWebデザインについて教えてくれること

映画のクレジット、ブランドのロゴ、ポスター…ソール・バスがすべてを行い、彼の作品に影響を与えた原則は、50年前と同じように今でも価値があります。

続きを読む

React、Redux、Sanity.ioを使用したWebアプリの構築

ヘッドレスCMSは、コンテンツを管理し、APIにアクセスするための強力で簡単な方法です。 React上に構築されたSanity.ioは、柔軟なコンテンツ管理のためのシームレスなツールです。 単純なアプリケーションから複雑なアプリケーションをゼロから構築するために使用できます。 この記事では、IfeanyiがSanity.ioとReactを使用して簡単なリストアプリを作成する方法を説明します。 グローバル状態はReduxで管理され、アプリケーションはstyled-componentsでスタイル設定されます。

続きを読む

TypeScriptでの動的静的入力

この記事では、共用体型、条件型、テンプレートリテラル型、ジェネリックスなど、TypeScriptのより高度な機能のいくつかを見ていきます。 ほとんどのバグが発生する前にキャッチできるように、最も動的なJavaScriptの動作を形式化したいと考えています。

続きを読む

魅力的で便利なチャットボットを作成する方法

何が良いチャットボット体験を作るのですか? ほとんどの人は機知に富んだ応答と機械学習について考えていますが、チャットボットUXの基本は、実際にはコンテンツ戦略に根ざしています。 人間のように聞こえ、人々を引き付けるチャットボットを開発する方法を学びます。

続きを読む

設計から開発者に優しいReactコードまで数分でAnimaを使用

この記事では、静的なデザインを実際のフィールド、フォーム、マップ、アニメーションを備えたライブのコードベースのプロトタイプに変換し、このプロトタイプをReactコードに変換する方法を学習します。これらはすべて1つのツールに統合されています。

続きを読む

ハリーロバーツとのスマッシングポッドキャストエピソード34:Webパフォーマンスの状態は何ですか?

このエピソードでは、Webパフォーマンスについて話します。 2021年のパフォーマンスの状況はどのようになっていますか? ドリュー・マクレランが専門家のハリー・ロバーツと話をして調べます。

続きを読む

リモートワークを機能させる:便利なツールとリソース

リモートで作業するときに、創造性、集中力、整理力を維持するにはどうすればよいですか? リモートワークを最大限に活用するために、日常的に使用する便利なツールとリソースをいくつか集めました。

続きを読む

フリーランスプロジェクトにノーと言うとき

空腹のフリーランサーにとって、仕事を辞めるのは難しいかもしれません。 しかし、長期的には、不適合なプロジェクトにノーと言うことは、あなたをより良いフリーランサーにするでしょう。 この記事は、フリーランサーやコンサルタントが、機会や要求をいつ拒否するか、そしてそれを積極的かつ親切に行う方法について批判的に考えるのに役立ちます。

続きを読む

SmashingMagのパフォーマンスをどのように改善したか

この記事では、Webパフォーマンスを最適化し、Core Web Vitalsメトリックを改善するために、このサイト(Reactを使用したJAMStackで実行)で行った変更のいくつかを詳しく見ていきます。 私たちが犯したいくつかの間違いと、全面的にすべての指標を後押しするのに役立った予期しない変更のいくつかがあります。

続きを読む

イーサリアムブロックチェーン用のNode.jsAPIを構築する方法

この記事では、John Agbanusiが、分散化のためにイーサリアムブロックチェーンを構築してデプロイすることにより、Node.jsAPIを最初から構築する方法について説明します。 また、APIとブロックチェーンの両方を「分散型アプリケーションAPI」と呼ばれる単一のAPIに統合するステップバイステップのプロセスも示しています。

続きを読む