ウェブ
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デザイナーと、採用時に彼らを見つけるためのノウハウが必要です。
続きを読む一般的なUIの課題に対応するスマートCSSソリューション
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について学びます。
続きを読むデザイナーと開発者の間のギャップを埋める
UXPinは最近、「マージ」と呼ばれる新機能をリリースしました。 このツールは、チームが期待する敏捷性と品質を向上させながら、設計と開発の溝を突破することを目的としています。 この新しいテクノロジーにより、設計チーム全体とエンジニアリングチームがどのように連携するかについて再考する可能性があります。
続きを読むオートフィルダークパターン
「ダークパターン」は、ユーザーをだまして、実際にはやりたくないことを実行させる、欺瞞的なUXパターンです。 この記事では、Alvaro Montoroが少し実験を行って、3つの異なるブラウザーでユーザーからプライバシーがどれだけ奪われているかを調べます。
続きを読むAnimXYZを使用したVueでの構成可能なCSSアニメーション
GSAPやFramerMotionなどのほとんどのアニメーションライブラリは、主にSCSSで構築された「最初の構成可能なCSSアニメーションツールキット」とラベル付けされたAnimXYZとは異なり、純粋にJavaScriptまたはTypeScriptで構築されています。短時間と小さなコードでウェブ上のアニメーション。
続きを読む