現在位置:ホームページ > 技術記事 > ウェブフロントエンド

  • Astro コレクション ローダーを構築する方法
    Astro コレクション ローダーを構築する方法
    Astro の 1.14 リリースでは、コンテンツ レイヤー API が導入され、ローカル ファイルを超えてコンテンツ コレクションが拡張されました。 Astro は一般的なデータ ソース (RSS、CSV など) 用のローダーを提供しますが、カスタム ローダーの作成は簡単です。 このガイドではビルドについて説明します
    jsチュートリアル 206 2025-01-17 08:35:09
  • Daily JavaScript Challenge #JS - オブジェクトの配列をプロパティで並べ替える
    Daily JavaScript Challenge #JS - オブジェクトの配列をプロパティで並べ替える
    Daily JavaScript Challenge: オブジェクトの配列をプロパティごとに並べ替える こんにちは、みんな! ? 今日の JavaScript コーディング チャレンジへようこそ。一緒にプログラミングスキルを磨きましょう! チャレンジ 難易度: 中 トピック: 配列と並べ替え 説明する オブジェクトの配列を指定すると、各オブジェクトには 2 つのプロパティ、「name」 (文字列) と「age」 (整数) が含まれます。 「age」プロパティに基づいて配列を昇順に並べ替える関数を作成します。 2 つのオブジェクトの年齢が同じ場合、ソートされた配列では元の順序が維持されます。 始める準備はできていますか? https://www.dpcdev.com/ このチャレンジをコピーする 解決策を書いてください 根
    jsチュートリアル 888 2025-01-17 08:33:08
  • GitHub アクションと JavaScript を使用して Kafka トピックの作成と削除を自動化する方法
    GitHub アクションと JavaScript を使用して Kafka トピックの作成と削除を自動化する方法
    Kafka トピックの作成と削除を自動化することは、イベント駆動型アーキテクチャを使用する開発者にとって重要です。 成長するシステムを扱うかインフラストラクチャを実装するかにかかわらず、Kafka デプロイメントが拡大するにつれて手動管理は非現実的になります
    jsチュートリアル 793 2025-01-17 08:32:09
  • ほのとアストロの使い方
    ほのとアストロの使い方
    Astro: 強力な Web フレームワークで、私の現在のお気に入りです。その多用途性により、幅広いプロジェクトに最適です。 ただし、API 開発に関しては Hono が際立っています。 Hono: ユーザーフレンドリーな RPC システム (tRPC に似た) を備えたシンプルでポータブルな API フレームワーク
    jsチュートリアル 337 2025-01-17 08:31:10
  • WebGPU チュートリアル: Web 上のコンピューティング、頂点、およびフラグメント シェーダー
    WebGPU チュートリアル: Web 上のコンピューティング、頂点、およびフラグメント シェーダー
    WebGPU は、最先端の GPU コンピューティング機能を Web にもたらし、共有コード ベースを使用してすべての消費者プラットフォームに利益をもたらすことを約束するグローバル テクノロジです。 その前身である WebGL は強力ですが、コンピューティング シェーダー機能が著しく不足しており、アプリケーションの範囲が制限されています。 WGSL (WebGPU Shader/Compute Language) は、Rust や GLSL などの分野のベスト プラクティスを活用しています。 WebGPU の使い方を学んでいると、ドキュメントにいくつかのギャップがあることに気づきました。計算シェーダーを使用して頂点シェーダーとフラグメント シェーダーの関連データを計算するための簡単な出発点を見つけたいと思っていました。 このチュートリアルのすべてのコードの単一ファイル HTML は https://githu で入手できます。
    jsチュートリアル 915 2025-01-17 08:30:10
  • 厄介なバグの修正 (モーダルの理解) - パート 1
    厄介なバグの修正 (モーダルの理解) - パート 1
    Next.js プロジェクトの迷惑なバグをデバッグする 先週のある時点で、私は主に Next.js で構築され、Shadcn コンポーネント ライブラリを使用してスタイル設定された新しいプロジェクトに取り組み始めました。構築中に、特に厄介なバグに遭遇しました。
    jsチュートリアル 388 2025-01-17 08:29:08
  • string.indexOf() の内部
    string.indexOf() の内部
    こんにちは、開発者の皆さん! 今日は、indexOf()メソッドを一から実装してみました。これまでのところ、次のことがわかりました。 関数 myIndexOf(文字列, ターゲット, 開始 = 0) { l = ターゲットの長さ; //開始インデックスが負の場合は調整します if (開始 < 0) { 開始 = string.length 開始; } // 開始インデックスが文字列長の範囲内であることを確認してください if (スタ
    jsチュートリアル 183 2025-01-17 08:27:08
  • Vite プロジェクトに最適な React-TypeScript スターター テンプレート
    Vite プロジェクトに最適な React-TypeScript スターター テンプレート
    リンク: 反応-ts-スターター この Vite-React スターター キットは、次のプロジェクトをすぐに開始できるように設計されています。 これが役に立ったと思われる場合は、GitHub リポジトリにスターを付けて感謝の気持ちを示してください。 ⭐ 含まれるものは次のとおりです。 最適化されたプロジェクト構造 事前設定されたTa
    jsチュートリアル 522 2025-01-17 04:35:09
  • Next.js でのルーティング – 次のアプリで App Router を使用する方法
    Next.js でのルーティング – 次のアプリで App Router を使用する方法
    Next.js 14 の App Router は、app/ ディレクトリ内のファイルベースのルーティング システムによりルート管理に革命をもたらします。このアプローチにより、アプリケーションの構造、モジュール性、パフォーマンスが向上します。 このガイドでは、効果的な App Router 実装の概要を説明します。
    jsチュートリアル 920 2025-01-17 04:33:12
  • シンプルな To-Do リスト用に TypeScript を使用して Vite をセットアップする
    シンプルな To-Do リスト用に TypeScript を使用して Vite をセットアップする
    このチュートリアルでは、Vite と TypeScript を使用して基本的な ToDo リスト アプリを作成する方法を説明します。 外部フレームワークやライブラリを使用せずに、Vite のコア機能に焦点を当てて、物事を簡単に説明していきます。 プロジェクトのセットアップ Node.js と npm が適切であることを確認してください
    jsチュートリアル 679 2025-01-17 04:31:08
  • JavaScript で HTTP リクエストを行うさまざまな方法
    JavaScript で HTTP リクエストを行うさまざまな方法
    この記事では、ドキュメントやチュートリアルから得た基礎知識に基づいて、HTTP リクエストを行うためのさまざまな JavaScript メソッドについて説明します。 いくつかの実践的なアプローチを検討します。 Fetch API: 最新の組み込み JavaScript メソッド
    jsチュートリアル 684 2025-01-17 04:30:12
  • 見逃せない必見の GitHub リポジトリ!
    見逃せない必見の GitHub リポジトリ!
    1. YAML ベースの URL およびシェル コマンド短縮ツール ?ウェブサイト: https://gittech.site/github/item/42729388... ? GitHub リポジトリ: https://github.com/NishantJoshi00/yamlink ?公開日: 2025 年 1 月 16 日木曜日 19:06:11 GMT 2. Deno Monorepo テンプレート: オープンサワー
    jsチュートリアル 442 2025-01-17 04:28:38
  • MERN スタック開発者になる方法: 包括的なガイド
    MERN スタック開発者になる方法: 包括的なガイド
    テクノロジー業界は急速に成長しており、多くの機会があり、フルスタック開発は最も需要のあるスキルの 1 つです。多くのテクノロジー スタックの中でも、MERN スタック (MongoDB、Express.js、React、Node.js で構成) は、その効率性と多用途性で際立っています。 MERN スタック開発者になりたい場合は、このガイドで必要な手順を説明します。 1. Web開発の基本を理解する MERN スタックに取り組む前に、次の基礎がしっかりしていることを確認してください。 HTML: Web ページの構造。 CSS: スタイルとレイアウト。 JavaScript: Web インタラクションの基礎。 freeCodeCamp または M を使用できます
    jsチュートリアル 564 2025-01-17 02:42:12
  • 本当にAbortControllerを知っていますか?
    本当にAbortControllerを知っていますか?
    多くの開発者は AbortController を理解していると思っているかもしれませんが、その機能は基本をはるかに超えています。フェッチリクエストのキャンセルからイベントリスナーやReactフックの管理まで。 AbortController がどれほど強力であるかを本当に知っていますか?見てみましょう:
    jsチュートリアル 787 2025-01-17 02:38:09
  • 検証、認証、認可
    検証、認証、認可
    コンテンツの概要 この記事では、Express.js を使用した基本的な CRUD API の作成について説明した以前のチュートリアルを拡張し、検証、認証、認可といった重要なセキュリティ面に焦点を当てます。 前の例に基づいて説明しますので、よく理解してください。
    jsチュートリアル 821 2025-01-17 02:35:11

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。