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

  • JavaScriptリファクタリング手法:一般的なコードに固有
    JavaScriptリファクタリング手法:一般的なコードに固有
    重要なテイクアウト: JavaScriptのリファクタリングにより、コードの読みやすさ、保守性、パフォーマンス、および再利用性が向上し、バグの検出と修正が促進されます。 一般的な手法には、変数を使用した冗長性を最小限に抑え、イベント処理の改善、および洗練が含まれます
    jsチュートリアル 791 2025-02-17 12:06:11
  • 編集:2017年に何を学びたいですか?
    編集:2017年に何を学びたいですか?
    最新のJavaScriptニュースレターを購読して、ここをクリックして購読してください 明けましておめでとう、SitePoint JavaScriptの読者!誰もが素晴らしい休日を過ごし(休暇中の人のために)、2017年を新しい外観で歓迎する準備ができていることを願っています。 2016年はJavaScriptにとってクレイジーな年でした! ES6の人気の高まりと、進歩的なWebアプリケーションの台頭を目撃しました。さらに、YarnはNPMの競合他社として登場し、JavaScriptの疲労もトピックになりました。あなたがこれを逃したり、過去1年を振り返りたいと思ったら、私たちはあなたのために準備ができています。クレイグ・バックラーは彼の記事「Javascri」で
    jsチュートリアル 616 2025-02-17 12:04:15
  • 例ごとにD3.JSデータの視覚化を作成することを学びます
    例ごとにD3.JSデータの視覚化を作成することを学びます
    D3.JS:JavaScriptを使用して動的なデータ視覚化を描画します この記事では、動的でインタラクティブなデータの視覚化を作成するための強力なJavaScriptライブラリであるD3.JSについて説明します。 HTML、SVG、およびCSSを使用して、Webブラウザーでデータをレンダリングします。 コアポイント: D3.JSは、開発者がHTML、SVG、CSSを使用してWebブラウザーで動的でインタラクティブなデータの視覚化を作成できる多用途のJavaScriptライブラリです。 ライブラリは、データ処理のための豊富なツールを提供し、生データを意味のある視覚表現に変換し、ユニークな創造的なアイデアに合わせて広くカスタマイズできます。 D3.JSはスケールバーを使用してデータ値をビジョンにマッピングします
    jsチュートリアル 938 2025-02-17 12:03:16
  • Tessel 2でGPSデータを追跡します
    Tessel 2でGPSデータを追跡します
    Tessel 2およびGPSモジュールを使用したGPSトラッキング:JavaScriptに基づくリアルタイムロケーションプロジェクト この記事では、Tessel 2マイクロコントローラーとそのGPSモジュールを使用して、リアルタイムGPS追跡システムを構築する方法を紹介します。 Tessel 2はJavaScriptプログラミングをサポートしており、さまざまなモジュールを介して機能を拡張できます。 GPSモジュールを接続し、Tessel 2サイドにJavaScriptコードを作成してGPSデータを処理する方法を学び、Node.JSサーバーとフロントエンドのGoogleマップ統合を構築して、リアルタイムの位置視覚化を実現します。 1。ハードウェア接続 GPSモジュールをテッセル2ポートに接続します(USB電源近く
    jsチュートリアル 697 2025-02-17 12:02:09
  • jQueryセレクターの包括的な見方
    jQueryセレクターの包括的な見方
    この記事は、Matt SmithとTim Severienによるピアレビューの恩恵を受けました。 コンテンツの品質を向上させてくれたSitePointのピアレビュアーに感謝します! 要素の選択は、jQueryを使用してWebページを操作するための基本です。 コンテンツを変更するかどうか、a
    jsチュートリアル 913 2025-02-17 12:01:15
  • 13 jQuery selectbox/ドロップダウンプラグイン
    13 jQuery selectbox/ドロップダウンプラグイン
    13 jQueryドロップダウンメニュープラグインは、Webインタラクティブエクスペリエンスの向上に役立ちます!この記事は、2016年10月12日に更新され、ドロップダウンメニュープラグインの現在のステータスを反映しています。 デフォルトのドロップダウンメニュースタイルは、誰にとっても満足のいくものではありません。外観を制御する必要がある場合があります(ブラウザやデバイス全体で一貫性を維持したり、ネイティブにサポートされていない他の機能が必要になる場合があります。 幸いなことに、このプロセスを簡素化できる多くの優れたjQueryベースのプラグインがあります。 次のプロジェクトに統合できるいくつかのプラグインをカバーします。これらのプラグインの一部には、高度に構成可能なオプション、方法、イベントがありますが、使いやすいシンプルなドロップダウンメニュースタイルの交換品です。 キーポイント この記事では、使用できる13のカスタムWebページの概要を説明します
    jsチュートリアル 690 2025-02-17 11:57:09
  • Raspberry PiとBluemixで天気を予測します
    Raspberry PiとBluemixで天気を予測します
    このチュートリアルでは、IBM Bluemix、Raspberry Pi、および気象会社のデータサービスを使用して、気象予測デバイスの構築を示しています。 この強力な組み合わせがどのように機能するかを探りましょう。 重要な概念: データ収集:気象会社のデータs
    jsチュートリアル 336 2025-02-17 11:56:09
  • アクセシビリティを念頭に置いてJavaScriptを書く
    アクセシビリティを念頭に置いてJavaScriptを書く
    JavaScriptコンポーネントのアクセシビリティを改善するためのヒント この記事では、JavaScriptコンポーネントのアクセシビリティを改善し、ユーザーにWebサイトやWebアプリケーションとのやり取りをより優れた方法をユーザーに提供する方法に関するいくつかのヒントを共有します。 この記事はもともとMediumで公開されました アクセス可能なHTMLを書く最初の投稿で、Webアクセシビリティに焦点を合わせ始める理由と方法を説明し、タグ付けを改善してWebサイトをよりアクセスしやすくする方法についてのヒントを共有しました。これらのヒントのいくつかは非常に基本的ですが、それでも価値があります。それはすべて、フロントエンド開発における最も重要な非書かれていないルールの2つに帰着します。基本を学び、HTMLの計画と書き込みに十分な時間を費やします。明確なセマンティックマーカーはあなたを作ります
    jsチュートリアル 783 2025-02-17 11:51:11
  • JSONデータから数秒で動的テーブルを作成します
    JSONデータから数秒で動的テーブルを作成します
    軽量のjQuery UIプラグインタビュレーターを使用して、ダイナミックインタラクティブテーブルを簡単に作成してください!この記事では、JSONデータをJavaScriptコードがほとんどない動的でインタラクティブなテーブルに変換する方法を導きます。 コアポイント: クイックセットアップ:Tabulatorプラグインを使用すると、JSONデータを少量のJavaScriptコードで動的でインタラクティブなテーブルに変換できます。 カスタム列:特定のニーズを満たすために、タイトル、フィールド、ソート、幅、フォーマッタなどのパラメーターを使用して、テーブル列を定義およびカスタマイズできます。 柔軟なデータの読み込み:Tabulatorは、JavaScriptアレイやAJAXリクエストなど、さまざまなデータ読み込み方法をサポートしています
    jsチュートリアル 215 2025-02-17 11:50:09
  • JavaScriptスタイルガイドを使用する理由とあなたも必要な理由
    JavaScriptスタイルガイドを使用する理由とあなたも必要な理由
    キーポイント JavaScript Standard StyleなどのJavaScriptスタイルのガイドを採用すると、チームの摩擦を減らし、プログラマーの幸福を改善し、コードの一貫性を確保することができます。 JavaScriptなどの主流の言語スタイルでコーディングすると、オープンソースプロジェクトに貢献しやすくなり、他の人がプロジェクトに貢献できるようになります。 スタイルガイドは必ずしもプログラムをより正確にするわけではありませんが、エラーが掲載される前にエラーをキャッチする可能性があり、コードの読み取りと理解が容易になり、チームメンバー間の意見の相違が防止されます。 JavaScriptの標準スタイルの実装は、ツールなしで実行できますが、NPMパッケージもあります
    jsチュートリアル 1039 2025-02-17 11:45:12
  • クイックヒント:GumroadとJekyllで30秒でeコマース
    クイックヒント:GumroadとJekyllで30秒でeコマース
    このチュートリアルでは、Gumroadのeコマース機能をJekyllのWebサイトにシームレスに統合する方法を示しています。 このプロセスは、コンテンツ作成者にとって迅速かつ有益です。 重要な手順: Gumroadコードを取得:GumroadのウィジェットページとSelecに移動する
    CSSチュートリアル 493 2025-02-17 11:43:13
  • ユーザーログインと認証を使用して、React.jsアプリケーションを構築します
    ユーザーログインと認証を使用して、React.jsアプリケーションを構築します
    この記事では、Stormpath React SDKを使用して、ユーザーログインと認証機能を使用してReact.jsアプリケーションを構築するための包括的なガイドを提供します。 開発環境のセットアップ、WebpackとBabelの構成、Kの構築をカバーします
    jsチュートリアル 360 2025-02-17 11:42:11
  • jQueryテーブル:テーブルの作成と管理のためのプラグイン
    jQueryテーブル:テーブルの作成と管理のためのプラグイン
    この記事では、HTMLテーブルを強化するためのさまざまなjQueryプラグインを調べて、特にモバイルの応答性と高度な機能に関して、最新のWebデザインにおける標準テーブルの制限に対処します。 この記事は11月10日更新されました
    jsチュートリアル 569 2025-02-17 11:41:10
  • 再利用可能なJavaScriptビジネスロジックをPeasy-JSで作成します
    再利用可能なJavaScriptビジネスロジックをPeasy-JSで作成します
    Peasy-JS:再利用可能でスケーラブルで、テストしやすいビジネスロジックを構築する Peasy-JSは、複合性、再利用可能、拡張可能、テストが簡単なビジネスロジックを構築する中間層フレームワークであり、アプリケーションでUI、バックエンド、およびデータアクセスフレームワークを簡単に交換できるようにします。 ビジネスロジックの分離を促進し、さまざまなJavaScriptクライアント、サーバー、データアクセステクノロジー、フレームワークと互換性のあるアプリケーションアーキテクチャで使用できるようにし、任意のアプリケーションアーキテクチャで使用できます。 Peasy-JSのコアコンセプトには、BusinessService、コマンド、ルール、およびDataproxyが含まれます。これらの概念は、ビジネスロジックの配置とデータ検証にあります
    jsチュートリアル 267 2025-02-17 11:40:09
  • Aureliaの管理状態の管理:AureliaをReduxで使用する方法
    Aureliaの管理状態の管理:AureliaをReduxで使用する方法
    AureliaとReduxを使用して、予測可能な状態でMarkdownエディターを構築する この記事では、Aurelia FrameworkにReduxを統合する方法を説明し、UNDO/REDO機能を備えたMarkDownエディターを構築することでプロセスを実証します。この記事は、基本的なAurelia設定、国家管理のための統合されたRedux、およびUNDO/REDO機能の追加の3つの段階に分かれています。 コアポイント: Reduxは、アプリケーション状態の管理を簡素化する予測可能な状態容器を提供し、特に複雑な環境では一貫性があり、テストしやすくします。 ReduxをAureliaと統合するには、Reduxストレージのセットアップ、依存関係の構成、ストレージの接続が含まれます
    jsチュートリアル 824 2025-02-17 11:38:14

ツールの推奨事項

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