以前、最新版でも動作するSelenium IDEベースのアドオンである「Katalon Recorder」を 紹介したと思いますが、その応用編1としてコマンドの説明を行いたいと思います。 ※以前の記事は、以下を参照 Firefoxアドオンを使った簡易自動テスト ※slinkdev.secioss.net環境を使ってサンプルを作成して説明しています。 ※ブラウザはFirefoxを使います。 簡単ではありますが、よく利用しそうなコマンドを紹介します。 基本 一般的なものなので、その他については自動登録機能を使って確認してください。 URL先のページを開く 例は、slinkdev.secioss.net環境の管理画面を開いた場合 Command Target Value
こんにちは。okometsubuです。 本ブログでたった2回しか扱っていない「Katalon Recorder」という記事があるのですが、なぜか微妙な人気がある謎コンテンツだったりします。 これは何かというと、Webブラウザの操作を自動化してくれるアドオンで簡単なプログラムも組むことが出来る簡易自動化ツールとなっています。以下過去記事。 okometsubulog.hatenablog.com こっちはもう少し具体的に書いたやつ。サンプルシナリオとして参考にできるかもしれないし、出来ないかもしれない。 okometsubulog.hatenablog.com アクセス数が多いってことは、つまり、世の中「自動化」が進んでいるということです。もしかしたら仕事でも使われており、今後自動化は避けられない課題となるとかならないとか、そういう想像が膨らんでしまいます。 あぁ、そうなったら仕事首になる可
Selenium IDE コマンドリファレンス (2019/09版 : Selenium IDE v3.12.0 [全96コマンドを徹底解説])SeleniumテストTravisCISeleniumIDEテスト自動化 はじめに 10分でわかるブラウザ処理自動化!初心者向けSelenium IDE入門ガイドでSelenium IDEを使い始めるためのガイドを書きました。 そこでは、条件分岐やループ処理など一部のコマンドについての解説を書きました。 本記事では v3.12.0(2019/09時点での最新)のコマンド全部をサンプルコード を書きながら解説しています。 今回作成したサンプルコードはGithubに置いています。 https://github.com/RustyNail/SeleniumIDEDemo の SeleniumIDEcommand.sideをインポートすれば実行できます。
作成するプロジェクト 今回作るRPAプロジェクトは、ページにアクセスすると不定期で現れるポップアップ(モーダルウィンドウ)を条件分岐で処理してやろうというプロジェクトです。 うざい広告ウィンドウ対策などに使えますね。 動作は簡単に書くと以下となります。 任意のページを開くモーダルウィンドウの数を変数に格納変数の値で条件分岐させる プロジェクト内容 プロジェクトの完成形は▼こちらです。 以下、コマンドごとに解説していきます。 1.【open】 TargetのURLを開きます。 Command:open(コマンド)Target:https://blog.nyanco.me/data/labo/html/(任意のURL)Value:なし 2.【store xpath count】 Targetに不定期に現れるモーダルウィンドウをXPathで指定し、要素が見つかればその数を格納する変数名をValu
<button id="btn" type="button" onclick="hoge()">実行</button> <div id="sample" style=" height: 1800px; width: 200px; border: 4px solid; border-color: green;"></div> <p id="hoge">END</p> <script> function hoge(){ let elm = document.documentElement; // scrollHeight ページの高さ clientHeight ブラウザの高さ let bottom = elm.scrollHeight - elm.clientHeight; // 垂直方向へ移動 window.scroll(0, bottom); } </script>
Customize Summernote's modules, toolbar and plugins to get your very own version Initialization options Customize by Initializing various options and modules. Custom toolbar, popover Summernote allows you to customise the toolbar. $('#summernote').summernote({ toolbar: [ // [groupName, [list of button]] ['style', ['bold', 'italic', 'underline', 'clear']], ['font', ['strikethrough', 'superscript',
正規表現とは 正規表現 (regular expression) というのは、パターンを使って文字列を表す方法のことです。 JavaScript では RegExp クラスを使って文字のパターンを記述することができます。 RegExp のメソッドを使うことで、与えらた文字列が指定したパターンに合致するかどうかチェックしたり、 あるパターンの場所から文字を抜き出したり、置き換えたりすることができます。 正規表現を使うことで、入力チェックを行ったり、文字列を整形したりすることが簡単になります。 JavaScript の RegExp オブジェクトによる正規表現 さっそく、正規表現を使う具体例をみてみましょう。 例として、貨物のコンテナをとりあげます。コンテナには「コンテナ番号」というコンテナを識別する番号が振られています。 コンテナ番号は ABCD1234567 のように、「大文字のアルファベ
mizchi @mizchi プログラミング独習: 令和最新版 - 月額1000円のN予備校のウェブプログラミングコースでフロントエンドと Node の基本をやる nnn.ed.nico/pages/programm… - jsprimer.net を上から順になぞる - 日大尾上准教授の「Web プログラミング」のReact チュートリアルをやる zenn.dev/likr/articles/… リンク N予備校 プログラミングコース 初めてのプログラミングから 現場のプログラミングまで学ぶ | N予備校 N予備校 プログラミングコースは、ドワンゴの現役エンジニアが教えるプログラミング学習サービスです。プログラミング完全未経験者でも前提知識なく始められて、開発現場で活躍できるほどのスキルが身につくカリキュラムを、自分に合ったペースで学ぶことができます。 273 users 614
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Tom Black — Ruby on WebAssembly 原文公開日: 2018/04/28 著者: Tom Black 日本語タイトルは内容に即したものにしました。 要約: WebAssemblyがやってきました!やってみたい方は本記事のwasm gemをお試しください。 2018年の世界へようこそ。最も興奮を呼び起こすイノベーションがコンパイラ界隈にも巻き起こりつつあります。ARやVRや機械学習など先端を行く話題はいくつもありますが、ソースコードを機械が実際に理解できる形に変換する役割を担うコンパイラの歴史に比べればまだまだ新顔です。コンパイラの復権は主にLLVMのおかげです(LLVMはモジュール形式のコンパイラインフラストラクチャプロジェクトです)。LLVMの重要性については、Wiredの2013年の記事に的確な指摘が
WebWorkerとは? 初心者です。 WebWorkerとはjavascriptでマルチスレッドを行うための仕組みです。 マルチスレッドとは、複数の処理を同時に行うことです。 例えば、描画処理などで ・データ取得処理 ・取得したデータの描画処理 を同時に行うと描画が滞りなく行われます。 処理を同時に行わない場合は、 の様に処理A、Bを同時に行ってスムーズに描画するという機能です。 (あくまで一例。処理が軽い場合は普通に記述して問題ない) 非同期処理は? javascriptは非同期処理でpromiseなどありますが、 あれは処理の順番を変えているだけで同時に処理を行うものではありません(でした)。 非同期処理 = 並行して処理を行ってくれる と考えがちですが、javascriptは(原則)違います。 概要とか特徴 概要 ・メインスレッド(main.js) ←メイン処理 ・サブスレッド(d
ユースケース: Node.jsでCLIアプリケーション ここではNode.jsでCLI(コマンドラインインターフェース)アプリケーションを開発します。 CLIのユースケースとしてMarkdown形式のテキストファイルをHTMLテキストに変換するツールを作成します。 作成するアプリケーションは次の要件を満たすものとします。 コマンドライン引数として変換対象のファイルパスを受け取る Markdown形式のファイルを読み込み、変換したHTMLを標準出力に表示する 変換の設定をコマンドライン引数でオプションとして与えられる 目次 Node.jsでHello World Hello Worldアプリケーションを通じてNode.jsのCLIアプリケーションの基本を学びます。 コマンドライン引数を処理する コマンドライン引数を受け取り、アプリケーションから使いやすい形にパースする方法を学びます。 ファイ
Vue.js アプリでユニットテストを書くには、Vue Test Utils や Jest など、知っておくべきことがそれなりにあります。 現在、Vue CLI でアプリを作っていますが、ユニットテストを書くために色々と調べないといけませんでした。 今回はその過程で理解した Vue.js でのユニットテストの基本を以下にまとめます。 Vue.js のユニットテスト まず、Vue.js では何を「ユニットテスト」として考えるのかを整理します。 ユニットテストの単位 Vue.js アプリは、複数のコンポーネントで構成され、それぞれのコンポーネントが連動しながら動きます。 そのため、ユニットテストの単位は「コンポーネント」となり、コンポーネントごとにテストを書いていきます。 何をテストすべきか? コンポーネントごとにユニットテストを書くということですが、コンポーネントのどの部分に対してテストを書
塗り絵はこのアプリのキモですから ハードウェア的なシステム構成は決まりました。 サーバの選定とかも大事ですが、ここで、塗り絵部分を試しに作ってみました。 まずは遊んでみますか?>塗り絵をやってみる なんでかと言うと、塗り絵部分を作る言語を決めたいのだけど、どれが使えるかわからないので、とりあえず候補に挙がっているものが、本当に使い物になるか試してみたかったからです。 作ってみたのは、HTML5+JavaScriptの組み合わせ。これだと、web上に公開できるので、ここでも紹介しやすいかなと思って。 結論から言うと、微妙? 後で説明しますが、線を引くときにムラができるのが気になる。 あと気になるのが、古いAndoridだと動作が遅くなるかもしれないということ。 せっかくネイティブでアプリを作るんだから、サクッと動いて欲しいですよね。 アプリ制作の過程をチラ見せ。 せっかくなので、JavaSc
経産省発の npm モジュール!住所や電話番号の正規化、ジオコーディングなどができる IMI コンポーネントツールを試した! Code for Japan の関さんが SNS でシェアしてて知ったのですが、経産省さんがなにやらオープンソースで住所や電話番号の正規化などなどをするツールを公開したとのこと。 https://info.gbiz.go.jp/tools/imi_tools/ 経産省が住所変換や法人種別名、電話番号の正規化に使えるIMIコンポーネントツールを公開しました。 ソースコードも公開。README にも使い方が丁寧に書かれていました。https://t.co/fPbV00EgZP 素晴らしい動き。こういう... #NewsPicks https://t.co/bew0qGKMFE — Hal Seki (@hal_sk) May 28, 2020 ぶっちゃけ当初はあまり期待
ページャなどにより複数ページにチェックボックスが配置されている状況を考えます。 要件としては、 ・ページ遷移しても以前チェックした値はチェックされたまま保持されている ・submitした際にチェックしてある値を別ページのものも含め全て送信する というものがあるとします。 チェックした値をどこかに保持させる必要があるわけですが、cookieはjsから操作しづらいのでsessionStorageを使います。 なお以下のコードでは私の好みの関係でjQueryは使いません。 checkbox_page1.html <!DOCTYPE html> <html> <body> <form action='' method='POST' id='boxform'> <input type='checkbox' id='checkbox_1' name='boxes[]' value='1'> <labe
HOME JavaScript入門[HTML5編] Storageのデータを消去する このページでは、Storageに書き込んだデータを消去する方法について見ていきます。 cookieの場合、データ保持期間を定めて書き込みを行ないますが、 ローカルストレージではずっとデータが残ります。それで意図的に消去しないと、 ゴミデータが蓄積されてしまうことになりかねません。 Storageのデータ消去方法 では最初にデータを消去する方法を見ておきましょう。 localStorage.removeItem(キー名) ローカルストレージの指定されたキー名のデータを消去します。 sessionStorage.removeItem(キー名) セッションストレージの指定されたキー名のデータを消去します。 localStorage.clear() ローカルストレージの全データを消去します。 sessionSto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く