ウェブ
EコマースUIデザインのベストプラクティス
この記事では、デジタルストアの3つの重要な部分と、顧客がより迅速かつ簡単にチェックアウト段階に到達できるようにそれぞれを設計するためにできることについて説明します。
続きを読むreact-three-fiberを使用したReactとThree.jsの詳細
`react-three-fiber`は、Reactとそのネイティブアプリケーションの3Dモデルとアニメーションのレンダリングを支援する強力なThree.jsレンダラーです。 このチュートリアルでは、Reactアプリケーションで3Dモデルを構成および構築する方法を学習します。
続きを読むGoogle CloudPlatformを使用したサーバーレスフロントエンドアプリケーションの構築
この記事では、サーバーレスアプリケーションとは何か、Google Cloudでどのように使用されるか、フロントエンドアプリケーションで使用できるシナリオについても学習します。
続きを読むApexChartsによるデータの視覚化
この記事では、ApexChartsと、ApexChartsが提供するさまざまなタイプおよびバリアントのチャートについて説明します。 その過程で、いくつかの種類のグラフを作成し、グラフの外観をカスタマイズする方法を学びます。
続きを読む静的サイトの国際化とローカリゼーション
国際化とローカリゼーションは、コンテンツを複数の言語で書くだけではありません。 送信するローカリゼーションとそれを実行するコードを決定するための戦略が必要です。 異なる言語だけでなく、同じ言語の異なる地域をサポートできる必要があります。
続きを読むビジュアルコミュニケーションの原則
私たちは言葉でコミュニケーションするように教えられています。 エッセイを書き、スピーチを準備し、メモを取ります。 しかし、言葉は情報やアイデアを伝えるための最良の選択肢であるとは限りません。 ストーリーを伝える最良の方法は、テキストの長い段落ではなく、慎重に作成されたビジュアルを使用することです。
続きを読むNext.jsAPIルートを使用してGraphQLサーバーを構築する方法
このガイドでは、Next.jsAPIルートの基本について説明します。 まず、それらが何であるか、およびAPIルートがRESTまたはGraphQLAPIと比較して有用である理由を説明します。 次に、Next.jsとGithubAPIを使用して最初のGraphQLサーバーを構築する方法を段階的に説明します。
続きを読むオンラインワークショップの運営方法
この記事では、CEO兼共同創設者のVitaly Friedmanが、Smashingが最近オンラインワークショップやオンライン会議をどのように運営しているか、そしてその過程で学んだ教訓を共有しています。
続きを読むフレーマーモーションの紹介
アニメーションは、正しく実行されると強力です。 ただし、CSSを使用して人目を引くアニメーションを作成するのは難しい場合があります。 入ってくるのはフレーマーモーションです。 Framer Motionを使用すると、美しいアニメーションを作成するためにCSSの専門家である必要はありません。 Framer Motionは、本番環境に対応したアニメーションと、これらのアニメーションをアプリケーションに統合するために対話できる低レベルのAPIを提供します。
続きを読む