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

  • Node-WebkitとAngularJSを使用してタブ付きブラウザを作成します
    Node-WebkitとAngularJSを使用してタブ付きブラウザを作成します
    キーテイクアウト Node-Webkit(現在のNW.JS)は、node.jsとwebkitを組み合わせて、HTML、CSS、JavaScriptなどのWebテクノロジーを使用してネイティブアプリケーションの開発を可能にし、クロスプラットフォームソフトウェア開発を合理化します。 チュートリアルはCREを示しています
    jsチュートリアル 1015 2025-02-18 10:25:07
  • Gmail JavaScript APIでメールを送信します
    Gmail JavaScript APIでメールを送信します
    この記事では、Gmail JavaScript APIを使用してGmailアプリの構築を実証し、以前の例を拡張して電子メールの送信、構成、返信を含めます。 前の記事の事前知識は必要ありません。 完全なソースコードが利用可能です
    jsチュートリアル 951 2025-02-18 10:23:10
  • ELMによる機能的な反応性プログラミング:紹介
    ELMによる機能的な反応性プログラミング:紹介
    コアポイント ELMは、JavaScriptにまとめられた機能的なプログラミング言語であり、フロントエンド開発の簡素化と強化に焦点を当てています。タイプの推論を使用し、反応的であり、純粋なビュー、参照透明性、不変のデータなどの機能的なプログラミングパターンを組み合わせています。 ELMは、不変のデータ、DOMを記述する純粋なビュー、一方向データストリーム、集中状態および集中データの変動記述、および限られた副作用などのモードを使用します。これらのパターンにより、アプリケーションは予測、維持、堅牢性を容易にします。 ELMのセキュリティ機能は、値が空である可能性を回避し、開発者にアプリケーション内のすべての代替パスを処理することを強制します。これにより、アプリケーションに多くの信頼性があり、ELMアプリケーションでランタイムエラーがめったに表示されません。
    jsチュートリアル 274 2025-02-18 10:21:39
  • Sinonチュートリアル:模擬、スパイ、スタブを使用したJavaScriptテスト
    Sinonチュートリアル:模擬、スパイ、スタブを使用したJavaScriptテスト
    この記事は、Mark BrownとMarc Towlerによってレビューされています。 SitePointコンテンツを最高の状態にしてくれたすべてのSitePointピアレビューアに感謝します! ユニットテストを作成する際の最大の障害の1つは、非自明のコードを処理する方法です。 実際のプロジェクトでは、コードは多くの場合、テストを困難にするさまざまな操作を実行します。 ajaxリクエスト、タイマー、日付、他のブラウザ機能へのアクセス…またはデータベースは、node.jsを使用している場合は常に楽しいです。ネットワークまたはファイルアクセスもそうです。 これはすべて、コードでそれらを制御できないため、テストするのが困難です。 AJAXを使用している場合、リクエストに応答するためにサーバーが必要です。
    jsチュートリアル 724 2025-02-18 10:13:13
  • 6 jQuery Infinite Scrolling Demos
    6 jQuery Infinite Scrolling Demos
    今では無限のスクロールが一般的な機能であり、本当に便利ないくつかのケースがあります。たとえば、TwitterやFacebookなどの優れたページネーションシステムを想像できないウェブサイトがいくつかあります。 inf
    jsチュートリアル 795 2025-02-18 10:09:10
  • jcanvasの紹介:jqueryはHTML5キャンバスに会います
    jcanvasの紹介:jqueryはHTML5キャンバスに会います
    HTML5を使用すると、要素とその関連JavaScript APIを使用して、グラフィックをWebページにまっすぐ描画できます。 この投稿では、HTML5 Canvas API用の無料でオープンソースのJQueryベースのライブラリであるJcanvasを紹介します。 d
    jsチュートリアル 443 2025-02-18 10:06:11
  • Angular 2とTypeScriptを使用して独自のChrome拡張機能を構築する
    Angular 2とTypeScriptを使用して独自のChrome拡張機能を構築する
    このチュートリアルでは、Angular 2とTypeScriptを使用してChrome拡張機能を構築して、新しいタブページ内でブックマークを直接管理しています。 デフォルトの新しいタブエクスペリエンスの機能と視覚的魅力の両方を強化します。 主な機能: レベラ
    jsチュートリアル 1016 2025-02-18 10:05:09
  • jQuery、JSON、およびDatatablesを使用してスクラッドシステムを作成します
    jQuery、JSON、およびDatatablesを使用してスクラッドシステムを作成します
    この記事では、JQuery、JSON、Datatables、およびJQuery検証を使用して、データベースコンテンツを管理するための堅牢なWebアプリケーションの構築を示しています。 アプリケーション、Scrud(検索、作成、読み取り、更新、削除)システムを使用すると、ユーザーは
    jsチュートリアル 366 2025-02-18 10:04:11
  • Webコンポーネントとしてマルチセレクトコンポーネントを作成します
    Webコンポーネントとしてマルチセレクトコンポーネントを作成します
    更新12.05.2016:コンパニオン記事「アクセス可能なWebコンポーネントの作成方法」は、この記事の制限に対処しています。 完全な理解については、両方をお読みください。 この記事は、ライアン・ルイスによるピアレビューの恩恵を受けました。 Sitepに感謝します
    jsチュートリアル 944 2025-02-18 09:59:09
  • 画像認識でWebアプリをより賢くする方法
    画像認識でWebアプリをより賢くする方法
    この記事では、Clarifaiの画像認識APIを使用してシンプルなWebアプリケーションを構築する方法を示しています。 このアプリを使用すると、ユーザーはWebから画像をドラッグアンドドロップできるため、Clarifaiによって分析されてオブジェクトを識別し、タグのリストを返します。
    jsチュートリアル 601 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チュートリアル 975 2025-02-18 09:52:11
  • スマートフロントエンドとダムバックエンド:Angularjsの持続状態
    スマートフロントエンドとダムバックエンド:Angularjsの持続状態
    Webサイトとのユーザーインタラクションは、アプリケーションの状態を生成します。たとえば、ボタンのクリックやテキスト入力。この状態は、JavaScriptオブジェクト(配列、文字列など)としてブラウザのRAMに住んでいるため、持続性が必要です。この記事では、PERの手法について説明します
    jsチュートリアル 648 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チュートリアル 964 2025-02-18 09:43:09
  • WebスピーチAPIで音声制御されたオーディオプレーヤーを作成する
    WebスピーチAPIで音声制御されたオーディオプレーヤーを作成する
    コアポイント Web Voice APIは、Web開発者が音声認識と合成をWebページに統合できるようにするJavaScript APIであるため、特に障害のある人や複数のタスクを同時に処理する必要があるユーザーにとって、ユーザーエクスペリエンスが向上します。 音声認識APIには現在、マイクにアクセスするためにインターネット接続とユーザーのアクセス許可が必要です。 Annyangなどのライブラリは、複雑さを管理し、前方の互換性を確保するのに役立ちます。 音声制御されたオーディオプレーヤーは、音声合成APIおよび音声認識APIを使用して構築できます。これにより、ユーザーは曲の間でナビゲートし、音声コマンドを使用して特定の曲を要求できます。 オーディオプレーヤーには、設定データ、UIメソッド、音声APIメソッドが含まれます
    jsチュートリアル 995 2025-02-18 09:40:09
  • JavaScriptカレンダーとスケジューラーの比較
    JavaScriptカレンダーとスケジューラーの比較
    キーテイクアウト Kendo UIフレームワークの一部であるKendo UIスケジューラには、使用のための商用ライセンスが必要であり、すべての必要な機能を備えた基本的で簡単にカスタマイズ可能なスケジューラを提供します。ただし、あなたがじっとしない場合、それは最良の選択ではないかもしれません
    jsチュートリアル 895 2025-02-18 09:36:09

ツールの推奨事項

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