↓この記事で問題が解決し、ある程度動くものが出来たので公開します。 【このツールを使用するメリット】 何といっても売りは簡単で速い＆完全無料という点です。しかも2023年7月現在、猛威を振るっている「勝手に自分を卑猥なリストに追加する迷惑詐欺アカ」をブロックし、リストからも削除する事が出来ます。 また、見落としがちなメリットですが、このツールが普及し皆さんが短期スパンでブロックするようになれば、詐欺アカの凍結が劇的に速くなります。（複数からブロックされると、システム側が不審なアカウントと判断するため） 【開発の背景】 2023年6月頃から、詐欺アカからのフォローが急増。7月からは新たな嫌がらせ手法として、自分を勝手に卑猥なタイトルのリストに登録する詐欺垢が多発しました。 【A:開発前から懸念された問題】 TwitterAPIが有料、しかもボッタクリ価格(月額100ドル:現在約14,000円
週刊Railsウォッチ: Ruby on Jets 6.0がRailsをサポートほか（20240620後編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やX.comでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 公式更新情報: Ruby on Rails — Better error message, opt-i
2023年にVisual Regression Testingを始めるならどんな選択肢があるか | ログラス Productチーム アドベントカレンダー 2022
本記事は「株式会社ログラス Product チーム Advent Calendar 2022」12 日目の記事です。はじめにフロントエンドのテスト手法の 1 つに Visual Regression Testing（以下、VRT）があります。 これは、アプリケーションの画面を画像として保存し、画像の差分比較をすることで意図せぬ変更が生じていないかテストする方法です。 ここ数年で広く普及し、用語としても一般的になったように思います。 私も以前、とある OSS に reg-suit & Storycap を使った VRT を導入したことがあるのですが、その後もいくつか VRT のためのライブラリが登場したもののキャッチアップできていませんでした。 そこで今回は知識のアップデートを目的として、ここ最近登場した（と思われる）VRT のライブラリをいくつかご紹介します。 なお、今回紹介するツールはす
GaugeとPlaywrightをGitHub Actionsで実行する際に工夫していること - コドモン Product Team Blog
こんにちは！プロダクト開発部の関根です。 飛行機好きの息子のために飛行機が見られるお出かけスポットやいい感じのYouTube動画を探す毎日です。 さて、コドモンではATDDでソフトウェアを開発しており、E2EテストのツールとしてGaugeやPlaywrightを利用しています。 今回は、E2EテストをCI基盤であるGitHub Actions上でも動作させるために工夫していることをいくつか紹介したいと思います。 CI環境におけるE2Eテストの流れ GitHub Actionsを用いたE2Eテストの実行プロセスは以下の通りです。 Workflowが開始されると、最初にk8s環境へのデプロイ用コンテナイメージのビルドが行われます。続いて、Self-hosted Runnerを使用してk8sリソースを構築し、ヘルスチェックが完了するのを待ちます。その後、GaugeによってE2Eテストを実行し、テ
手軽に Elasticsearch と RDB の型不整合を防ごう ~ dynamic templates を使った実装例 ~ - バイセル Tech Blog
はじめに こちらは バイセルテクノロジーズ Advent Calendar 2023 の4日目の記事です。 昨日は尾沼さんによる「サービス運用の負担軽減に繋がった、Playwrightの紹介」でした。 こんにちは。開発2部の野口です。普段はリユースプラットフォームの出品管理SaaSシステムの開発に携わっています。 私の所属しているプロジェクトでは、複雑な検索要件に対応するため、 Relational Database （以降、RDB） とElasticsearchを併用しています。 tech.buysell-technologies.com Elasticsearchを採用することにより、検索の柔軟性を獲得した一方で、両者の型システムの相違に起因した不具合に悩まされていました。 今回はElasticsearchのdynamic templatesという機能を用いて、上記の課題を解消した事例
はてなブログ独自の集計による人気記事のランキング。6月23日（日）から6月29日（土）〔2024年6月第5週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 グローバル企業で生き抜くための英会話フレーズ集 - fu3ak1's tech days by id:fu3ak1 2 早川書房の3000作品以上が最大50％割引の電子書籍セールがきたので、新作SF・ノンフィクションを中心にオススメを紹介する - 基本読書 by id:huyukiitoichi 3 パキスタンで、こんなアニメ映画がつくられたらしい…「THE GLASSWORKER」（広島の映画祭で８月上映？） - INVISIBLE Dojo. ーQUIET & COLORFUL PLACE- by id:gryphon 4 厳選80本！『Steamサマーセール』からベテランゲームブロガーが選ぶオススメはこれだ！ -
実行すると初期化に伴うオプションの変更をあれこれ聞かれます。 特にこだわりがなければそのままEnterを押していってください。空白で送信した場合はデフォルト値で設定されます。 $ npm init playwright@latest Need to install the following packages: create-playwright@1.17.128 Ok to proceed? (y) ...略... ✔ Success! Created a Playwright Test project at /Users/shion/dev/playwright Inside that directory, you can run several commands: npx playwright test Runs the end-to-end tests. npx playwrigh
9/7に行われた技育CAMPアカデミアというイベントでPlaywrightについて話をしてきました。テストというと、設計手法であるところのテスト駆動開発は別としてちょっと業務っぽい感じがして学生さんにはちょっと響かないかな、というのも心配でしたが、アンケートを見る限り、わかりやすかったという声も多くてほっとしました。 次のスライドが今回の資料です。スライドの内容の多くはPlaywright連載始まりますに掲載されている記事にもぼつぼつある内容も多い（APIテストはないですが）のですが、本エントリーでは発表の最後に触れたChatGPTなどの生成AIを使ったE2Eテストの生成について説明していきます。 ChatGPTが話題を席巻してしばらく経ちます。とはいえ、内製開発での利用以外はソースコード開発にばりばり使う、みたいな宣言はあまり聞かない気がします。利用を制限している会社も数多くあります。
RedwoodJS Build Competitionなど: Cybozu Frontend Weekly (2023-08-22号)
RedwoodJS Build Competitionなど: Cybozu Frontend Weekly (2023-08-22号) はじめに こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの BaHo です。 サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/08/22 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 認可のアーキテクチャに関する考察（Authorization Academy II を読んで） 認可設計に関する資料 Authorization Academy の考察記事です。 認可の関心分離方について整理されています。 An update on Chrome Security update
はてなブログ独自の集計による人気記事のランキング。4月7日（日）から4月13日（土）〔2024年4月第2週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 私が 1on1 でしていること - Mobile Factory Tech Blog by id:mobile-factory 2 「うちは普通の新聞じゃなく、NYタイムズだよ？なんで明日、宮崎駿にインタビューできねぇの？」…すげぇな！！ - INVISIBLE Dojo. ーQUIET & COLORFUL PLACE- by id:gryphon 3 自分が会社員だった時の転職活動 - 下町柚子黄昏記 by @yuzutas0 by id:yuzutas0 4 失敗から学ぶシステム開発委託 - CARTA TECH BLOG by id:voyagegroup_tech 5 ディズニーがジブリと提携直前に抱いた「懸念」
Learning Vue
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Learn the core concepts of Vue.js, the modern JavaScript framework for building frontend applications and interfaces from scratch. With concise, practical, and clear examples, this boo
Twitterでは、この言葉はあまりいい意味ではとらえられていないように思うけど、いまのチームのメンバーは、自分も含めてみんなフルスタックエンジニアだなと、僕は思っている。 フルスタックエンジニアって言っても、フロントエンド、バックエンド、インフラの全部がすごい、ってのは求めていない。 じゃあなんだっけー？ってチームで喋ってて納得したのは「何かしらその人の軸となる、スキルの高い領域があって、でも、その得意なところ以外の領域に飛び込んでいくことも厭わない」っての。たしかになーって思った。 お互いに得意な領域が違ってて、お互いに相手のことを「すごいなー」と思いつつ、チームとして必要なスキルを保持している感じ。だから、そのときやってるタスクの領域に詳しい人が、みんなを支えながら開発をしている。 その人以外のみんなも「ここは自分の得意なところじゃないから得意な人にまかせる」とかじゃなくて「なるほど
Azureで社内文書から回答可能な生成AIチャットサービスを作った話 - techtekt
はじめに 本記事では、Azure環境で、社内文書から情報を抽出し、ユーザーの質問に対する回答を生成する機能を開発した件についてお話しします。 以前以下の記事でリリース当初の話を記載しているので興味のある方はご覧ください。 Azure OpenAI Serviceで社内版ChatGPTのChatPCAを構築した話 目次 リリースの背景 結論 概要の説明 取り組んだこと 今後の課題 まとめ 注釈 リリースの背景 弊社では兼ねてより社内イントラ用のボットサービスが利用されていました。 ただ、こちらはルールベースで読み込ませた定型の資料内容以外のことには回答ができないものとなっていました。 そのため、日々蓄積する社内データに対して柔軟に対応して回答することは現実的に難しい課題点がありました。 そういった中、昨今話題になっているChatGPTを初めとした生成AI技術を活用してこうした課題を解決してい
Nuxt offers first-class support for end-to-end and unit testing of your Nuxt application via @nuxt/test-utils, a library of test utilities and configuration that currently powers the tests we use on Nuxt itself and tests throughout the module ecosystem. InstallationIn order to allow you to manage your other testing dependencies, @nuxt/test-utils ships with various optional peer dependencies. For e
ちょっとしたウェブアクセスクライアントのコードを書いていて、サーバー側に正しくリクエストが送られているかの確認をする場合、モックサーバーを建てることが多いと思います。ウェブフロントエンド開発とかだとMock Service Workerが便利ですし、Playwrightのネットワークフック機能も便利です。GETだけならPythonでいつもやってしまうのですが、今回はPowerShellで作ったちょっとした自動化ツールかつエラーレスポンスを返したい、という状況だったので、Goあたりで適当なサーバーでも書くかな、と思っていたところ、ふと思い立ってぐぐってみたところでMockoonという良さげなツールを見つけて、使ってみたら便利だったので紹介します。 Mockoonとは僕は知らなかったのですが、2017年ごろからあるモックを作成するツールのようです。 GUIが提供されており、APIの定義やログ閲
はじめに はじめまして、損保ジャパンDX推進部の辻です。普段はフロントエンドでリードを担当させていただいています。 弊部は約3年前に生まれた新しい組織であり、積極的に内製開発の取り組みを行っています。そんな3年間という短い間でも、MUIを採用して乗り換えるという事象が発生しており、ライブラリ選定における失敗について振り返っていきます。 組織におけるライブラリ採用の参考にしていただければと思います。 最新の状態 ライブラリはなるべく最新に追従していく方針です 言語：TypeScript UI全般：React UIコンポーネント：Radix UI、(+MUI) スタイル：Tailwind CSS グローバルstate：TanStack Query APIキャッシュ：TanStack Query ルーティング：React Router GraphQLクライアント：graphql-request
こんにちは、amptalk 株式会社 CTO の鈴木です。 今月で amptalk は５期目を迎えました。GW 明けの８日に全社 kickoff を行い、各組織の前期振り返りと今期の共有方針を行いました。私も開発組織の生産性向上に関する取り組みを紹介したのですが、社内に留めておくのは勿体無い内容なためこちらの note で紹介します。 FY24 Q1 Kickoff Four Keys について私たちの開発組織では、開発生産性を測る指標の１つとして Four Keys を計測しています。Four Keys の詳しい説明は Google Cloud blog の記事がわかりやすいです。 デプロイの頻度 - 組織による正常な本番環境へのリリースの頻度 変更のリードタイム - commit から本番環境稼働までの所要時間 変更障害率 - デプロイが原因で本番環境で障害が発生する割合（%） サービ
Podman Desktop 1.9 Release! 🎉 This release introduces: 🦭 a splash of innovation, a wave of excitement, and an ocean of possibilities! Podman 5! Podman 5.0.1 for new users (and as an experimental upgrade for 4.x users). Podman 4.9.4: Podman 4.9.4 is now included in both Windows and macOS installers. Backup/Restore Images: Save images or containers to tar archives and restore them. Kubernetes Pods
友人にcircle ci 料金下げる。または、rspec実行時間減らした時にやるべきことを聞かれたのでまとめておく Railsプロダクト前提です。 テストしない (野蛮だけどアイデアの一つとしてね....) 不要なコードとテストを削除 並列化 完了時間は実行時間の長いテストに引きずられるので実行時間が均一にする(並列化した後) bundle config使ってdevelopment groupライブラリをinstallさせない (メモリも少なくなります) bundle install や yarn installを別jobで動かしコンテナイメージ作成。テスト実行jobでコンテナfetch draft prだったらcircleci実行しない。open prだけci回す skip ci 活用する resource_class調整 不安定なテストを直す(リトライしている場合) defaultブラ
Vitest 2.0 is here! This release page lists all changes made to the project during the beta. For the migration guide, please refer to the documentation. 🚨 Breaking Changes Simplify mock function generic types and align with jest - by @hi-ogawa in #4784 (a0c1d37) Remove --segfault-retry - by @sheremet-va in #5514 (ed60e) This flag was introduced to combat threads segfaults. Our current recommendat
こんにちは、SmartHRでキャリア台帳の開発を担当しているプロダクトエンジニアのhosoyaです。 今日は、私たちがどのようにPlaywrightを使ってキャリア台帳のE2Eテストを実装しているかについてお話しします。 なぜPlaywright？ E2Eの導入・運用の検討を始めた当時、SmartHRで運用されているE2Eは、Rspec x Selenium x Capybaraが主流でした。 キャリア台帳は新規プロダクトという事もあり、新しいツールの選定をしてもよいのではないかということでチーム内での検討がはじまりました。 採用理由に関しては以前紹介された「E2Eテストを Playwright で作り直して開発プロセスに組み込む話」とほぼ被ってしまうのですが以下のような理由になります。 PlaywrightはMicrosoftから公開されているE2Eテストフレームワーク 定期的な更新と新
Visual Regression Testを導入して、手間と時間を節約した話 - SmartHR Tech Blog
こんにちは！SmartHRで人事評価機能の開発を担当している、エンジニアのkanekoです。Visual Regression Testを導入して、安心・安全にUIライブラリのアップデートやリファクタが行える環境を整備したので、その取り組みをご紹介します。 「Visual Regression Test 」とは変更前と変更後のコードで対象画面のスナップショットを比較することで、発生したUIの差分を検知して、見た目のリグレッションが発生していないかを検証するフロントエンドのテスト手法の一種です。 差分検知のイメージ Visual Regression Testを導入するに至った経緯 チームの課題感 私達のチームでは、意図しないレイアウト崩れなどの確認にかなりの手間と時間を取られる問題に悩まされていました。 外部ライブラリをRenovateを使って自動更新するようにしているのですが、リリース前
週刊Railsウォッチ: Ruby/Railsのアップグレード情報をscrapboxに集約ほか（20240514後編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。今夜沖縄に到着します。 RubyKaigi 2024で話題になりそうな技術的トピックの予習メモをまとめた https://t.co/IjadL2Y7XE — osyoyu (@osyoyu) May 11, 2024 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Twitter改めX】詐欺アカウント自動ブロックツール作成 - Qiita
今週のはてなブログランキング〔2024年6月第5週〕 - 週刊はてなブログ
Playwrightのインストール方法と使い方 | フューチャー技術ブログ
ChatGPTでE2Eテストコード自動作成 | フューチャー技術ブログ
今週のはてなブログランキング〔2024年4月第2週〕 - 週刊はてなブログ
フルスタックエンジニア｜cba
Testing · Get Started with Nuxt
Mockoonで簡単モックサーバー | フューチャー技術ブログ
【フロントエンドエンジニア0人スタート】組織におけるライブラリ選定と移行理由〜さよならMUI〜
開発生産性を３ヶ月で劇的に向上させた取り組み｜鈴木啓太
Podman Desktop 1.9 Release | Podman Desktop
CIコスト下げたい、テスト実行時間減らしたい時のアイデアまとめ - ストロングゼロは睡眠薬
Release v2.0.0 · vitest-dev/vitest
キャリア台帳のE2EテストでPlaywrightを利用している話 - SmartHR Tech Blog