JavaScript

 Computer >> コンピューター >  >> プログラミング >> JavaScript
  1. JavaScriptでオブジェクトのプロパティを削除する方法をわかりやすく解説

    JavaScriptでオブジェクトのプロパティを削除するには、delete演算子を使用します。delete演算子は、指定したオブジェクトからプロパティそのものを取り除き、削除に成功した場合はtrueを返します。以下に、オブジェクトのプロパティを削除するサンプルコードを示します。サンプルコード<!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0

  2. Seleniumの明示的待機（Explicit Wait）とは？仕組みと使い方を解説

    明示的待機（Explicit Wait）とは？明示的待機（Explicit Wait）は、Webページ上の特定の要素に対して適用される待機処理です。あらかじめ設定した条件が満たされるまで、テストの実行を一時停止します。明示的待機は動的な待機である点も大きな特徴です。たとえば待機時間を15秒に設定した場合でも、その時間内に条件（要素がクリック可能になる、表示される、選択可能になるなど）が満たされれば、残りの時間を待つことなく次のステップへ処理が移行します。明示的待機の主な期待条件（Expected Conditions）明示的待機は条件ごとに細かく設定できるため、非常に柔軟なカスタマイズが可能で

  3. SeleniumのFluent Waitとは？仕組み・構文・Java実装例を解説

    Fluent Wait（Fluent待機）は、Seleniumにおける動的な待機処理の一つです。指定した条件が満たされるまでドライバーを一時停止させ、例外をスローする前に、その条件を設定した頻度で繰り返しチェックします。大きな特徴は、要素をDOM内で常時検索するのではなく、一定の時間間隔（ポーリング）ごとに定期的に検索するという点です。これにより、不要な負荷を抑えながら柔軟に要素の出現を待つことができます。例えば、最大待機時間を5秒に設定した場合、FluentWaitは「pollingEvery」で定義した間隔おきにDOMを監視します。なお、FluentWaitでは、条件に基づいたカスタム待機

  4. キーワード駆動型フレームワークとは？仕組みとメリットをわかりやすく解説

    キーワード駆動型フレームワークとはキーワード駆動型フレームワークは「テーブル駆動型フレームワーク」とも呼ばれる自動テスト手法です。このフレームワークでは、実行すべきメソッドに対応するキーワードやアクションを、表形式のテーブル上で定義していきます。基本的な仕組み自動化テストスクリプトは、Excelなどに記載されたキーワードやアクションをもとに構築されます。自動化テストエンジニアは、新しいキーワードの追加や既存キーワードの更新を通じて、フレームワークの機能を拡張していく役割を担います。このフレームワークの大きな特徴は、プログラミング経験が浅い手動テスト担当者でも活用できる点です。基本的な考え方は、

  5. データ駆動型フレームワークとは？仕組み・開発手順・メリットを徹底解説

    データ駆動型フレームワークとはデータ駆動型フレームワーク（Data Driven Framework）は、テストスクリプトのロジックとテストデータを分離するための自動テスト設計手法です。パラメータ化（Parameterization）の仕組みを活用することで、複数のデータセットをさまざまな組み合わせでテストスクリプトに適用でき、同じスクリプトを繰り返し再利用することが可能になります。テストデータは、ExcelやAccess、テキストファイル（txt）などの外部ファイルとして独立して管理されます。テストスクリプトはこれらの外部ファイルに接続し、必要なデータを取得しながら実行を進めます。このフレー

  6. データドリブンフレームワークとキーワードドリブンフレームワークの違いを徹底解説

    自動テスト設計において頻繁に比較されるのが「データドリブンフレームワーク」と「キーワードドリブンフレームワーク」です。どちらもテスト自動化の保守性と効率を高める手法ですが、考え方の中心が大きく異なります。本記事では、それぞれの仕組みと特徴を具体例とともにわかりやすく解説します。 データドリブンフレームワークとは データドリブンテストでは、パラメータ化（パラメータライゼーション）を活用することで、複数のデータ・複数の組み合わせに対して同じテストを繰り返し実行できます。この手法では、テストデータはテストスクリプトのロジックへの「入力」として扱われ、各データセットが個別のテストケースとして機能しま

  7. ビヘイビア駆動開発（BDD）フレームワークとは？概要・メリット・開発プロセスを徹底解説

    ビヘイビア駆動フレームワーク（BDD）とはビヘイビア駆動フレームワークは、開発者、テスター、プロダクトオーナー、マネージャー、顧客、ビジネスアナリストといった、プロジェクトに関わるすべてのステークホルダーからインプットを受け入れる手法です。その狙いは、プロジェクトメンバー一人ひとりが同じ理解を共有できる状態をつくることにあります。このフレームワークは、チーム全体の協働と連携を基盤としています。機能要件や仕様が専門知識を必要としない平易な共通言語で記述されるため、メンバーは高度なコーディングスキルを持っていなくても参画できます。こうして作成された仕様書は、自動テスト担当者と手動テスト担当者の双方

  8. 【JavaScript】Datepickerで未来の日付を無効化する方法

    JavaScriptのDatepicker（デートピッカー）で未来の日付を選択できないようにしたいケースはよくあります。予約システムや申込フォームなどでは、過去または当日以降しか選べないように制限したい場面が多いでしょう。未来の日付を無効にするには、maxDateオプションに現在の日付を設定します。これにより、今日より後の日付はカレンダー上で選択できなくなります。以下に具体的な実装コードを示します。実装コード<!DOCTYPE html> <html lang=ja> <head> <link rel=stylesheet href=//code.jq

  9. 【JavaScript】Enterキー押下時に<input type="time">のデフォルト動作を無効化する方法

    <input type=time> にフォーカスがある状態で Enterキー を押すと、ブラウザによってはフォーム送信やフォーカス移動などのデフォルト動作が発生することがあります。これを防ぐには、keydown イベントを監視し、preventDefault() を呼び出してデフォルトの挙動をキャンセルします。 実装手順 以下の手順で実装できます。 対象のinput要素に対して addEventListener(keydown, ...) でイベントリスナーを登録する。 イベントハンドラ内で event.key === Enter を判定する。 Enterキーが押された場合に e

  10. href属性が「#」のリンクでJavaScriptのクリック処理を無効化する方法

    リンクの中には、href=# のようにページ内遷移やダミーリンクとして設定されているものがあります。こうした「#」で始まるリンクに対してクリックイベントを発火させたくない場合、jQueryのセレクタと preventDefault() を組み合わせることで簡単に実現できます。 基本的な考え方 ポイントは、セレクタ a:not([href=#]) を使って「href属性が # 以外のリンク」だけを対象にすることです。これにより、# のリンクはクリックイベントの処理対象から除外され、何も起こらなくなります。また、対象となったリンクには event.preventDefault() を呼び出すことで

  11. JavaScriptでアニメーションを作成する方法をわかりやすく解説

    JavaScriptを使えば、要素を滑らかに動かしたり変形させたりするアニメーションを簡単に実装できます。この記事では、setInterval()を活用したアニメーションの基本的な作り方を、実際に動くサンプルコードとともに詳しく解説します。 JavaScriptアニメーションの基本的な仕組み JavaScriptでアニメーションを作る場合の基本は、「一定間隔ごとに要素のスタイルを少しずつ変更する」という考え方です。具体的には次の手順で実装します。 setInterval()で指定間隔（例：10ミリ秒）ごとに関数を繰り返し実行する 関数の中で位置や形状などのスタイル値を少しずつ更新する 目標の

  12. HTMLとJavaScriptで作る重量コンバーター：kgをgに変換する方法

    HTMLとJavaScriptを組み合わせれば、ブラウザ上で動作するシンプルな重量コンバーター（単位変換ツール）を簡単に作成できます。この記事では、キログラム（kg）を入力するとグラム（g）に自動変換して表示するウェイトコンバーターの実装方法を、サンプルコードとともにわかりやすく解説します。 実装コード例 以下のコードをそのままHTMLファイルとして保存し、ブラウザで開くだけで動作します。 <!DOCTYPE html> <html> <head> <style>     body{   

  13. HTMLとJavaScriptで温度コンバーターを作成する方法をわかりやすく解説

    HTMLとJavaScriptを組み合わせれば、摂氏（℃）の値を入力すると自動的に華氏（℉）へ変換してくれる温度コンバーターを簡単に作成できます。本記事では、そのまま使えるサンプルコードをもとに、仕組みや実装のポイントまで丁寧に解説します。 温度コンバーターのサンプルコード 以下が、HTMLとJavaScriptだけで実装した温度コンバーターの完全なコード例です。テキストエディターに貼り付けて拡張子「.html」で保存し、ブラウザーで開けばすぐに動作を確認できます。 <!DOCTYPE html> <html> <head> <style> &n

  14. HTMLとJavaScriptで長さコンバーターを作成する方法【キロメートル→メートル変換】

    HTMLとJavaScriptを組み合わせれば、キロメートル（km）をメートル（m）に変換するシンプルな長さコンバーターを簡単に作成できます。入力欄に数値を入れるたびにJavaScriptの関数が自動的に呼び出され、変換結果がリアルタイムで画面に反映される仕組みです。ここでは、実際に動くサンプルコードとその仕組みを詳しく解説します。 コード例 <!DOCTYPE html> <html> <head> <style>     body{       

  15. HTMLとJavaScriptでスピードコンバーターを作成する方法を解説

    はじめにHTMLとJavaScriptを組み合わせることで、キロメートル毎時（km/h）をメートル毎秒（m/s）にリアルタイムで変換できるスピードコンバーターを簡単に作成できます。入力欄に数値を入力すると、JavaScriptの関数が即座に計算を行い、結果を画面に表示する仕組みです。サンプルコード以下が、HTMLとJavaScriptを使ったスピードコンバーターの完全なコード例です。<!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tah

  16. JavaScriptで別のWebページにリダイレクトする方法を解説

    JavaScriptを使えば、ボタンのクリックや特定の条件を満たしたタイミングで、ユーザーを別のWebページへ簡単に誘導（リダイレクト）できます。最も一般的なのは、window.location.href プロパティに移動先のURLを代入する方法です。 主なリダイレクトの方法 window.location.href = URL：最もシンプルで広く使われる方法です。 window.location.assign(URL)：hrefと同じ動作をし、ブラウザの履歴にも残ります。 window.location.replace(URL)：現在のページを置き換えるため、「戻る」ボタンで元のページに

  17. Seleniumで編集ボックス（テキスト入力欄）の値を取得する方法

    SeleniumでWebページ上の編集ボックス（テキスト入力欄）の値を取得したい場合、主に以下の2つの方法があります。getText()メソッドを使用する方法JavascriptExecutorクラスを使用する方法方法1：getText()メソッドを使うまずは、標準的なgetText()メソッドを使用したコード例を見てみましょう。import org.openqa.selenium.By; import org.openqa.selenium.Keys; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebEl

  18. Seleniumのロケーター徹底解説：id・name・xpath・css、どれを使うべきか？

    Seleniumで要素を特定する際に使えるロケーター（id、name、xpath、css）には、それぞれ特徴と役割があります。ここでは、それぞれの使い分けのポイントを詳しく解説します。ロケーターの優先順位まず確認すべきは、ページ内に一意（ユニーク）な属性値が存在するかどうかです。idやnameなどの一意な属性値があれば、それらを最優先で使用しましょう。一意な要素が見つからない場合は、処理速度の面で有利なcssセレクターを選択するのが効果的です。cssセレクターとXPathの違いcssセレクターには一つ弱点があります。それは、子ノードから親ノードへ遡って移動できないという点です。つまり、後方への

  19. XPathでn番目の子要素を特定する方法｜インデックス指定とposition()関数の実践例

    Seleniumによる自動テストでは、同じタグや属性を持つ要素がページ内に複数存在するケースはよくあります。テーブルの特定の行、リストの特定の項目、同種の入力欄のうち何番目か——そうした場面で必要になるのが、XPathで「n番目の子要素」を正確に指定するテクニックです。 XPathでn番目の子要素を識別するには、主に次の2つの方法があります。 角括弧 [] の中にインデックス番号を記述する 組み込み関数 position() を使用する 方法1：角括弧 [] にインデックスを指定する XPathでは、ロケータの末尾に [番号] を付けることで、その位置の要素を取得できます。インデックスは1

  20. 【Selenium】close()とquit()メソッドの違いをわかりやすく解説

    Selenium WebDriverにおけるclose()メソッドとquit()メソッドは、どちらもブラウザを閉じるために使用されますが、その動作には重要な違いがあります。なお、両メソッドとも引数（パラメータ）は不要です。 close()とquit()の違い一覧 番号close()quit() 1現在フォーカスされているブラウザ（ウィンドウ）のみを閉じます。開いているすべてのブラウザウィンドウを閉じます。 2アクティブなWebDriverインスタンスを1つだけ終了します。すべてのアクティブなWebDriverインスタンスを終了し、セッションを完全に破棄します。 close()メソッ

Total 5937 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:143/297  20-コンピューター/Page Goto:1 137 138 139 140 141 142 143 144 145 146 147 148 149