WebSocket
WebSocket プロトコルは仕様 RFC 6455 で説明されており、これは永続的な接続を介してブラウザとサーバ間でデータを交換する方法を提供します。接続の切断や追加のHTTPリクエストをすることなく、データを “パケット” として双方向に渡すことができます。 WebSocket は継続的にデータ交換を必要とするようなサービスに特に適しています。例えば、オンラインゲームやリアルタイムの取引システムなどです。 簡単な例websocket の接続を開くには、url の特別なプロトコル ws を使用した new WebSocket を作る必要があります:
Rails 7 で React & TypeScript を導入する方法（tsx, esbuild, jsbundling-rails） - LEFログ：学習記録ノート
※この記事では「新しくRails 7 アプリを作成するときのこと」を想定していますが、Rails 6を7に上げるときにもそれなりに役立つ情報だと思います！ 結論 rails newのときにesbuildを指定してあげれば、あとはJavaScriptファイルや.jsxファイルを、.tsxにしてあげるだけでOK。 型チェックや構文チェックを導入するには少し注意が必要。 概要 現在、Rails 7を使ってフロントエンドを構築する方法には、大きく分けて３種類あります。 importmapsを使って、素のJavaScriptを使ってフロントエンドを作る esbuildを使って、JSXファイルを使ってフロントエンドを作る Rails 7をAPIモードにして、フロントエンドはNextjsで作る 自分はこの２番めの「esbuildを使ってフロントエンドを作る」を選択しました。理由は、Railsのslim上
日付と時刻をTで繋ぐ表記方法 - MEMO:はてな支店
日付と時刻を両方表現したい場合は2008-05-16T11:25:30+09:00 つまり日付と時刻をTでつなげる。 これが世界的スタンダードとしてISO8601とRFC3339に定められた日付と時刻の表現方法。 有名どころの言語やらデータベースその他ミドルウェアはすべてこれに沿った表記を解釈し入出力できるようになっている。 プログラマのみなさんは覚えておいて損はないというか絶対覚えておいたほうがいい。 日付がスラッシュ区切り（YYYY/MM/DD）だったりするソフトやらライブラリやらが巷に散見されるが、まったくおすすめできない。 http://neta.ywcafe.net/000851.html というわけで普段使っている言語でどの程度対応しているか調べてみた。 ISO8601とRFC3339があがってるけどW3CDTFも検索キーワードに入れた方が良さそう。 ちなみに、HTTP,SMT
Rails7時代のJS/CSSバンドルの新常識 – <hazm.jp />
Rails7では、jsをバンドルせずにimportmapでjsを直接読み込む方式がデフォルトとなりました。しかしwebpack等でのバンドル方式の選択肢を完全に失ったわけではありません。特定のターゲット（ES5など）にトランスパイルすることができます。レガシーブラウザをサポートする要件下ではバンドル方式を選択することもあるでしょう。そこで来たるRails7時代に、我々アプリケーションエンジニアにとってどのような手段があるのか、Railsの基礎知識をアップデートしていくのがこの記事の目的になります。早速始めましょう！ JSの読み込ませ方 かつてのRailsではSprocketsでバンドルして単一のjsファイルとして配信する方法が常識でした。Sprocketsはトランスパイルはしないものの、minifyする仕組みを持っていました。 Rails7からは、importmapまたはwebpack/e
エンジニア向けチートシート集 - Qiita
はじめに 今回はエンジニア向けのチートシート集のまとめを紹介していきます。 チートシートを利用することで 作業効率が上がる 概要が掴みやすい 学習にもなる といった恩恵が得られます。 ただし前提として毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく「最初はチートシートでカンニングしつつ徐々に体で覚えていく」ことを意識して使うことが大切です。 最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。 この記事の対象者 エンジニア初心者~中級者 作業効率を上げたい人 コードを書くテクニックを知りたい人 VsCodeチートシート はじめに紹介するのはエンジニアなら必ず使うであろうVsCodeのショートカットチートシートです。 VsCodeのショートカットは大幅に作業効率を上げてくれます。そのため早い内からショートカット
WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！｜ハイクラス転職・求人情報サイト AMBI（アンビ）
ハイクラス求人TOPIT記事一覧WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly（Wasm）は、ブラウザー上で直接動くプログラミング言語として、JavaScriptを置き換える期待が寄せられますが、実際にWasmが果たすべき役割や適したユースケースとはどういったものでしょうか？ Wasmの動作を体験するチュートリアルとあわせて、山本悠滋（igrep）さんが解説します。 WebAssembly（以下、略称の「Wasm」と呼びます。「キャズム」や「～イズム」などからの類推なのか「ワズム」と発音するようです）とは、ブラウザーをはじめとするさまざまな環境で動作する、仮想マ
RedwoodJS を Ruby on Rails と比較してみる
RedwoodJS RedwoodJS は JavaScript/TypeScript で構築されたフルスタック Web アプリケーションフレームワークです。RedwoodJS プロジェクト自体は Tom Preston-Werner 氏 (GitHub 創設者であり Gravatar や Jekyll などの作成者) が中心となり始まりました。 私自身もつい最近になって同じ職場の @sakitoさんに存在を教えてもらったばかりです。 RedwoodJS は、READMEから抜粋するだけでも、次のような機能を持ちます。 フォーマット・ディレクトリ・ビルドなどに関するデフォルト構成 単一ファイルによるルーティング定義 GraphQL Client / API (with Serverless deploy) の構築 ページ・レイアウトなどのジェネレータ CRUD 操作に特化した Scaffo
RxJS入門 | 第1回 RxJSとは
RxJS入門 第1回 RxJSとは RxJSは、リアクティブプログラミングという考え方のもとに構築されているライブラリです。「いつ起こるかわからない処理」の扱いを、一貫性を持って書くことができます。 まずはコード例で、その感触をつかんでみてください。 はじめに 今シリーズではRxJSを紹介します。RxJSとは、端的にいうとJavaScriptでのイベントのハンドリングや非同期処理をラップし、扱いやすくするためのライブラリです。 このライブラリは、もともと2009年にマイクロソフト社によってC#用に開発されたRx.NETというライブラリのJavaScript向けの移植で、他にもRxの名を冠するライブラリがさまざまな言語向けに移植されています。そのため、RxJSを学ぶと他の言語向けのRx利用者とも同じ土俵で会話ができるという、おもしろい背景を持っています。 いつ起こるかわからない処理 Java
JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD
筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS（Ruby-to-JavaScript）、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを、ブラウザが実行できるバージョンのJavaScriptへトランスパイルするものです。ある程度は、うまくいっていました。 とはいえ、これは明らかにその場しのぎの手段に過ぎず、ブラウザがより洗練されたJavaScriptを理解できる日を待ちわびていたのです。ただ、そんな日が来ることはなく、永久にその場しのぎでやり過ごすのかと思われる時期がしばらく続きました。 しかし、幸いなことにJavaScriptは改善を続け、2015年にはES6
The Selenium Browser Automation Project
Selenium is an umbrella project for a range of tools and libraries that enable and support the automation of web browsers. It provides extensions to emulate user interaction with browsers, a distribution server for scaling browser allocation, and the infrastructure for implementations of the W3C WebDriver specification that lets you write interchangeable code for all major web browsers. This proje
Selenium
Selenium automates browsers. That's it!What you do with that power is entirely up to you. Primarily it is for automating web applications for testing purposes, but is certainly not limited to just that. Boring web-based administration tasks can (and should) also be automated as well. Selenium WebDriver If you want to create robust, browser-based regression automation suites and tests, scale and di
8月にリリースされたFirefox 55以降ではSelenium IDEが動作せず、Seleniumオフィシャルブログで報告。今後の方向性は？
8月にリリースされたFirefox 55以降ではSelenium IDEが動作せず、Seleniumオフィシャルブログで報告。今後の方向性は？ 8月9日にリリースされたFirefox 55ではSelenium IDEが動作しなくなっていることが、8月9日付けの「Official Selenium Blog」に投稿された記事「Firefox 55 and Selenium IDE」で報告されています。 Selenium IDEとは、ブラウザ自動化ツールSelenium関連のソフトウェアのひとつ。ブラウザの操作をコマンドとして記録することができ、それをテストケースとして再利用できるというツールです。Webアプリケーションのユーザーインターフェイス周りのテストなどで便利に使われてきました。 Firefox 55で動作しなくなった原因は、Firefoxの拡張機能の仕組みが従来の「XPI」から、We
🤖 NEW: Selenium IDE for Chrome/Firefox (Open-Source) plus additional features = Kantu , iMacros alternative
Desktop Automation Web Automation Screen Scraping UI Testing Test Automation Made Easy Join 100,000+ users and automate workflows on your desktop and in the browser. Get started: Install the free browser extension! Easy automation for busy people. The UI Vision free RPA software (formerly Kantu) automates web and desktop apps on Windows, Mac and Linux. UI.Vision RPA is a free open-source browser e
Firefoxアドオンを使った簡易自動テストの応用編２（Katalon Recorder）
１．はじめに 以前、最新版でも動作するSelenium IDEベースのアドオンである「Katalon Recorder」の紹介と 応用編１としてコマンドの説明を投稿させてもらいましたが、今回はデータにCSVファイルを 使ったやり方を紹介したいと思います。 ※以前の記事は、以下を参照 Firefoxアドオンを使った簡易自動テスト Firefoxアドオンを使った簡易自動テストの応用編１（Katalon Recorder） ※ブラウザはFirefoxを使います。 ２．CSVファイル作成 簡単ではありますが、お試し用にCSVファイルを作成します。 お試しという事で以下の様なCSVファイル（sample.csv）を用意してください。 NO 項目 データ 001 テスト１ １つ目のテストデータ 002 テスト２ ２つ目のテストデータ 003 テスト３ ３つ目のテストデータ 実際のファイルの内容は、以下
Seleniumで、メール受信のテストをする方法 - Qiita
ウェブサービスで、会員登録やらパスワード再設定やらで確認用メールを飛ばして一時URLをクリックして処理が完了する機能って、よくありますよね？ その機能を自動テストしたいとき、どうやってますか？ 実はSeleniumとGmailの「簡易HTMLモード」を使えば簡単にできるんです。 Gmailでテスト用のアカウントを作っておく(例: example@gmail.com) Seleniumで、当該ウェブサービスに会員登録する Gmailに会員登録の一時URLが入ったメールが送られてくる Seleniumで、Gmailを開いてその一時URLをクリックする GmailはAjaxサイトなので、自動操作するのは一見難しそうですが、下記のようにすればできます。 Gmailを自動操作する方法 まず、Gmailにログインする直前にログアウト用URLを叩いておきます。 コマンド 対象 値
Selenium のコマンド — Selenium 日本語ドキュメント
Selenium のコマンド¶ しばしば selenese とも呼ばれる Selenium のコマンドは、テストを実行するコマンドのことです。これらのコマンドを並べたものが テストスクリプト を構成します。この章では、Selenium のコマンドについて詳しく取り上げ、Selenium を使って Web アプリケーションをテストするためのさまざまな方法を示します。 ページの要素の検証¶ ページ上の UI 要素の検証は、自動化されたテストではおそらく最もよく使われる機能でしょう。Selenese では、UI 要素をさまざまな方法でチェックすることができます。実際のテスト対象はどの方法を使うかによって左右されるので、これらの方法の違いを理解することが重要になります。 たとえば、現在テストしようとしているのは、次のどれでしょうか。 ある要素がページ上のどこかに存在しているかどうか。 特定のテキス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RxJS
Formタグを作らずにJavascriptのみで通常のPOST送信をするための関数です。便利なのでgitsコード化して、どこでも使えるようにしておく。
GitHub - SeleniumHQ/docker-selenium: Provides a simple way to run Selenium Grid with Chrome, Firefox, and Edge using Docker, making it easier to perform browser automation
UI.Vision RPA
