VSCodeとPlaywrightで始めるウェブサイトテスト自動化：初心者向け完全ガイド | Sqripts
環境 Node.js 22.4.1 VSCode 1.91.0 Playwright 1.45.1 準備 Node.jsとVSCodeのインストールは割愛させていただきます。 Playwrightのインストール VSCodeのPlaywrightの拡張機能をインストールする Playwright Test for VSCode – Visual Studio Marketplace Playwrightのインストール VSCodeのコマンドパレットを開き(Windows: shift + ctrl + p, mac: shift + command + p) Test: Install Playwright を入力、選択しPlaywrightのインストールを行います。
Playwrightはじめました ～E2Eテストを4Stepで自動化～ | Sqripts
こんにちは、エンジニアのぱやぴです！ 前回は「Playwright 実践～超簡単 4Step～」を解説しました。今回は、Microsoft Visual Studio Code（以下VSCode）とPlaywrightを使って、ウェブサイトのテスト自動化を実現する方法をご紹介します。具体的には、こちらのウェ... Playwrightとは まずPlaywrightについて、簡単に記載しようと思います。 Playwrightは、End to Endテスト（以下、E2E）が行えるオープンソースライブラリで、 Microsoft が開発しました。 そして、E2Eが行えるのはもちろんですが、その他以下のような特徴があります。 UIモード レコーディング機能 HTMLレポート生成 APIテスト クロスブラウザ・クロスプラットフォーム CI/CD その他諸々・・・ 詳しくは後述しますが、非エンジニアで
QAコンサルタントの私が、文章を書く時に気を付けている事(5W1H) | Sqripts
こんにちは、そして初めまして、QAコンサルタントのsakkyです。 私達は日々、短いものから長いものまで、色々な文章を書いていますが、文章を書くのを苦手に感じたり、なんだかイマイチしゃっきりしないと感じたり、記載の過不足があるのではないかと思ったりする事も多いのではないでしょうか？ 私自身、要求仕様書から実装仕様に落とし込みをする時に、お客さんとの会話で認識していた事を書き忘れていてメンバーから「このパターンもあると思うけど、記載がない。どう動くべき？」と言われてハッとした事もあります。メンバーが気付いてくれなければ仕様漏れしたアプリをリリースしてしまう所でした。 また、「ちょっといい書き方が出来なかった気がするけど、理解は出来るよね？」と思って書いた部分について、「この書き方だと、処理中でも処理後でもいいように取れるんだけど、処理終了前に完了していないとダメなんじゃない？実際はどっち？」
『｢技術書｣の読書術』書評 | Sqripts
本の概要 『｢技術書｣の読書術』は、数々の技術書をヒットさせているIPUSIRON氏と、情報系の数学を研究している増井氏による、技術書や一般書を読む際のインプットとアウトプットの方法や心がけを記載した本です。二人とも圧倒的な数の書物を読む読書の達人であり、本を沢山読む人はもちろん、本に対して苦手意識がある人にも役に立つ技術書と向き合うにあたっての一般論が記載されています。 内容の要約｜各章の解説 本書は「選び方」「読み方」「情報発信＆共有」という章に分かれています。それぞれについて簡単に解説します。 本の選び方 書店の特徴 本を選ぶ方法の前に本の取得方法の一つの書店の特徴についてお話しします。書店ごとに特徴が当然あり、それを理解することでよりニーズにあった書籍と出会いやすい、というのは納得頂けるかと思います。私もこの企画のために技術書を三冊ほど買ったのですが、自宅から近い中堅都市の本屋では
Webサイトテスト時の便利技・PCブラウザのデベロッパーツールをスマホで使おう(第二弾) | Sqripts
条件｜Wi-Fi（無線）でPCとスマホを接続してテストする ①PCとスマホを、同じWi-Fi（無線ネットワーク）に接続する ②「Android」は、「Android Studio」が必要かつ「OSver.11」以上である ※OSver.11で対応された、端末の「開発者向けオプション：ワイヤレスデバッグ」が使えることが前提となるため 「iPhone」は、初回の設定時のみスマホとPCをケーブルで接続する必要がある。OSver.は問わない 次に、「Android & WindowsPC」と「iPhone & MacPC」を使用した具体的な手順や設定について紹介していきます。スマホとPCの組み合わせは、この組み合わせでないと設定できませんのでご注意ください。 Android & WindowsPC（Chromeを使用） 以下の端末を使用した場合で説明します。 Android端末（OSver.11以
GitHubとNotionで実現するアジャイル開発のリリースバージョン管理 | Sqripts
こんにちは、エンジニアのしているタカです。 普段はスクラムマスターや開発者としてプロダクトの開発に関わっています。 今回は、自分たちのプロダクト開発チームで行なっているNotionとGitHubを使ったリリースバージョンの管理について紹介したいと思います。 リリースバージョンとは プロダクトの開発において、開発の区切りや本番リリースを行う段階で、プロダクトにバージョンという一意の番号を付与することがあります。 これはプロダクト（ソフトウェア、インフラ等）のとある段階を指し示すための番号であり、この番号とリリース日などを併せて管理することで、プロダクトの実装済み機能や改修の状態が、チーム内外から分かりやすく判別できるようになります。 例. A機能はバージョン1.0.0で実装した。Bの改修はバージョン1.1.2で行っており、このタイミングでデグレードが起きたなど このうち、本番環境にリリースし
Notionでプロダクトバックログを管理するビューを作成する | Sqripts
こんにちは、エンジニアのタカです。 普段はスクラムマスターや開発者としてプロダクトの開発に関わっています。 チームではスクラム開発を導入しており、今回はNotionでのバックログ管理の話をしたいと思います。 当初のバックログ管理方法 自分が所属するチームでは、バックログは、当初Miroで原案を作ったのちGitHub + ZenHubにて作成し管理していました。 バックログに加えバグや要望も同様にGitHub + ZenHubで管理していましたが、ナレッジやドキュメントはNotionに作成しており、下記のような課題を持っていました。 バックログ、要望、バグが混ざって見にくい バックログとドキュメントを参照するのに複数のサービスを行き来するのは手間がかかる Sprint単位のバックログや状態が把握しにくい 現在のバックログ管理方法 これらの課題を解決するため、バックログ等をすべてNotionに
優れたスクラムマスターが絶対に言わないこと | Sqripts
ソフトウェア開発の世界では、アジャイル開発やスクラムが一般的になってきました。そのアジャイル開発のコアとも言えるのが、対話や協調です。このシリーズでは、アジャイル開発におけるコミュニケーション・コラボレーションスキルを解説しながら、ファシリテーションスキルのレベルアップを目指します。 初回のテーマは「優れたスクラムマスターが絶対に言わないこと」です。 アジャイルになれない現場のコミュニケーション 私はアジャイルコーチとして、アジャイル開発の現場を支援する仕事を、はや14年以上続けています。よって、様々な現場を見てきたつもりですが、アジャイルになりきれていない現場でのコミュニケーションには、共通する点が多くあります。そのなかでも比較的よく聞く言葉を選ぶとすると、以下のようなものが浮かびます。 「〜さんがこう言っていた」 「すごく困っている」 「なんでこういう事を聞いたかというと・・・」 1
【第1回】プロジェクトマネジメントとは何か？ | Sqripts
私は仕事柄、所謂炎上プロジェクトの火消しや、前任PMが胃潰瘍で離脱して…といった「修羅場」をなんとか制御してクローズまで持っていくといった役割を担うことが多くあります。 ここで質問です、プロジェクトを成功させるには 炎上プロジェクトを鎮火する技術 プロジェクトを炎上させないようにする技術 どちらが大切だと思いますか？ １は火消しの技術が求められ、燃えている事や人を助けて、どうにかこうにかプロジェクトを纏めあげるテクニック。対して２はそもそもプロジェクトが炎上しないように先手を打ってコントロールするテクニックです。 炎上案件には社内の関心が集まり、立て直しがフォーカスされ、エース級やカネも投入、うまく鎮火されたなら盛り上がりもする「目立つ」プロジェクトです。他方、比較的スムーズに進むプロジェクトは目立たない存在です。要求事項を整理し、QCDを守って予算通りに納品しても「はい、OK」となって、
Tailscaleで簡単に繋がるネットワーク | Sqripts
こんにちは。GSです。 今日はリモートワークやプライベートのネットワーク等を色々と便利にしてくれるTailscaleを紹介します。 Tailscaleってなに？ Tailscaleは、VPN（仮想プライベートネットワーク）サービスです。他のVPNサービスに対して WireGuardによる高速で信頼性のあるネットワークを簡単に作れる 多くのデバイスに対応 ユーザー側の設定がものすごく簡単 といったような特徴があります。個人的に「Tailscaleがすごい」と感じる点は、Webサイトにログインするのと同じぐらい簡単にVPNを構築し、参加できることです。またTailscaleだからこそというわけではないですが、WireGuardというVPNプロトコルの快適さにも驚かされます。Tailscaleは独自のアプリケーションをVPNの上に載せています。たとえば、クライアント間のファイル転送などです。こう
Windowsユーザーにささぐ、WSL2を利用した（ちょっと便利な）Linux開発環境作成 | Sqripts
Windowsユーザーにささぐ、WSL2を利用した（ちょっと便利な）Linux開発環境作成 公開：2023.07.18 こんにちは。GSです。 今の時代、開発から運用までLinuxを必要とするケースはとても多いです。 WindowsユーザーがLinux環境が必要な開発を行うとき、WSL2を使うことで手軽に環境を作り利用することができます。 「Windowsは使えるが、Linuxはよくわからない」といった人が、できるだけ手間なく・手が止まることなく使える状態にし、実際に開発や検証に入れるような環境をWSL2を使ってささっと作り上げる手順をご紹介したいと思います。 ゴール Windows上からGUIを操作することなく、コマンドのコピペで環境を作り上げる 開発に困らないであろう最低限レベルに達するために必要なものをすぐ使えるように 開発や検証行為をLinuxに寄せすぎないようにし、Windows
Visual Studio CodeとGitHub Copilotでコーディング効率を革新！AIを駆使した開発ガイド | Sqripts
環境 この記事では、Pythonコードを対象としています。そのため、Pythonを実行できる環境を整え、Python向けの拡張機能をインストールしています。 以下は、今回使用した拡張機能の一覧です。 Visual Studio Code バージョン: 1.85.1 コミット: 0ee08df0cf4527e40edc9aa28f4b5bd38bbff2b2 日付: 2023-12-13T09:48:16.874Z Electron: 25.9.7 ElectronBuildId: 25551756 Chromium: 114.0.5735.289 Node.js: 18.15.0 V8: 11.4.183.29-electron.0 OS: Darwin arm64 23.2.0 Visual Studio Code 拡張機能 Python 名前: Python ID: ms-python
React開発におけるアクセシビリティのチェックツールの紹介 | Sqripts
こんにちは！フロントエンドエンジニアのつかじです。 今回は、私がReact開発で普段利用しているアクセシビリティのチェックツールについてご紹介したいと思います。 アクセシビリティとは アクセシビリティとは、情報へのアクセスを全ての人が平等に行うことができる状態を意味します。ウェブアクセシビリティは具体的には、視覚・聴覚などの障害を持つ人々や、高齢者などがウェブサイトやアプリケーションを利用する際に遭遇する可能性のある困難を解消することを目指します。 React開発においても、アクセシビリティの確保は重要な観点となります。この記事では、その実現をサポートする一部のツールを紹介します。 アクセシビリティのチェックツール eslint-plugin-jsx-a11y React開発においては、コーディングの初期段階からアクセシビリティの問題を特定することが重要です。その一助となるのがESLint
第7回 わかるようでわかりにくいスクラムチームの責任 | Sqripts
この連載は、登場して20年が過ぎ、成熟期を迎えつつある「アジャイル開発」を解説します。アジャイル開発については、世の中にたくさんの書籍や情報があふれていますが、アジャイルコーチとして10年以上の現場経験をもとに、あらためて学び直したい情報を中心にまとめていきます。 第7回目のテーマは、「スクラムチームメンバーの責任」です。 この内容はUdemyで公開しているオンラインコース「現役アジャイルコーチが教える！半日で理解できるアジャイル開発とスクラム 入門編」の内容を元にしています。 スクラムマスターの責任 スクラムマスターのメインの仕事は支援です。スクラムガイドを見ると、スクラムマスターが支援する内容がたくさん並んでいます。 ⾃⼰管理型で機能横断型のチームメンバーをコーチする スクラムチームが完成の定義を満たす価値の⾼いインクリメントの作成に集中できるよう⽀援する スクラムチームの進捗を妨げる
「AGEST・Autifyの導入事例から考える、アジャイル開発に最適化したQA組織とテスト設計」参加レポート | Sqripts
こんにちは。QAエンジニアをしているうえやまです。現在、アジャイルQAとして日々業務を行っています。 7/25に開催された、「AGEST・Autifyの導入事例から考える、アジャイル開発に最適化したQA組織とテスト設計」にオンライン参加してきました。私自身アジャイル開発の現場で自動テストの作成に携わっていることもあり、内容をレポートしたいと思います。 セミナー概要 AGEST・Autifyの導入事例から考える、アジャイル開発に最適化したQA組織とテスト設計 普段様々な組織の品質保証部門の方とやり取りをしているAGESTとAutifyが実際に感じているトレンドの変化や、テスト自動化を軌道にのせる段階、のせた後にお客様が直面する課題やそれを克服した事例など、幅広くパネルディスカッション形式でお話しして下さいました。 テスト自動化プラットフォーム・Autifyの説明もあるので、興味がある方は一読
OWASP ZAP VS. Badstore！脆弱性診断について勉強してみた！！ | Sqripts
こんにちは。QAエンジニアのTWです。 普段はソフトウェアのシステムテストを行っています。脆弱性診断について業務で触れる機会があり、脆弱性診断に興味を持ちました。この記事では自分で勉強した内容を共有したいと思います。簡単な内容ですが参考になればと思います。 ※本記事の内容は以下の書籍を参考にしています Webセキュリティ担当者のための脆弱性診断スタートガイド (第2版) 脆弱性診断とは 脆弱性とはプログラムの中に作りこまれたバグのなかでデータを書き換えたり、盗み取られることによって悪用されてしまうバグを指します。 これらの脆弱性を発見するためのテスト手法が脆弱性診断となります。代表的な脆弱性としてSQLインジェクション、クロスサイトスクリプティング(XSS)があります。 SQLインジェクションは悪用されるコードを含んだSQL文が実行されることによってデータベースを不正に操作される脆弱性です
【第1回】ブロックチェーンとは｜ブロックチェーンの仕組みとオンチェーンデータ分析 | Sqripts
はじめに みなさんは、「ブロックチェーン」という言葉を聞いたことがあるでしょうか？ ブロックチェーンとは、ビットコインやイーサリアムなどの「暗号資産」と呼ばれるデジタルな通貨や資産を実現するために使われている技術です。 暗号資産は、銀行の預金や企業発行の電子マネーなどとは異なり、暗号技術を用いて誰でも自由に通貨を発行できる点に特徴があります。暗号資産技術により、2023年4月現在までに、少なくとも9000種類（※1）を超える暗号資産が発行され、暗号資産取引所などで取引が行われています。 ブロックチェーンの技術的な特徴として、暗号資産などの取引データがすべて公開され、誰でもデータを閲覧したり、取引が正当なものかを検証したりできる点があります。例えば、2009年から稼働しているビットコインのブロックチェーンでは、稼働当時から現在までの「どのアカウントがどれくらいのビットコイン残高を持っているか
エンジニアでも使える！デザインツールFigmaがもたらす効果とは？ | Sqripts
こんにちは、AGESTでエンジニアをしているやまたろうです。 皆さんは、FigmaやAdobeXDといったデザインツールをご存知でしょうか。Webシステム開発に携わっている方であれば、聞いたことがあったり、使っている方が多いと思います。 デザインツールという名前を聞くと「デザイナーのためのツール」という印象を持たれるかもしれません。（私も最初はそう思っていました）しかし、実際にエンジニアとしてデザインツールを使って得られたものは想像以上に大きかったので紹介させていただきます。 本記事は、筆者がメインで利用しているFigmaをベースにお話しします。 超高速なプロトタイピング 私はフロントエンド領域を得意とするエンジニアで、2日もあればTwitterのクローンアプリを作れる程度には自信があります。なので、実務でプロトタイプを作成する際はFirebaseやSPAフレームワークを駆使していました。
Notion AIを使ってブログ記事を書いてみる | Sqripts
はじめに こんにちは、バックエンドエンジニアをしているまさです。 仕事でNotionを利用しており、便利に活用させていただいていますが、最近NotionにNotionAIなるものが導入されました。そこで、今回はこのNotionAIを活用してこのブログ記事を書いてみようと思いました。 最近では自然言語系のAIが多く台頭してきており、こうした技術の活用を色々と検討していく必要があると思っています。その一環として、まずは今回のブログをNotionAIに頼って書かせてみようと思います。 NotionAIについて NotionAIは、人工知能を利用して、簡単に文章を生成することができるツールです。利用者は、文章のジャンルやキーワードを入力するだけで、NotionAIが自動的に文章を生成してくれます。また、生成された文章は、利用者が修正・編集することもできます。 NotionAIは、今後ますます多くの
テスト自動化設計で注意すべきこと～JaSST’23Tokyo参加レポート～ | Sqripts
こんにちは。QAエンジニアをしているゆ太郎です。 ここ数年は主にWeb管理システムのリグレッションテストに関わることが多く、テスト自動化に興味津々な今日この頃です。 3/9-10に開催された、JaSST’23Tokyoにオンライン参加してきました。JaSST’23Tokyoの開催を知りセッション概要を確認した際に、テスト自動化に関する面白そうなタイトルが並んでいたので、急遽オンラインで参加して聴講させてもらいました。今回は、『結合テストの自動化にQAはどうかかわっていったか』というセッションについてレポートしたいと思います。 JaSSTとは JaSSTとは「ソフトウェアテストおよびソフトウェア品質に関心のある方が深い学びを得ることを目指して、 ソフトウェアテスト分野の幅広い情報と、参加者同士の交流や議論ができる場を提供」するため、特定非営利活動法人ソフトウェアテスト技術振興協会 (ASTE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
