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

  • Angular と MongoDB を使用してブログ アプリケーションのホームページを構築する
    Angular と MongoDB を使用してブログ アプリケーションのホームページを構築する
    このチュートリアル シリーズの最初の部分では、Angular Web アプリケーションの作成を開始する方法を学びました。アプリケーションを設定し、ログイン コンポーネントを作成する方法を学習しました。シリーズのこのパートでは、MongoDB の銀行側と対話するために必要な REST API についてさらに詳しく説明します。また、ユーザーが正常にログインした後に表示されるホーム コンポーネントも作成します。はじめに このチュートリアル シリーズの最初の部分のソース コードを複製することから始めましょう。 gitclonehttps://github.com/royagasthyan/AngularBlogApp-LoginAngularBlogApp-Home プロジェクト ディレクトリに移動し、必要な依存関係をインストールします。 CD
    jsチュートリアル . express 1210 2023-09-03 23:49:01
  • ライブチャット: Modulus と Node.js を使用して実装
    ライブチャット: Modulus と Node.js を使用して実装
    このチュートリアルでは、Node.js、Socket.IO、MongoDB を使用してリアルタイム チャット アプリケーションを実装する方法を示し、その後、そのアプリケーションを一緒に Modulus にデプロイします。まず、この記事の最後で説明するアプリケーションの最終的な外観を示します。 Node.js がアプリケーションの核となり、Express が MVC、MongoDB がデータベース、そして Socket になります。 IOはリアルタイム通信に使用されます。完了したら、アプリケーションを Modulus にデプロイします。 MongoDB 部分は実際には Modulus 内に存在します。 1. シナリオ John はアプリケーションを使用したいと考えており、ブラウザで開きます。最初のページに
    &#&プレス . express 966 2023-09-03 23:25:13
  • React を他の広く使用されている Web 言語と接続する
    React を他の広く使用されている Web 言語と接続する
    React は JavaScript で書かれたビュー ライブラリであるため、スタック構成に依存せず、プレゼンテーション層として HTML と JavaScript を使用するほぼすべての Web アプリケーションに表示できます。 React は「MVC」の「V」に似ているため、独自のアプリケーション スタックを自由に作成できます。このガイドではこれまで、React と NodeES6/JavaScript ベースのフレームワークである Express の組み合わせを見てきました。 React 用の他の人気のあるノードベースのマッチングには、Meteor フレームワークと Facebook の Relay があります。既存のプロジェクトで React を活用したい場合
    PHPチュートリアル . express 850 2023-09-03 13:58:02
  • コンテンツ管理システムを作成する:nodePress
    コンテンツ管理システムを作成する:nodePress
    Go を使用して、フラット ファイル システムのコンテンツ管理システム (CMS) を正常に作成しました。次のステップでは、同じ概念を採用し、Node.js を使用して Web サーバーを作成します。ライブラリをロードし、サーバーを作成し、サーバーを実行する方法を説明します。この CMS は、最初のチュートリアル「CMS の構築: 構造とスタイル」で紹介されたサイト データ構造を使用します。したがって、この基本構造をダウンロードして、新しいディレクトリにインストールします。 Node と Node ライブラリを入手する Mac に Node.js をインストールする最も簡単な方法は、Homebrew を使用することです。 Homebrew をまだインストールしていない場合は、チュートリアル「Homebrew Revealed: The Ultimate Package Manager for OSX」でインストール方法が説明されています。 Homebrew を使用して Node をインストールするには。
    jsチュートリアル . express 1467 2023-09-03 13:53:05
  • React: 永続的なデータとシームレスなセッションの確保
    React: 永続的なデータとシームレスなセッションの確保
    「remember me」機能は非常に便利な機能で、React と Express を使用して比較的簡単に実装できます。 WebRTC チャット アプリケーションをセットアップする前の部分を続けて、Mongo がサポートする永続セッションと、データベースがサポートするオンライン ユーザーのリストを追加します。セッション?これまでにセッションを使用したことがない場合、セッションはアプリケーションのアクティブ ユーザーをリアルタイムで追跡できるという点で Cookie に非常に似ています。セッションは実際には、アプリケーションの要求/応答ヘッダーで送信されるセッション Cookie を介して機能します。したがって、Cookie とセッションは本質的に絡み合っています。すでに Cookie がある場合は、
    jsチュートリアル . express 840 2023-09-01 21:49:05
  • バックエンド開発に Node.js と PHP のどちらを選択するか
    バックエンド開発に Node.js と PHP のどちらを選択するか
    この記事では、Web アプリケーション用の 2 つの人気のあるバックエンド テクノロジである PHP と Node.js について説明します。次のプロジェクトに適切なバックエンド テクノロジーを選択できるように、それらの主な違いについて説明します。はじめに まず、これら 2 つのバックエンド テクノロジとは何か、またそれらが何に使用されるかを理解しましょう。 PHPPHP は、PHP: Hypertext Preprocessor の再帰的な略語です。これは再帰的な略語なので、最初の「P」は実際には PHP を表します。しかし、元々は個人のホームページツールのことを指しました。 1994 年にラスムス レルドルフによって作成されました。 PHP の公式ドキュメントによると、PHP は広く使用されているオープンソースの汎用スクリプト言語で、特に Web 開発に適しており、HTML に埋め込むことができます。 PHP
    PHPチュートリアル . express 1755 2023-09-01 06:00:01
  • Node.js と Express を使用して最初の API を作成する: データベースに接続する
    Node.js と Express を使用して最初の API を作成する: データベースに接続する
    Node.js と Express を使用した REST API の構築: データベースへの接続 最初のチュートリアル「RESTful API について」では、REST アーキテクチャとは何か、HTTP リクエスト メソッドと応答とは何か、RESTful API エンドポイントを理解する方法を学びました。 2 番目のチュートリアル「ExpressAPI サーバーのセットアップ方法」では、Node の組み込み http モジュールと Express フレームワークを使用してサーバーを構築する方法と、作成したアプリケーションをさまざまな URL エンドポイントにルーティングする方法を学びました。現在、API エンドポイントが GET リクエストでヒットしたときに、静的データを使用してユーザー情報を JSON ソースの形式で表示します。このチュートリアルでは、
    &#&プレス . express 1117 2023-08-30 13:33:19
  • NodeJS、Socket.io、ExpressJS を使用したライブ チャット
    NodeJS、Socket.io、ExpressJS を使用したライブ チャット
    NodeJS を使用すると、私のお気に入りの言語の 1 つである JavaScript でバックエンド コードを作成できます。これは、リアルタイム アプリケーションを構築するのに最適なテクノロジです。このチュートリアルでは、ExpressJS と Socket.io を使用して Web チャット アプリケーションを構築する方法を説明します。環境のセットアップ もちろん、最初に行うことはシステムに NodeJS をインストールすることです。 Windows または Mac ユーザーの場合は、nodejs.org にアクセスしてインストーラーをダウンロードできます。 Linux をお好みの場合は、このリンクを参照することをお勧めします。これについては詳しく説明しませんが、インストールに関する問題が発生した場合は、この記事の下にコメントを残していただければ喜んでサポートさせていただきます。 NodeJSをインストールしたら、
    &#&プレス . express 1089 2023-08-29 12:49:14
  • GraphQL を理解する: GraphQL の概要
    GraphQL を理解する: GraphQL の概要
    概要 GraphQL は、アドホック クエリと操作のためのエキサイティングな新しい API です。非常に柔軟性があり、多くの利点があります。これは、グラフやツリー形式で整理されたデータを公開するのに特に適しています。 Facebook は GraphQL を 2012 年に開発し、2015 年にオープンソース化しました。それは急速に成長し、最も注目されているテクノロジーの 1 つになりました。多くの革新的な企業が本番環境で GraphQL を採用し、使用しています。このチュートリアルでは、次のことを学びます: GraphQL の原理 REST との比較 アーキテクチャの設計方法 GraphQL サーバーのセットアップ方法 クエリと変更の実装方法、およびその他の高度なトピック GraphQL はどこで輝くのでしょうか?データが階層的またはグラフィカルに編成されており、フロントエンドがそのレイヤーにアクセスしたい場合
    jsチュートリアル . express 1459 2023-08-28 22:05:12
  • MySQL と SQL Server の違い
    MySQL と SQL Server の違い
    MySQL と SQLServer は両方ともリレーショナル データベース管理システム、つまり RDBMS です。 MySQL はオープンソースで無料で使用できますが、SQLServer は Microsoft からライセンスを受けた製品です。 MySQL と SQLServer の重要な違いを次に示します。紳士諸君。いいえ キー MySQLSQLServer1 所有/開発 MySQL は Oracle が所有します。 SQLServer の開発者である Microsoft。 2 言語サポート MySql は C++、Java、およびその他のプログラミング言語をサポートし、Perl、TCL、および Haskel の実行サポートを提供します。 SQLServer は、C++、Java、Ruby、およびその他のプログラミング言語、VisualBasic をサポートします。
    mysql チュートリアル . express 2992 2023-08-28 17:05:02
  • WebMan テクノロジーを使用して高品質のオンライン学習プラットフォームを構築
    WebMan テクノロジーを使用して高品質のオンライン学習プラットフォームを構築
    WebMan テクノロジーを使用して高品質のオンライン学習プラットフォームを構築します インターネットの急速な発展に伴い、オンライン学習方法の人気が高まっています。ただし、市場のオンライン学習プラットフォームは多種多様であり、ユーザー エクスペリエンスや機能の違いにより困難が生じることがよくあります。この問題を解決するには、WebMan テクノロジーを使用して、より優れたオンライン学習プラットフォームを作成します。 WebMan は、強力な Web アプリケーションを迅速に構築するのに役立つ、Web テクノロジーに基づくアプリケーション開発方法です。ここでは、WebMan テクノロジーの使用方法を紹介します。
    Workerman . express 1218 2023-08-27 13:07:44
  • WebMan技術を活用したオンライン音声会議システムの導入
    WebMan技術を活用したオンライン音声会議システムの導入
    タイトル: WebRTC テクノロジーを使用したオンライン音声会議システムの実装 はじめに: グローバル化の進展とリモートワークの普及に伴い、オンライン音声会議システムは現代の企業コミュニケーションとコラボレーションのための重要なツールとなっています。この記事では、WebRTC テクノロジーを使用して Web ベースの電話会議システムを構築する方法を紹介し、コード例を通じて実装の詳細を示します。パート 1: WebRTC テクノロジーの概要 WebRTC (WebReal-TimeCommunication) はブラウザーで使用できるテクノロジーです
    Workerman . express 1159 2023-08-26 15:10:45
  • VMware と NVIDIA が企業向け生成 AI の時代を到来
    VMware と NVIDIA が企業向け生成 AI の時代を到来
    VMware と NVIDIA は本日、VMware クラウド インフラストラクチャを使用する数千の企業が AI 時代に備えることを支援するための戦略的パートナーシップの拡大を発表しました。 VMware Private AI Foundation と NVIDIA により、企業はモデルをカスタマイズし、インテリジェントなチャットボット、アシスタント、検索と要約などのさまざまな生成型 AI アプリケーションを実行できるようになります。このプラットフォームは、VMware Cloud Foundation 上に構築され AI 用に最適化された、NVIDIA が提供する生成 AI ソフトウェアとアクセラレーション コンピューティングを使用する、完全に統合されたソリューションとして機能します。 VMware CEO の Raghu Raghuram 氏は次のように述べています。
    AI . express 1242 2023-08-25 08:45:07
  • メルセデスの新型 EQC Mk2: 2025 年の純粋な電気革命を明らかにする
    メルセデスの新型 EQC Mk2: 2025 年の純粋な電気革命を明らかにする
    8月23日のニュースによると、海外の有名な自動車メディアであるAutoExpressは最近、メルセデスの新しい純粋な電気自動車EQCMk2の路上テスト写真と詳細を明らかにする目を引くレポートを発表した。報道によると、この2025年のEQCは、メルセデスがより高度な電気自動車技術に向けた動きを示し、新しいMMAプラットフォームを採用する予定だという。以前に使用されていたEVAプラットフォームと比較して、MMAプラットフォームはより高いバッテリー容量とより高度な電気エンジン技術を備えています。このモデルでは、シングルモーターおよびデュアルモーター電源システムの選択肢が提供され、さまざまな電源構成に対する消費者のニーズにさらに対応します。メルセデス初の量産純粋電気モデルとして、EQC は航続距離と効率のバランスを見つけることに重点を置いています。 AutoExpre によると
    IT業界 . express 672 2023-08-24 10:33:07
  • AdobeのAI画像編集ツールExpressがオンライン化
    AdobeのAI画像編集ツールExpressがオンライン化
    アドビは8月17日、AI画像デザイン・編集ツール「Express」のテストが完了し、正式に全ユーザーに公開されたことを発表した。「Express」正式版では、Adobe Fireflyが提供するAI生成機能を利用して画像を作成するなど、多くの新機能が導入されている。さまざまなテキスト効果や画像を使用して、さまざまなコンテンツを編集できます。さらに、Express の正式版では、ビデオ、画像、音楽を結合して簡単にビデオ制作を完了することもできます。Adobe Express のデスクトップ版が正式にリリースされ、モバイル アプリケーションも近々アップデートされる予定です。写真は DoNews より
    AI . express 1396 2023-08-17 19:37:08

ツールの推奨事項

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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。