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

  • 関数構成:保守可能なコードの構成要素
    関数構成:保守可能なコードの構成要素
    JavaScript関数の組み合わせ:より保守可能なコードを作成します JavaScript関数の組み合わせは、複数の単純な関数を単一のより複雑な関数に組み合わせる手法であり、特定のデータで特定のデータで論理的な順序で実行されることを実行します。関数が適用される順序は、異なる結果を生成します。 保守可能なコードを記述するには、各関数の返品タイプを理解して、次の関数が正しく処理できるようにすることが重要です。 JavaScriptは、組み合わせが不適切なタイプの機能を返すことを妨げないため、責任のこの部分はプログラマーにあります。 機能的なプログラミングパラダイムに精通していない人のために、機能を組み合わせるとコードが複雑に見える可能性があります。ただし、ES2015構文の出現では、矢印文字を使用してください
    jsチュートリアル 800 2025-02-17 11:19:09
  • 反応せずにredux
    反応せずにredux
    この記事は、Vildan Softicによって査読されました。 SetePointのコンテンツを完璧にしてくれたSetePointのすべてのピアレビューアに感謝します! 私は、ゼロから始めて、すべてがどのように機能するかを理解するのが好きな開発者のようなものです。私はこれが自分自身に(不必要な)ワークロードをもたらすことを知っていますが、特定のフレームワーク、ライブラリ、またはモジュールの背後にあるメカニズムを理解し理解するのに役立ちます。 最近、私は別の瞬間を経験し、ReduxとPure JavaScriptを使用してWebアプリケーションの開発を開始しました。この記事では、アプリケーション構造の概要を説明し、早期(最終的に失敗した)反復を調べてから、最終的に選択したソリューションと学んだことを見たいと思います。 キーポイント
    jsチュートリアル 681 2025-02-17 11:09:13
  • キャッシュFETCED AJAXリクエストはローカルにリクエストします。フェッチAPIをラップします
    キャッシュFETCED AJAXリクエストはローカルにリクエストします。フェッチAPIをラップします
    この記事は、招待された著者ピーター・ベンツソンによって書かれています。 SitePointの特別ゲスト投稿は、JavaScriptコミュニティの有名な作家やスピーカーから素晴らしいコンテンツを提供するように設計されています この記事では、フェッチされたリクエストのローカルキャッシュを実装する方法を示しているため、繰り返し実行された場合、セッションストアから読み取られます。これの利点は、キャッシュするすべてのリソースのカスタムコードを記述する必要がないことです。 次のJavaScriptパーティーを披露し、約束、最先端のAPI、およびローカルストレージを処理するためのさまざまなスキルを披露したい場合は、読み続けてください。 主な利益 Fetch APIを使用すると、開発者は冗長性を減らすことでAjaxリクエストのローカルキャッシュを作成できます
    jsチュートリアル 563 2025-02-17 11:06:10
  • NGRX/Storeを使用したAngular 2アプリの状態の管理
    NGRX/Storeを使用したAngular 2アプリの状態の管理
    NGRX/Storeを使用してAngular 2のアプリケーション状態の管理:包括的なガイド この記事では、RXJを活用するRedux実装であるNGRX/Storeライブラリを使用して、Angular 2アプリケーションの効果的な状態管理について説明します。 チャレンに対処します
    jsチュートリアル 688 2025-02-17 11:05:15
  • 6無料の材料設計CSSフレームワークは、2017年のフレームワークを比較しました
    6無料の材料設計CSSフレームワークは、2017年のフレームワークを比較しました
    Googleのマテリアルデザイン:CSSフレームワークに深く潜ります 重要な考慮事項: 2014年のデビュー以来、Googleのマテリアルデザインは、多数のGoogle製品とそれ以降の支配的なデザイン言語になりました。 Web開発者はその美学を活用できます
    CSSチュートリアル 915 2025-02-17 11:04:13
  • JavaScript 3D Minecraftエディターの構築
    JavaScript 3D Minecraftエディターの構築
    この記事では、CSS変換、HTML、およびJavaScriptのみを使用して、初歩的な3D Minecraftスタイルの世界を構築し、複雑な3Dプログラミングを回避します。 著者は既存のCSS知識を活用して、Z-Index、Lのような概念を強調しています
    jsチュートリアル 984 2025-02-17 10:55:10
  • クイックヒント:JavaScriptの工場機能とは何ですか
    クイックヒント:JavaScriptの工場機能とは何ですか
    JavaScript Factory機能:構成可能なオブジェクトを構築するための強力なパターン JavaScriptファクトリー関数は、オブジェクトを返す関数であり、新しいキーワードまたはこのキーワードを使用せずに複数の類似オブジェクトを作成します。この記事では、パラメトリック工場関数、構成可能な工場関数、非同期工場機能、高度な工場関数など、工場機能のいくつかの用途を調べて、それらを使用してより柔軟で容易なJavaScriptコードを維持する方法を示します。 コアコンセプト 工場関数:オブジェクトの関数を返します。 パラメーター化された工場関数:返品オブジェクト構造を変更するパラメーターを受け入れる工場関数。 構成可能な工場関数:他の工場関数を組み合わせることで複雑なオブジェクトを構築する作業
    jsチュートリアル 709 2025-02-17 10:54:13
  • NodeとHerokuでFacebookチャットボットを構築します
    NodeとHerokuでFacebookチャットボットを構築します
    Joan YinとCamilo Reyesが査読したNode.jsとHerokuを使用してFacebookチャットボットを構築します。 SitePointコンテンツを最高の状態にしてくれたすべてのSitePointピアレビューアに感謝します! 昨年のF8会議で、Facebookはメッセンジャープラットフォームを立ち上げ、開発者がメッセンジャーやFacebookのページで人々と話すことができるボットを作成できるようにしました。ロボットを使用すると、アプリケーションの所有者は、パーソナライズされたインタラクティブなコミュニケーションを提供することにより、ユーザーとより適切に対話できます。
    jsチュートリアル 848 2025-02-17 10:52:14
  • jQueryプラグインの開発の紹介
    jQueryプラグインの開発の紹介
    jQueryプラグイン:開発効率を向上させるための強力なツール この記事では、jQueryプラグインの開発を詳細に調べ、その利点を説明し、独自のプラグインを段階的に作成するように導きます。 jQueryプラグインは、開発時間を大幅に短縮し、コードの再利用を改善できます。一度機能コードを書き込むだけで、複数のプロジェクトで再利用でき、開発効率を大幅に改善できます。例としてFancyToggleというサンプルプラグインを使用して、プラグイン開発のさまざまなリンクを実証します。このプラグインは、リスト項目などのネストされた要素の可視性を切り替えるために使用され、FAQセクションなどのアコーディオンに似たインタラクティブなコンポーネントを作成します。 Codepenにアクセスして、FancyToggleプラグインを表示できます
    jsチュートリアル 578 2025-02-17 10:50:13
  • CSSボックスモデルの管理
    CSSボックスモデルの管理
    CSSボックスモデル:Webレイアウトを理解するための鍵 CSSを理解する上で最も重要なことは、すべてがボックスであることです。より具体的には、ドキュメント内の各要素がボックスを生成します。このボックスは、ブロックレベルのボックスまたはインラインレベルのボックスにすることができます。ボックスのタイプは、要素がページレイアウトにどのように影響するかを決定します。 CSSボックスモデルは、HTML要素のレイアウトとサイズを説明するために使用される概念です。各要素には、コンテンツ、塗りつぶし、境界線、マージン用のボックスが含まれています。これらのボックスは組み合わさって、要素のコンテンツのレイアウトと隣接する要素が並んで表示される方法を決定します。 要素がボックスを作成するかどうか、どのタイプのボックスが作成されるかは、マークアップ言語に依存します。 CSSは、HTMLドキュメントのスタイルに進化しました
    CSSチュートリアル 721 2025-02-17 10:49:11
  • node.js、git、およびマークダウンを使用してマイクロブログを構築します
    node.js、git、およびマークダウンを使用してマイクロブログを構築します
    node.js、git、およびマークダウンに基づいてマイクロブログを構築します この記事では、node.js、git、およびいくつかの依存関係を使用してマイクロブログを構築する方法について説明します。このアプリは、リポジトリに提出されたファイルから静的コンテンツを提供するように設計されています。アプリケーションを構築およびテストする方法を学び、ソリューションを提供するプロセスに関する洞察を得ることができます。最終的には、構築できるミニマリストで実行可能なブログアプリケーションがあります。 キーポイント: node.jsは、不必要な複雑さを必要としないマイクロブログプラットフォームを構築するのに理想的なAPIのバランスの取れたセットを提供します。 GITは、従来のデータベースを使用せずにブログ投稿をバージョン化されたテキストドキュメントとして保存するために使用されます。 マークド
    jsチュートリアル 537 2025-02-17 10:48:14
  • chart.js 2.0の紹介
    chart.js 2.0の紹介
    この記事は、現代のJavaScriptアンソロジーの一部です。 Modern JavaScriptの包括的なガイドについては、SitePoint Premiumを探索してコピーをダウンロードしてください。 Tim SeverienとSimon Codringtonによるピアレビュー。 すべてのSitePointのピアレビュアーに感謝します!
    jsチュートリアル 1019 2025-02-17 10:47:09
  • 強力な軽量グラフィックライブラリであるGraphicsJSの紹介
    強力な軽量グラフィックライブラリであるGraphicsJSの紹介
    HTML5:モダンネットワークの礎石。今日、SVGとキャンバスは、インタラクティブな画像を作成するときに選択された技術であることがよくあります。フラッシュは忘れられており、シルバーライトはネットワークの端で珍しいユニコーンになり、サードパーティのプラグインを覚えている人はほとんどいません。 各手法の長所と短所は十分に文書化されていますが、要するに、SVGはインタラクティブな要素の作成と処理に適しています。これは、SVGがXMLベースのベクトル形式であり、タグを使用して画像がページにロードされると、その中の各要素をSVG DOMで使用できるためです。 この記事では、SVGに基づいた新しい強力なオープンソースJであるGraphicsJSを紹介したいと思います。
    jsチュートリアル 295 2025-02-17 10:42:15
  • RAMDA.JSを使用した実践的な機能プログラミング
    RAMDA.JSを使用した実践的な機能プログラミング
    この記事は、Yaphi Berhanu、Vildan Softic、Jani Hartikainen、Dan Princeによってレビューされました。 SitePointコンテンツを最高の状態にしてくれたすべてのSitePointピアレビューアに感謝します! JavaScriptの魅力の1つは、機能的なプログラミング機能です。最初から、機能はJavaScriptの世界の一流の市民でした。これにより、多くの方法で簡単にまとめることができるエレガントで表現力豊かなコードを作成できます。ただし、機能的なプログラミングを単独で実行する機能を持つことは、機能的なプログラミングを自動的に実装することはできません。 Ramda.jsは非常にです
    jsチュートリアル 285 2025-02-17 10:40:10
  • ウェブサイトの速度テストの紹介:画像分析ツール
    ウェブサイトの速度テストの紹介:画像分析ツール
    ウェブサイトの速度とユーザーエクスペリエンスの向上:ウェブサイトの速度テストで写真を最適化する 画像は、Webページの重量の大部分を説明するため、システムの画像の最適化は、変換率とユーザーエクスペリエンスにとって重要です。選択したパフォーマンステストツールは、ウェブサイトの構築とメンテナンスに大きく影響します。 WebPageTestは、Webページのパフォーマンスを測定および分析するために設計された人気のあるオープンソースツールです。そのため、CluderinaryはWebサイトの速度テストを開始するために彼らと協力することを選択しました。 Webサイト速度テストは、単純な圧縮チェックをはるかに超えて最適化の提案を提供する画像分析ツールです。このツールは、Cloudinaryの高度なアルゴリズムを利用して実証します
    CSSチュートリアル 956 2025-02-17 10: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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。