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

  • Angular 2とTypeScriptを使用して独自のChrome拡張機能を構築する
    Angular 2とTypeScriptを使用して独自のChrome拡張機能を構築する
    このチュートリアルでは、Angular 2とTypeScriptを使用してChrome拡張機能を構築して、新しいタブページ内でブックマークを直接管理しています。 デフォルトの新しいタブエクスペリエンスの機能と視覚的魅力の両方を強化します。 主な機能: レベラ
    jsチュートリアル 999 2025-02-18 10:05:09
  • jQuery、JSON、およびDatatablesを使用してスクラッドシステムを作成します
    jQuery、JSON、およびDatatablesを使用してスクラッドシステムを作成します
    この記事では、JQuery、JSON、Datatables、およびJQuery検証を使用して、データベースコンテンツを管理するための堅牢なWebアプリケーションの構築を示しています。 アプリケーション、Scrud(検索、作成、読み取り、更新、削除)システムを使用すると、ユーザーは
    jsチュートリアル 359 2025-02-18 10:04:11
  • Webコンポーネントとしてマルチセレクトコンポーネントを作成します
    Webコンポーネントとしてマルチセレクトコンポーネントを作成します
    更新12.05.2016:コンパニオン記事「アクセス可能なWebコンポーネントの作成方法」は、この記事の制限に対処しています。 完全な理解については、両方をお読みください。 この記事は、ライアン・ルイスによるピアレビューの恩恵を受けました。 Sitepに感謝します
    jsチュートリアル 938 2025-02-18 09:59:09
  • 画像認識でWebアプリをより賢くする方法
    画像認識でWebアプリをより賢くする方法
    この記事では、Clarifaiの画像認識APIを使用してシンプルなWebアプリケーションを構築する方法を示しています。 このアプリを使用すると、ユーザーはWebから画像をドラッグアンドドロップできるため、Clarifaiによって分析されてオブジェクトを識別し、タグのリストを返します。
    jsチュートリアル 594 2025-02-18 09:54:11
  • テッセル2:JavaScriptとThingsのインターネットを簡単に組み合わせる
    テッセル2:JavaScriptとThingsのインターネットを簡単に組み合わせる
    Tessel 2:JavaScriptとnode.jsに基づくモノのインターネット開発ツール Tessel 2は、開発者がJavaScriptとnode.jsを使用してネットワークデバイスを作成できるマイクロコントローラーです。そのコアはLinuxシステムを実行し、node.jsがその上で実行され、多数のNPMモジュールにアクセスできます。 このデモで使用されているテッセル2マイクロコントローラー テッセル2の主な機能: JavaScriptおよびnode.jsサポート:開発プロセスを簡素化し、巨大なNPMエコシステムを活用します。 内蔵Wi-Fiおよびイーサネット:ネットワークに簡単に接続でき、リモートコードのプッシュと操作をサポートし、継続的な接続は必要ありません
    jsチュートリアル 966 2025-02-18 09:52:11
  • スマートフロントエンドとダムバックエンド:Angularjsの持続状態
    スマートフロントエンドとダムバックエンド:Angularjsの持続状態
    Webサイトとのユーザーインタラクションは、アプリケーションの状態を生成します。たとえば、ボタンのクリックやテキスト入力。この状態は、JavaScriptオブジェクト(配列、文字列など)としてブラウザのRAMに住んでいるため、持続性が必要です。この記事では、PERの手法について説明します
    jsチュートリアル 642 2025-02-18 09:48:13
  • Angular 2でタイプスクリプトとES5を使用してコンポーネントを作成します
    Angular 2でタイプスクリプトとES5を使用してコンポーネントを作成します
    コアポイント Angular 2.0は、タイプスクリプト(JavaScriptのスーパーセット)を使用して、パフォーマンスを最適化し、ページの速度とワークフローの自動化を改善します。 TypeScriptを使用すると、開発者はタイプ情報を使用してJavaScriptコードに注釈を付け、コードベースのエラーをキャッチするのに役立ちます。 Angular 2.0は、ビューとロジックを含むコードの再利用可能なブロックであるコンポーネントの概念を導入します。コンポーネントは、命令をフレームワークの主な要素として置き換え、アプリケーションのコードの一部がコードの別の部分に干渉しないようにします。 Typeponcriptを使用してAngular 2.0でコンポーネントを作成するには、コンポーネントクラスを定義し、
    jsチュートリアル 956 2025-02-18 09:43:09
  • WebスピーチAPIで音声制御されたオーディオプレーヤーを作成する
    WebスピーチAPIで音声制御されたオーディオプレーヤーを作成する
    コアポイント Web Voice APIは、Web開発者が音声認識と合成をWebページに統合できるようにするJavaScript APIであるため、特に障害のある人や複数のタスクを同時に処理する必要があるユーザーにとって、ユーザーエクスペリエンスが向上します。 音声認識APIには現在、マイクにアクセスするためにインターネット接続とユーザーのアクセス許可が必要です。 Annyangなどのライブラリは、複雑さを管理し、前方の互換性を確保するのに役立ちます。 音声制御されたオーディオプレーヤーは、音声合成APIおよび音声認識APIを使用して構築できます。これにより、ユーザーは曲の間でナビゲートし、音声コマンドを使用して特定の曲を要求できます。 オーディオプレーヤーには、設定データ、UIメソッド、音声APIメソッドが含まれます
    jsチュートリアル 983 2025-02-18 09:40:09
  • JavaScriptカレンダーとスケジューラーの比較
    JavaScriptカレンダーとスケジューラーの比較
    キーテイクアウト Kendo UIフレームワークの一部であるKendo UIスケジューラには、使用のための商用ライセンスが必要であり、すべての必要な機能を備えた基本的で簡単にカスタマイズ可能なスケジューラを提供します。ただし、あなたがじっとしない場合、それは最良の選択ではないかもしれません
    jsチュートリアル 887 2025-02-18 09:36:09
  • CSS Architecture Block-Element-Modifier(BEM)-SitePoint
    CSS Architecture Block-Element-Modifier(BEM)-SitePoint
    BEM(Block-Element-Modifier)は、フロントエンド開発方法論、命名規則、および関連するツールのセットです。 Yandexを産み、大規模なチームによる効率的な開発のために設計されています。この説明は、コアの概念に焦点を当てています
    CSSチュートリアル 937 2025-02-18 09:33:09
  • D3.JSのデータバインディングの初心者ガイド
    D3.JSのデータバインディングの初心者ガイド
    D3.JSデータ視覚化:データバインディングの魔法の使用 D3.JSは、宣言的なプログラミングスタイルを備えた強力なデータ視覚化ライブラリになりましたが、その学習曲線は初心者にとって非常に困難です。この記事では、D3.JSのコアコンセプト - データバインディングまたはデータが結合されます - 理解しやすい方法で、簡単に開始するのに役立ちます。 データバインディングプロセスは、野菜の栽培に似ています。 プロット(SVG)を選択します。まず、野菜フィールドを選択するのと同じように、視覚化を描く領域を選択する必要があります。 Digging(SelectAll):SelectAll()関数は、ピットを掘ることに似ています。
    jsチュートリアル 777 2025-02-18 09:31:10
  • JSPDFでその場でWebページからPDFを生成する
    JSPDFでその場でWebページからPDFを生成する
    JSPDF:クライアントPDF生成のための強力なツール、ページ要素の細かい制御 コアポイント: JSPDFは、クライアント側にPDFファイルの生成を直接生成できるJavaScriptライブラリであり、それにより処理が高速化されます。ドキュメント内の要素の位置、サイズ、ページングの正確な制御に特に適しています。 JSPDFライブラリは、基本的なPDFファイル生成に使いやすいですが、ドキュメントが限られているため、複雑なプロジェクトではより困難になる可能性があります。ただし、PDFにテキスト、画像、形状を追加する機能を提供し、位置とサイズの正確な制御を提供します。 JSPDFライブラリは、APIを使用して拡張できます。 TextAlign()などの関数を追加して、setFontSize()、set
    jsチュートリアル 500 2025-02-18 09:30:10
  • 2024年に反応するための最も軽量の代替品を探る
    2024年に反応するための最も軽量の代替品を探る
    2024年のヤングウェイト反応代替ソリューションのレビュー Reactは、コンポーネントアーキテクチャと仮想DOMでWebアプリケーションの構築方法を完全に変更しました。ただし、Web開発が進化し続けるにつれて、開発者はしばしば、ユーザーインターフェイスを作成するために、より軽量で効率的なReactの代替品を探します。荷重速度が高速であれ、リソースに制約のあるデバイスのパフォーマンスが向上する場合でも、単純な開発エクスペリエンスの場合でも、探索する価値のあるいくつかの選択肢があります。この記事では、比較的新しいプレーヤーであるHTMXを含む、最高の軽量反応の代替品のいくつかに飛び込みます。 最高の軽量反応の代替品 1。プアクト 通常、プアクトは最も近いと見なされます
    jsチュートリアル 231 2025-02-18 09:29:09
  • React&Peerjsでピアツーピアファイル共有コンポーネントを構築する
    React&Peerjsでピアツーピアファイル共有コンポーネントを構築する
    このチュートリアルでは、PeerjsとReactを使用してピアツーピアファイル共有アプリケーションの構築を示しています。 React Fundamentalsをカバーし、初心者のアクセシビリティを確保します。 完全なソースコードはGitHubで利用できます。 重要な概念: PEを活用します
    jsチュートリアル 857 2025-02-18 09:27:10
  • CSSオプティマイザーを使用してCSSを削除します
    CSSオプティマイザーを使用してCSSを削除します
    CSSの圧縮:ウェブサイトの速度を向上させる強力なツール コアポイント: CSSコンプレッションは、コード冗長文字を削除することによりファイルサイズを削減し、それによりダウンロードをスピードアップし、データ転送を保存します。 CSS Optimizer(CSSO)は、node.jsに基づく圧縮ツールであり、コマンドラインインターフェイスに精通する必要があります。 CSSOは、不必要なスペース、セミコロン、コメントを削除するだけでなく、宣言ブロックを重複したセレクターとマージし、上書き属性の削除、カラーコードの短縮によって最適化します。 CSSを圧縮することでWebサイトのパフォーマンスが向上する可能性がありますが、コードの読み取りやデバッグを難しくすることもできます。したがって、開発目的で元の非圧縮CSSファイルを保持することをお勧めします。 (以下はティファニーから抜粋しています
    CSSチュートリアル 463 2025-02-18 09:26:10

ツールの推奨事項

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