検索
ホームページウェブフロントエンドjsチュートリアルoftware テスト テンプレート: この AI ツールが従来のスクリプトをわかりやすい英語のコマンドに置き換えた方法。

開発者の皆さん、聞いてください。

反復的なテスト スクリプトを作成する際に費やした果てしない時間を覚えていますか?コードを一行ずつデバッグしていますか?目隠しをしてルービック キューブを解いているようなテスト シナリオを手動で作成しますか?

そんな時代は正式に終わりました。

私たちは今、あなたが知っているすべてをひっくり返そうとしているテスト革命の真っ只中に立っています。従来のスクリプトは単に変化しているだけではなく、よりスマートなテスト ツールの新しい波によって完全に再構築されています。

詳しく見てみましょう。従来のテスト ワークフローは悪夢のようです:

  • 複雑なスクリプトを手動で作成する

  • テスト シナリオの作成に何時間も費やします

  • 複数のフレームワークを管理する

  • クロスプラットフォーム互換性に問題があります

  • 実際の問題ではなくインフラストラクチャのデバッグに時間を無駄にする

しかし、テスト ツールに話しかけることができたらどうでしょうか?

AI に「この銀行 Web サイトのログイン フローをテストしてください」と指示し、包括的なテスト スクリプトが自動的に生成されるのを想像してみてください。もう Selenium と格闘する必要はありません。終わりのないテスト環境を構成する必要はもうありません。

これは SF ではありません。これは今まさに起こっています。

AI テストの動きは単なるアップグレードではなく、完全なシステムの再起動です。私たちは次のことができるツールについて話しています。

  • 自然言語を使用してテスト スクリプトを生成します

  • マルチプラットフォームのテストシナリオを数秒で作成

  • さまざまなフレームワークに自動的に適応します

  • 以前のテスト実行から学ぶ

  • 潜在的な障害点を発生前に予測します

驚くべき数字です:

  • 企業はソフトウェア障害により年間 2 兆 4,100 億ドル を損失しています (出典: Consortium for Information and Software Quality)。

  • 従来のテストは、開発時間の 25 ~ 35% (平均) を消費します。

  • 手動テストでは、シナリオの 15 ~ 20% で人的エラーが発生します。

しかし、ここからが本当の驚きです。AI 主導のテスト ツールは、テスト時間を最大 90% 削減すると同時に、欠陥検出率を 40% 以上向上させる可能性を示しています。

次世代検査ソリューション「KaneAI」のご紹介

KaneAI は単なるテスト ツールではありません。これは、高度なラージ言語モデルを利用した世界初のエンドツーエンドのソフトウェア テスト エージェントです。

何が特別なのでしょうか?

  • テストの生成と展開: 自然言語入力を使用してテストを簡単に作成します

  • 多言語コードのエクスポート: 主要な言語およびフレームワーク間で自動テストを変換します

  • インテリジェントなテスト プランナー: 高レベルの目標からテスト ステップを自動的に生成および自動化します

  • スマート ショーミー モード: アクションを自然言語の指示に変換します

  • 高度なテスト機能: 複雑な条件とアサーションを自然に表現します

  • 復元性テスト: 組み込みのスマート機能と自動修復

  • クロスプラットフォーム カバレッジ: Web およびモバイル プラットフォーム用のテストを開発します

JIRA、Slack、GitHub の問題での KaneAI のタグ付け、双方向のテスト編集、スマート バージョニングなどのユニークな機能により、KaneAI は革新的なものになります。

このガイドでは、ツールを紹介するだけではありません。私たちはあなたに武器を与えます。

次に触れます:

  • 自然言語テストの生成

  • JavaScript インタラクション テンプレート

  • API テスト戦略

  • 実際のデモサイトを使用した現実世界のシナリオ

これらは単なるテンプレートではなく、テストの方法を変えるためのチケットです。それらをより良い働き方への宝の地図と考えてください。それぞれのスクリプトとインタラクションは、素晴らしいものが作成されるのを待っている白紙のページのようなものです。

昔ながらのテストの制限から解放される自分を想像してみてください。もう単にテストを書くだけではなく、自動的にチェックする賢い方法を構築しているのです。

ヒント

これらのテンプレートは構成要素のようなものだと考えてください。あなたはクリエイターです。

あなたの使命は、テストを必要なものに正確に適合させ、トリッキーなチェック方法を試し、自動テストがどれほど素晴らしいかをみんなに示し、退屈なテストをエキサイティングなものに変えることです。

実践的なテスト テンプレート

ソフトウェア開発の世界では、テストはバグを見つけるだけではなく、現実世界の課題に耐えられるシステムを作成することを意味します。このセクションでは、さまざまなシナリオにわたって複雑な開発問題をスマートで実行可能なソリューションに変換する実用的なテスト テンプレートを詳しく説明します。

JavaScript と NLP テンプレートに進む前に、テスト ケースを作成するための KaneAI の Web エージェントから始めましょう。開始方法は次のとおりです:

  1. KaneAI に登録する

    • https://www.lambdatest.com/kane-ai/ にアクセスしてサインアップしてください。
  2. Web エージェントにアクセスします

    • サインアップ後、kaneai.lambdatest.com にアクセスしてログインします。
  3. Web テストを作成する

    • 「Web テストの作成」 をクリックして Web エージェントを開きます。

次に、JavaScript と NLP テンプレートを使用してテストの作成を強化しましょう。

I. Web インタラクション テンプレート: JavaScript と NLP

1. OrangeHRM インタラクション テンプレート

NLP コマンド

  1. https://opensource-demo.orangehrmlive.com/

  2. にアクセスします
  3. ユーザー名フィールドに「Admin」と入力します

  4. パスワードフィールドに「admin123」と入力します

  5. ログインボタンをクリックしてください

  6. 2 秒ほど待ちます

JavaScript コード

function simulateTyping(element, text) {
    element.value = '';

    for (let i = 0; i  0) {
            const firstCard = quickLaunch[0];
            firstCard.style.backgroundColor = 'red';
            firstCard.click();
        }
    }

    const pathElement = document.querySelector('path.cls-1');

    if (pathElement) {
        pathElement.style.fill = 'red';
    }

    return {
        status: "Dashboard interaction complete",
        timestamp: new Date().toISOString()
    };
}

const result = handleDashboardInteractions();
return result;

説明:

  • このテンプレートは、Web インターフェイスでの高度なユーザー インタラクションをシミュレートします

  • 入力、イベントのトリガー、要素の操作に対する正確な制御を示します

  • キーボードと入力イベントを使用して人間のような操作を模倣します

  • 自動テスト、Web スクレイピング、インタラクション シミュレーションのシナリオに適しています

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

本番使用例:

  • 自動 Web テスト フレームワーク

  • ウェブサイトのインタラクション監視

  • ユーザー行動シミュレーション

  • アクセシビリティテストツール

  • Web アプリケーションのパフォーマンス テスト

2. DemoQA フォーム インタラクション テンプレート

NLP コマンド

  1. https://demoqa.com/elements に移動

  2. 「テキスト ボックス」オプションをクリックします

  3. 2 秒ほど待ちます

JavaScript コード

async function handleDemoQAForms() {
    const formData = {
        fullName: "John Doe",
        email: "john@example.com",
        currentAddress: "123 Test Street",
        permanentAddress: "456 Demo Avenue"
    };

    const inputs = {
        "userName": formData.fullName,
        "userEmail": formData.email,
        "currentAddress": formData.currentAddress,
        "permanentAddress": formData.permanentAddress
    };

    for (const [id, value] of Object.entries(inputs)) {
        const input = document.getElementById(id);
        if (input) {
            input.focus();
            await new Promise(r => setTimeout(r, 300));
            input.value = value;
            input.dispatchEvent(new Event('input', { bubbles: true }));
            input.dispatchEvent(new Event('change', { bubbles: true }));
            await new Promise(r => setTimeout(r, 500));
        }
    }

    return formData;
}

const result = handleDemoQAForms();
return result;

説明:

  • 制御されたタイミングでの非同期フォーム入力を示します

  • フォームフィールドとの現実的なユーザー操作をシミュレートします

  • イベントディスパッチを使用して検証および入力メカニズムをトリガーします

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

本番使用例:

  • フォーム自動化テスト

  • データ入力の検証

  • ブラウザ拡張機能の開発

  • 自動ユーザー登録プロセス

3. 無限スクロール処理テンプレート

NLP コマンド

  1. https://the-internet.herokuapp.com/infinite-scroll に移動します

  2. 2 秒ほど待ちます

  3. ページの一番下までスクロールします

JavaScript コード

async function handleInfiniteScroll() {
    let scrollCount = 0;
    let isScrolling = false;

    const smoothScroll = async () => {
        if (isScrolling) return;
        isScrolling = true;

        const scrollStep = async () => {
            if (scrollCount >= 5) {
                isScrolling = false;
                return;
            }

            window.scrollBy({
                top: 100,
                behavior: 'smooth'
            });

            await new Promise(r => setTimeout(r, 100));

            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
                scrollCount++;
                await new Promise(r => setTimeout(r, 1000)); // Wait for new content to load
            }

            if (isScrolling) {
                requestAnimationFrame(scrollStep);
            }
        };

        requestAnimationFrame(scrollStep);
    };

    return smoothScroll();
}


handleInfiniteScroll().then(() => {
    return {
        status: "Infinite scrolling completed",
        timestamp: new Date().toISOString()
    };
});

説明:

  • 高度な無限スクロールシミュレーション

  • 制御された反復によるスムーズなスクロールを実装します

  • ページ下部を検出し、スクロール読み込みを管理します

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

本番使用例:

  • 無限スクロール Web サイトのパフォーマンス テスト

  • コンテンツ読み込みの検証

  • ソーシャル メディア フィード シミュレーター

  • Web アプリケーションの対話テスト

4. ダッシュボードメトリクス抽出テンプレート

NLP コマンド

  1. https://demo.opencart.com/admin/

  2. に移動します
  3. ユーザー名フィールドに「demo」と入力

  4. パスワードフィールドに「demo」と入力

  5. ログインボタンをクリックしてください

  6. 2 秒ほど待ちます

: 場合によっては、キャプチャの制限や不安定な Wi-Fi 接続が原因で、プラットフォームで問題が発生することがあります。続行する前に、これらの点に対処していることを確認してください。

JavaScript コード

function simulateTyping(element, text) {
    element.value = '';

    for (let i = 0; i  0) {
            const firstCard = quickLaunch[0];
            firstCard.style.backgroundColor = 'red';
            firstCard.click();
        }
    }

    const pathElement = document.querySelector('path.cls-1');

    if (pathElement) {
        pathElement.style.fill = 'red';
    }

    return {
        status: "Dashboard interaction complete",
        timestamp: new Date().toISOString()
    };
}

const result = handleDashboardInteractions();
return result;

説明:

  • 堅牢なダッシュボード指標抽出

  • 動的コンテンツの読み込みを処理します

  • 文字列ベースのメトリクスを数値に変換します

  • 千を表す「K」表記をサポート

本番使用例:

  • ビジネス インテリジェンス ダッシュボード

  • 自動レポートシステム

  • パフォーマンス監視ツール

  • データの抽出と分析

II. API テスト テンプレート

A. JSONPlaceholder CRUD 操作

ベース URL: https://jsonplaceholder.typicode.com

  1. 投稿を作成
async function handleDemoQAForms() {
    const formData = {
        fullName: "John Doe",
        email: "john@example.com",
        currentAddress: "123 Test Street",
        permanentAddress: "456 Demo Avenue"
    };

    const inputs = {
        "userName": formData.fullName,
        "userEmail": formData.email,
        "currentAddress": formData.currentAddress,
        "permanentAddress": formData.permanentAddress
    };

    for (const [id, value] of Object.entries(inputs)) {
        const input = document.getElementById(id);
        if (input) {
            input.focus();
            await new Promise(r => setTimeout(r, 300));
            input.value = value;
            input.dispatchEvent(new Event('input', { bubbles: true }));
            input.dispatchEvent(new Event('change', { bubbles: true }));
            await new Promise(r => setTimeout(r, 500));
        }
    }

    return formData;
}

const result = handleDemoQAForms();
return result;

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

  1. 投稿を取得
async function handleInfiniteScroll() {
    let scrollCount = 0;
    let isScrolling = false;

    const smoothScroll = async () => {
        if (isScrolling) return;
        isScrolling = true;

        const scrollStep = async () => {
            if (scrollCount >= 5) {
                isScrolling = false;
                return;
            }

            window.scrollBy({
                top: 100,
                behavior: 'smooth'
            });

            await new Promise(r => setTimeout(r, 100));

            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
                scrollCount++;
                await new Promise(r => setTimeout(r, 1000)); // Wait for new content to load
            }

            if (isScrolling) {
                requestAnimationFrame(scrollStep);
            }
        };

        requestAnimationFrame(scrollStep);
    };

    return smoothScroll();
}


handleInfiniteScroll().then(() => {
    return {
        status: "Infinite scrolling completed",
        timestamp: new Date().toISOString()
    };
});
  1. 投稿を更新
async function analyzeDashboardMetrics() {
    const metrics = {
        totalOrders: 0,
        totalSales: 0,
        customerCount: 0
    };

    const waitForElement = (selector, timeout = 10000) => {
        return new Promise((resolve, reject) => {
            const interval = setInterval(() => {
                const element = document.querySelector(selector);
                if (element) {
                    clearInterval(interval);
                    resolve(element);
                }
            }, 500);

            setTimeout(() => {
                clearInterval(interval);
                reject(new Error(`Timeout: Element ${selector} not found`));
            }, timeout);
        });
    };

    await waitForElement('.tile');

    const tiles = document.querySelectorAll('.tile');
    if (tiles.length > 0) {
        if (tiles[0]) {
            const value = tiles[0].querySelector('.tile-body h2')?.textContent || '0';
            metrics.totalOrders = parseFloat(value.replace(/[^0-9.]/g, '')) * (value.includes('K') ? 1000 : 1);
        }
        if (tiles[1]) {
            const value = tiles[1].querySelector('.tile-body h2')?.textContent || '0';
            metrics.totalSales = parseFloat(value.replace(/[^0-9.]/g, '')) * (value.includes('K') ? 1000 : 1);
        }
        if (tiles[2]) {
            const value = tiles[2].querySelector('.tile-body h2')?.textContent || '0';
            metrics.customerCount = parseFloat(value.replace(/[^0-9.]/g, '')) * (value.includes('K') ? 1000 : 1);
        }
    }

    return metrics;
}


const result = analyzeDashboardMetrics();
return result;

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

  1. 投稿を削除
Method: POST
Endpoint: /posts
Body:
{
    "title": "Test Post",
    "body": "Test Content",
    "userId": 1
}

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

B. 偽ストア API 電子商取引の運用

ベース URL: https://fakestoreapi.com

  1. 製品を入手
function simulateTyping(element, text) {
    element.value = '';

    for (let i = 0; i  0) {
            const firstCard = quickLaunch[0];
            firstCard.style.backgroundColor = 'red';
            firstCard.click();
        }
    }

    const pathElement = document.querySelector('path.cls-1');

    if (pathElement) {
        pathElement.style.fill = 'red';
    }

    return {
        status: "Dashboard interaction complete",
        timestamp: new Date().toISOString()
    };
}

const result = handleDashboardInteractions();
return result;

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

  1. 単一の製品を入手
async function handleDemoQAForms() {
    const formData = {
        fullName: "John Doe",
        email: "john@example.com",
        currentAddress: "123 Test Street",
        permanentAddress: "456 Demo Avenue"
    };

    const inputs = {
        "userName": formData.fullName,
        "userEmail": formData.email,
        "currentAddress": formData.currentAddress,
        "permanentAddress": formData.permanentAddress
    };

    for (const [id, value] of Object.entries(inputs)) {
        const input = document.getElementById(id);
        if (input) {
            input.focus();
            await new Promise(r => setTimeout(r, 300));
            input.value = value;
            input.dispatchEvent(new Event('input', { bubbles: true }));
            input.dispatchEvent(new Event('change', { bubbles: true }));
            await new Promise(r => setTimeout(r, 500));
        }
    }

    return formData;
}

const result = handleDemoQAForms();
return result;
  1. カテゴリを取得
async function handleInfiniteScroll() {
    let scrollCount = 0;
    let isScrolling = false;

    const smoothScroll = async () => {
        if (isScrolling) return;
        isScrolling = true;

        const scrollStep = async () => {
            if (scrollCount >= 5) {
                isScrolling = false;
                return;
            }

            window.scrollBy({
                top: 100,
                behavior: 'smooth'
            });

            await new Promise(r => setTimeout(r, 100));

            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
                scrollCount++;
                await new Promise(r => setTimeout(r, 1000)); // Wait for new content to load
            }

            if (isScrolling) {
                requestAnimationFrame(scrollStep);
            }
        };

        requestAnimationFrame(scrollStep);
    };

    return smoothScroll();
}


handleInfiniteScroll().then(() => {
    return {
        status: "Infinite scrolling completed",
        timestamp: new Date().toISOString()
    };
});

oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

説明:

  • 堅牢なダッシュボード指標抽出

  • 動的コンテンツの読み込みを処理します

  • 文字列ベースのメトリクスを数値に変換します

  • 千を表す「K」表記をサポート

本番使用例:

  • ビジネス インテリジェンス ダッシュボード

  • 自動レポートシステム

  • パフォーマンス監視ツール

  • データの抽出と分析

カネアイが傑出した理由

  1. JavaScript の実行

    • 非常に詳細なテスト スクリプトを作成し、複雑なユーザー フローを簡単に管理して、従来の制限を打ち破ります。
  2. 地理位置情報のサポート

    • 世界中のあらゆる場所からテストし、ユーザーがどこにいてもアプリが一貫して動作することを確認します。
  3. 高度なスクロール コントロール

    • 自然なコマンドを使用して、サイドバー、非表示のコンテンツ、または無限のリストを移動します。カネアイは、扱いにくい Web 要素の処理を簡単にします。
  4. シームレスな Jira 統合

    • Jira チケットから直接テスト ケースを生成し、ワークフローを合理化し、手作業を削減します。
  5. API テスト

    • 基本を超えた堅牢な API 機能を使用してバックエンド テストに取り組みます。

カネアイコマンドガイド: テストの相棒

テストは複雑である必要はありません。 KaneAI の自然言語コマンドを使用すると、複雑なテスト シナリオを単純な対話に変換できます。

ナビゲーションコマンド

  • https://example.com にアクセスします

  • 新しいタブを開く

  • 2 番目のタブに切り替えます

  • 戻る

  • ページを更新

  • 前に移動

インタラクションコマンド

  • ログインボタンをクリックしてください

  • プロフィールメニューにカーソルを合わせます

  • 「username@email.com」と入力

  • メールフィールドをクリア

  • 「製品」を検索

  • Enter キーを押してください

高度なインタラクション技術

  • 条件付きアクション

    • ポップアップが存在する場合は、「閉じる」をクリックしてください
    • 商品価格の場合
    • エラー メッセージが表示された場合は、スクリーンショットを撮ってください
  • スクロールコマンド

    • 一番下までスクロール
    • 100 ピクセルずつスクロール
    • 要素までスクロール
    • 3 回スクロール

スマートなアサーション

  • ボタンのテキストが「送信」であるかどうかをアサートします

  • 要素が存在することを確認します

  • 現在の URL をクエリ

  • ページタイトルを確認してください

コマンド作成のベスト プラクティス

  1. 具体的かつ明確に記述してください

  2. 複雑なタスクを簡単なステップに分割します

  3. 説明的な言葉を使用する

  4. 動的テストに変数を活用する

  5. テスト フローを常に検証してください

ボーナスリソース

  1. ビデオ [作成者: Muhammad Noorani]:

    oftware Testing Templates: How This AI Tool Replaced Traditional Scripting with Plain English Commands.

  2. 記事 [著者: Muhammad Noorani]:

    将来を見据えた Web テスト: カネアイの 5 段階ロードマップ (ボーナス分析ダッシュボード)

  3. 追加リソース:

    カネアイ公式DOCS

最終的なポイント

テストの未来は、より多くのことを行うことではなく、より賢く行うことです。カネアイは、テストを、あなたに敵対するのではなく、あなたと協力して機能する、合理化されたインテリジェントなプロセスに変えます。

テストは単に簡単になるだけではありません。それは賢明です。カネアイは、自動化、インテリジェンス、効率性を新たな常態とし、その道を先導しています。

テスト方法を変える準備はできていますか?ぜひKaneAIを試して、自動テストの未来へ踏み出してください! AI テスト ツールを使用したことがありますか?コメントであなたの考えや経験を共有してください

接続を維持しますか?

その他のブログ、洞察、最新情報については、私をフォローしてください:

  • すべてのリンク

  • 私のブログ

一緒に学び、成長しましょう!

以上がoftware テスト テンプレート: この AI ツールが従来のスクリプトをわかりやすい英語のコマンドに置き換えた方法。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScriptの文字列文字を交換しますJavaScriptの文字列文字を交換しますMar 11, 2025 am 12:07 AM

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

8見事なjQueryページレイアウトプラグイン8見事なjQueryページレイアウトプラグインMar 06, 2025 am 12:48 AM

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

独自のAjax Webアプリケーションを構築します独自のAjax Webアプリケーションを構築しますMar 09, 2025 am 12:11 AM

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか?独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか?Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

Ajaxを使用して動的にボックスコンテンツをロードしますAjaxを使用して動的にボックスコンテンツをロードしますMar 06, 2025 am 01:07 AM

このチュートリアルでは、Ajaxを介してロードされた動的なページボックスの作成を示しており、フルページのリロードなしでインスタントリフレッシュを可能にします。 JQueryとJavaScriptを活用します。カスタムのFacebookスタイルのコンテンツボックスローダーと考えてください。 重要な概念: ajaxとjquery

10 jQueryの楽しみとゲームプラグイン10 jQueryの楽しみとゲームプラグインMar 08, 2025 am 12:42 AM

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

JavaScript用のクッキーレスセッションライブラリを作成する方法JavaScript用のクッキーレスセッションライブラリを作成する方法Mar 06, 2025 am 01:18 AM

このJavaScriptライブラリは、Cookieに依存せずにセッションデータを管理するためにWindow.nameプロパティを活用します。 ブラウザ全体でセッション変数を保存および取得するための堅牢なソリューションを提供します。 ライブラリは、セッションの3つのコア方法を提供します

jQuery Parallaxチュートリアル - アニメーションヘッダーの背景jQuery Parallaxチュートリアル - アニメーションヘッダーの背景Mar 08, 2025 am 12:39 AM

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい